/* Reversible web interpretation of Liquid Glass for the sticky navigation. */
body>.site-header::before{
 top:10px;bottom:10px;width:calc(100vw - 24px);max-width:1480px;
 border-radius:26px;
 -webkit-mask-image:none;mask-image:none;
 background:linear-gradient(135deg,rgba(255,255,255,.075),transparent 38%,rgba(255,255,255,.025)),color-mix(in srgb,var(--bg) 58%,transparent);
 -webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);
 border:1px solid rgba(0,0,0,.28);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(0,0,0,.18),0 8px 28px rgba(0,0,0,.16);
}
body>.site-header::after{
 content:"";position:absolute;pointer-events:none;z-index:-1;left:50%;transform:translateX(-50%);
 top:10px;bottom:10px;width:calc(100vw - 24px);max-width:1480px;border-radius:26px;
 background:radial-gradient(ellipse at 18% 0%,rgba(255,255,255,.055),transparent 55%);
 opacity:0;transition:opacity 180ms ease;
}
body>.site-header.is-scrolled::after{opacity:1}
@media(max-width:700px){
 body>.site-header::before,body>.site-header::after{top:8px;bottom:8px;width:calc(100vw - 16px);border-radius:20px}
 body>.site-header::before{background-color:color-mix(in srgb,var(--bg) 70%,transparent)}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body>.site-header::before{background:color-mix(in srgb,var(--bg) 94%,transparent)}}
@media(prefers-reduced-transparency:reduce){body>.site-header::before{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){body>.site-header::after{transition:none}}