/* Shared homepage navigation, loaded last on every page. */
:root{--header:76px;--pad:4vw;--lime:#abdb23}
html{scroll-padding-top:calc(var(--header) + 16px)}
.site-header{box-sizing:border-box;height:var(--header);padding:0 var(--pad);position:fixed;inset:0 0 auto;z-index:50;background:rgba(240,240,238,.96);color:#10110e;display:flex;align-items:center;gap:12vw;border-bottom:1px solid #1111;backdrop-filter:blur(12px)}
.site-header .logo{width:128px;flex-shrink:0;display:block}
.site-header .logo img{width:100%;height:auto;display:block}
.site-header nav{display:flex;align-items:center;justify-content:space-between;flex:1}
.site-header nav a{font-family:"Encode Sans Condensed",sans-serif;font-size:16px;line-height:1.35;font-weight:400;letter-spacing:0;position:relative;padding:12px 0;color:inherit;text-decoration:none;white-space:nowrap}
.site-header nav a::after{content:'';position:absolute;bottom:6px;left:0;right:0;height:3px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.site-header nav a:hover::after,.site-header nav a:focus-visible::after{transform:scaleX(1)}
.access-skip{position:fixed;top:-60px;left:10px;background:var(--lime);color:#10110e;padding:14px;z-index:200}
.access-skip:focus{top:10px}
.secondary-page{--hh:var(--header)}
.secondary-page .container{padding-top:calc(var(--header) + 32px)}
@media(max-width:768px){
  :root{--header:64px;--pad:6vw}
  .site-header{gap:5vw}
  .site-header .logo{width:75px}
  .site-header nav{gap:10px}
  .site-header nav a{font-size:11px}
  .secondary-page .container{padding-top:calc(var(--header) + 24px)}
}
@media(prefers-reduced-motion:reduce){.site-header nav a::after{transition:none}}