:root{--ds-nav-top:0px;--ds-nav-height:93px;--ds-nav-edge:93px;--ds-nav-clearance:calc(var(--ds-nav-top) + var(--ds-nav-height) + 18px)}
html{scroll-padding-top:var(--ds-nav-clearance)}
body>.headbar{position:sticky;top:var(--ds-nav-top);z-index:60;transition:box-shadow .2s ease}
.headbar.ds-nav-scrolled{box-shadow:0 8px 28px #05080d26;border-bottom-color:#ffffff29}
.headbar .nav-links a{display:inline-flex;align-items:center;min-height:44px;border-bottom:2px solid transparent;transition:color .18s,border-color .18s}
.headbar .nav-links a:hover,.headbar .nav-links a[aria-current]{color:var(--accent);border-bottom-color:currentColor}
.headbar a:focus-visible,.headbar button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.headbar .menu-panel a[aria-current]{color:var(--accent)}
.headbar .menu-btn{font-size:0;position:relative;min-width:44px;min-height:44px}
.headbar .menu-btn::before,.headbar .menu-btn::after{content:'';position:absolute;left:50%;top:50%;width:18px;height:1.5px;background:currentColor;transform:translate(-50%,-4px);transition:transform .18s ease}
.headbar .menu-btn::after{transform:translate(-50%,3px)}
.headbar .menu-btn[aria-expanded=true]::before{transform:translate(-50%,-50%) rotate(45deg)}
.headbar .menu-btn[aria-expanded=true]::after{transform:translate(-50%,-50%) rotate(-45deg)}
@media(max-width:760px){
 :root{--ds-nav-height:77px;--ds-nav-edge:77px}
 .headbar .menu-panel.open{inset:var(--ds-nav-edge) 0 0;max-height:calc(100dvh - var(--ds-nav-edge));overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:18px;padding-bottom:max(26px,env(safe-area-inset-bottom))}
 .headbar .menu-panel.open>*{flex-shrink:0}
 .headbar .menu-panel a{scroll-margin-block:12px}
}
@media(prefers-reduced-motion:reduce){.headbar,.headbar .nav-links a,.headbar .menu-btn::before,.headbar .menu-btn::after{transition:none}}