.site-header{color:var(--color-fg-strong);-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);background:#fffc;box-shadow:0 1px #0f1e3414}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header{background:var(--white)}}@media (prefers-reduced-transparency:reduce){.site-header{background:var(--white);-webkit-backdrop-filter:none;backdrop-filter:none}}.site-header :focus-visible{outline:2px solid var(--white);outline-offset:2px;box-shadow:0 0 0 2px var(--ink-900)}.site-header:after{content:"";z-index:-1;opacity:0;pointer-events:none;position:absolute;inset:0;box-shadow:0 10px 30px -18px #0f1e3459}.site-logo{display:grid}.site-logo>img{grid-area:1/1}.site-logo .logo-white{opacity:0;display:none}[data-header-over]{margin-top:calc(-1 * var(--header-h))}body:has([data-header-over]) .site-logo .logo-white{display:block}body:has([data-header-over]) .site-header:before{content:"";z-index:-1;opacity:0;pointer-events:none;background:linear-gradient(#08122180,#0000);position:absolute;inset:0 0 -28px}@supports (animation-timeline:scroll()){.site-header:after{animation:linear both header-raise;animation-timeline:scroll(root);animation-range:0 8px}@media (prefers-reduced-motion:no-preference){body:has([data-header-over]) .site-header:not(:has(:popover-open)){animation:linear both header-clear}body:has([data-header-over]) .site-header:not(:has(:popover-open)):before{animation:linear both header-shade}body:has([data-header-over]) .site-header:not(:has(:popover-open)) .logo-white{animation:linear both header-shade}body:has([data-header-over]) .site-header:not(:has(:popover-open)) .logo-color{animation:linear both header-logo}body:has([data-header-over]) .site-header:not(:has(:popover-open)){animation-timeline:scroll(root);animation-range:0 64px}body:has([data-header-over]) .site-header:not(:has(:popover-open)):before{animation-timeline:scroll(root);animation-range:0 64px}body:has([data-header-over]) .site-header:not(:has(:popover-open)) .site-logo>img{animation-timeline:scroll(root);animation-range:0 64px}body:has([data-header-over]) .site-header:after{animation-range:40px 64px}}}@keyframes header-raise{to{opacity:1}}@keyframes header-clear{0%{color:var(--white);-webkit-backdrop-filter:blur()saturate();backdrop-filter:blur()saturate();background-color:#fff0;box-shadow:0 1px #0f1e3400}}@keyframes header-shade{0%{opacity:1}to{opacity:0}}@keyframes header-logo{0%{opacity:0}}