/* Mobile navigation and small-screen composition fixes */
@media(max-width:1180px){
  .site-header{z-index:100}
  .site-header .menu-button{position:relative;z-index:102;min-width:68px;min-height:44px;font-weight:800;letter-spacing:.05em;background:#0b0c10;border:1px solid #ffffff44}
  .site-header .menu-button[aria-expanded="true"]{color:var(--orange);border-color:var(--orange);box-shadow:0 0 0 3px #ff641e22}
  .site-header nav{display:flex;position:fixed;z-index:101;inset:78px 0 0;height:calc(100dvh - 78px);padding:clamp(28px,6vh,60px) 24px 32px;border:0;border-top:1px solid #ffffff20;border-radius:0;background:linear-gradient(155deg,#11151c 0,#08090c 58%,#240c08 100%);box-shadow:0 24px 70px #000;flex-direction:column;justify-content:flex-start;gap:5px;overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .22s ease,transform .22s ease,visibility .22s}
  .site-header nav.open{display:flex;opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .site-header nav a{width:min(100%,520px);padding:12px 18px;text-align:center;font-size:clamp(16px,2.5vh,21px);line-height:1.2;border:1px solid transparent}
  .site-header nav a:hover,.site-header nav a.on{border-color:#ff641e55;background:#ff641e16}
  body.menu-open{overflow:hidden;touch-action:none}
}
@media(max-width:700px){
  .site-header{height:78px}
  .site-header .brand img{width:54px;height:52px}
  .site-header .brand span{font-size:20px}
  .site-header .brand small{margin-top:9px}
  .hero{padding:3.25rem 1.25rem 2.5rem}
  .section,.page-hero{padding-left:1.25rem;padding-right:1.25rem}
  .section{padding-top:4rem;padding-bottom:4rem}
  .section .head{margin-bottom:2rem}
  .section .head h2,.section>h2{font-size:clamp(2rem,10.5vw,3rem);line-height:.92;overflow-wrap:normal;word-break:normal}
  .section .head .button{display:inline-flex;margin-top:1.4rem;max-width:100%;padding:.78rem .9rem;font-size:.84rem}
  .statement .inner{padding:4.25rem 1.25rem}
  .statement h2{font-size:clamp(2.15rem,10.3vw,3.2rem);line-height:.92;letter-spacing:-.055em;overflow-wrap:normal;word-break:normal}
  .global-cta{padding:24px 20px;gap:18px}
  .global-cta h2{font-size:clamp(27px,9vw,40px);overflow-wrap:normal}
  .global-cta .button{width:100%;padding:.8rem .85rem;text-align:center;font-size:.82rem}
}
@media(max-width:390px){
  .site-header{padding-left:12px;padding-right:12px}
  .site-header .brand{gap:.45rem}
  .site-header .brand img{width:47px}
  .site-header .brand span{font-size:18px}
  .site-header .menu-button{min-width:62px;padding:.45rem}
  .statement h2{font-size:9.7vw}
  .section .head h2,.section>h2{font-size:9.8vw}
}
@media(prefers-reduced-motion:reduce){.site-header nav{transition:none}}