:root{--scroll-header-height:90px}
html{scroll-padding-top:calc(var(--scroll-header-height) + 12px)}
.header-slot{height:var(--scroll-header-height)}
.site-header.is-scroll-header{position:fixed;inset:0 0 auto;z-index:1000;height:var(--scroll-header-height);padding:20px max(20px,calc((100% - 1880px)/2));background:var(--ink);border-radius:0 0 30px 30px;transform:translateY(0)}
.site-header.is-scroll-header.is-header-hidden{transform:translateY(-110%);pointer-events:none}
@media(prefers-reduced-motion:no-preference){.site-header.is-scroll-header{transition:transform .28s cubic-bezier(.22,1,.36,1)}}
@media(max-width:1099px){:root{--scroll-header-height:80px}.site-header.is-scroll-header{padding:0 20px}}
@media(max-width:599px){:root{--scroll-header-height:64px}.site-header.is-scroll-header{padding:0 16px;border-radius:0 0 24px 24px}}