html{scroll-padding-top:115px}
body>header{position:fixed;inset:0 0 auto;max-width:none;z-index:40;padding-left:max(7.2%,calc((100vw - 1232px)/2));padding-right:max(7.2%,calc((100vw - 1232px)/2));background:transparent;transition:background .25s ease,box-shadow .25s ease;isolation:isolate}
body>header.is-scrolled{background:rgba(12,7,20,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 #b385d624,0 8px 28px #00000018}
@media(max-width:1100px){body>header{padding-left:5%;padding-right:5%}}
@media(max-width:760px){body>header{padding:22px}body>header:has(nav.open){background:rgba(12,7,20,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}body>header nav.open{max-height:calc(100dvh - 130px);overflow-y:auto}}
@media(prefers-reduced-motion:reduce){body>header{transition:none}}
body>header nav a{position:relative;transition:color .2s ease}
body>header nav a:after{content:'';position:absolute;left:0;right:0;bottom:-9px;height:2px;background:#c18bff;transform:scaleX(0);transition:transform .2s ease;transform-origin:left;box-shadow:0 0 9px #b275ff50}
body>header nav a[aria-current="location"]{color:#d1a5ff}
body>header nav a[aria-current="location"]:after{transform:scaleX(1)}
body>header:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#8245c0,#ce9eff);transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none;opacity:.65}
@media(max-width:760px){body>header nav a:after{bottom:-3px}body>header nav a[aria-current="location"]{background:#a65de214}}
@media(prefers-reduced-motion:reduce){body>header nav a,body>header nav a:after{transition:none}}
