/* September 2026 — main-site masthead. */
:root{--header-height:100px}
.site-header{height:100px;background:linear-gradient(110deg,#172332,#0e1725 70%);border-bottom:1px solid #626d77;box-shadow:0 8px 28px #050c181c}
.site-header:after{content:"";position:absolute;bottom:-1px;left:0;width:30%;height:1px;background:linear-gradient(90deg,#d8cbb6,transparent);pointer-events:none}
.site-header .nav-inner{width:min(1520px,calc(100% - 80px));gap:32px}
.site-header .brand{width:320px;flex:none}
.site-header .brand img{display:block;filter:drop-shadow(0 1px 6px #ffffff0c)}
.site-header .site-nav{gap:clamp(15px,1.4vw,23px)}
.site-header .site-nav a{position:relative;display:flex;align-items:center;min-height:44px;font-size:12px;font-weight:600;letter-spacing:.015em;color:#e3e7ec;white-space:nowrap}
.site-header .site-nav a:not(.nav-cta):after{content:"";position:absolute;bottom:3px;left:0;right:0;height:1px;background:#d5c7ad;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.site-header .site-nav a:hover:after,.site-header .site-nav a[aria-current="true"]:after{transform:scaleX(1)}
.site-header .site-nav .nav-cta{gap:16px;padding:12px 17px;margin-left:3px;background:#e8e1d5;border:1px solid #e8e1d5;color:#142130;font-weight:700;min-height:48px;box-shadow:0 3px 12px #0002}
.site-header .cta-arrow{font-size:21px;line-height:1;font-weight:400;border-left:1px solid #14213035;padding-left:13px}
.site-header .site-nav .nav-cta:hover{background:#fff8eb;border-color:#fff8eb;color:#142130}
.site-header :focus-visible{outline:2px solid #f5e6ca;outline-offset:5px}
@media(min-width:1221px){.site-header .menu-button{display:none}}
@media(min-width:1221px) and (max-width:1400px){.site-header .brand{width:275px}.site-header .nav-inner{width:calc(100% - 56px);gap:24px}.site-header .site-nav{gap:15px}.site-header .site-nav a{font-size:11.5px}.site-header .site-nav .nav-cta{padding-inline:12px;gap:10px}}
@media(max-width:1220px){
 :root{--header-height:86px}
 .site-header{height:86px}.site-header .nav-inner{width:calc(100% - 48px)}.site-header .brand{width:300px;max-width:calc(100% - 80px)}
 .site-header .menu-button{display:block;width:46px;height:46px;border:1px solid #7a8695;background:#ffffff06;padding:12px;flex:none}
 .site-header .site-nav{display:none;position:absolute;inset:100% 0 auto;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 86px);overflow-y:auto;padding:16px 24px 24px;background:#111e2d;border-top:1px solid #536173;box-shadow:0 20px 30px #0003}
 .site-header .site-nav.is-open{display:flex}.site-header .site-nav a{min-height:48px;font-size:14px;padding:12px 4px;border-bottom:1px solid #ffffff18}.site-header .site-nav a:after{display:none}
 .site-header .site-nav .nav-cta{margin:16px 0 0;justify-content:space-between;padding:14px 18px}
}
@media(max-width:600px){:root{--header-height:80px}.site-header{height:80px}.site-header .nav-inner{width:calc(100% - 36px);gap:18px}.site-header .brand{width:255px;max-width:calc(100% - 64px)}.site-header .site-nav{max-height:calc(100dvh - 80px);padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.site-header *:after{transition:none}}
@media(max-width:1220px){
 .site-header .menu-button[aria-expanded="true"]>span:nth-child(1){transform:translateY(6px) rotate(45deg)}
 .site-header .menu-button[aria-expanded="true"]>span:nth-child(2){opacity:0}
 .site-header .menu-button[aria-expanded="true"]>span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
}