html{scroll-behavior:smooth}
body{min-width:0}
img,video,iframe{max-width:100%;height:auto}
.bandeau{width:100%;height:auto}
.welcome,.site-title,.slogan,.section-title{white-space:normal!important;overflow-wrap:anywhere}
.hero{width:min(1000px,100%);padding-inline:clamp(12px,3vw,24px)}
.avatar{width:min(100%,700px);height:auto}
.intro{font-size:clamp(14px,1.5vw,17px)}
.welcome{font-size:clamp(15px,1.8vw,19px)}
.site-title{font-size:clamp(22px,3.2vw,36px)}
.slogan{font-size:clamp(13px,1.6vw,17px)}
.buttons{display:flex;flex-wrap:wrap;gap:10px}
.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.menu-btn{width:48px!important;height:48px!important;display:grid;place-items:center}
.side-menu{width:min(320px,88vw)!important;right:-100vw!important}
.side-menu.open{right:0!important}
.side-menu a{min-height:44px;display:flex!important;align-items:center}
.video-section{width:min(1100px,100%);padding-inline:clamp(12px,3vw,24px)}
.video-section video{width:100%;height:auto}
.blog-grid{width:min(1100px,100%);padding-inline:clamp(12px,3vw,24px)}
.blog-card{min-width:0}
.blog-card img{width:100%;height:clamp(180px,24vw,260px);object-fit:cover}
input,select,textarea,button{font:inherit}
input,select,textarea{max-width:100%}
table{max-width:100%}
.orion-menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.32);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:999}
.orion-menu-backdrop.open{opacity:1;pointer-events:auto}
body.orion-menu-open{overflow:hidden}
.orion-back-top{position:fixed;right:16px;bottom:16px;width:46px;height:46px;border:1px solid #d4af37;border-radius:50%;background:#fff;color:#0b7285;box-shadow:0 4px 14px rgba(0,0,0,.12);display:none;z-index:900;cursor:pointer}
.orion-back-top.show{display:block}
@media(min-width:640px) and (max-width:1023px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:639px){
 header{overflow:hidden}
 .menu-btn{top:10px!important;right:10px!important}
 .hero{padding-top:12px}
 .buttons{flex-direction:column;align-items:stretch}
 .btn{width:100%;max-width:360px;margin-inline:auto}
 .blog-grid{grid-template-columns:1fr!important}
 .blog-content{padding:16px}
 .section-title{padding-inline:12px}
 .side-menu{padding:20px!important}
 input,select,textarea{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}