/* Site header lives outside each page's dark block, so it carries the dark look itself. */
.site-header{background:var(--hero-bg);color:var(--hero-text);position:relative;overflow:hidden;z-index:2}
.site-header::before{content:"";position:absolute;top:-260px;left:50%;transform:translateX(-50%);width:900px;height:560px;background:radial-gradient(ellipse at center,rgba(215,255,63,.10),transparent 65%);pointer-events:none}
.site-header .nav{position:relative;z-index:1}
/* keep the hero glow continuous with the header glow above it */
.site-header + .dark-block::before{margin-top:-70px}
.site-header .nav-links{flex-wrap:nowrap;white-space:nowrap}
@media (max-width:1180px){.site-header .nav-links{gap:18px}}
@media (max-width:1060px){.site-header .nav-login{display:none}}
/* WordPress admin bar sits above the header when logged in */
.admin-bar .site-header{margin-top:0}
@media (max-width:480px){.site-header .logo{font-size:1rem;white-space:nowrap}.site-header .nav{gap:12px}.site-header .btn{padding:10px 16px;font-size:.88rem}}
/* logo (also in page CSS; here so it works before pages are re-synced) */
.logo-svg{display:block;height:44px;width:auto}
.foot-brand .logo-svg{height:36px}
@media (max-width:480px){.logo .logo-svg{height:38px}}