/* Only the existing primary navigation is affected. */
nav.scroll-header { transition:transform 180ms ease, opacity 180ms ease; }
.header-scroll-space { height:0; pointer-events:none; }
nav.scroll-header.is-floating {
 position:fixed; inset:0 0 auto; width:100%; height:72px; z-index:100;
 background:rgb(from var(--color-dark) r g b / .96);
 transform:translateY(-100%); opacity:0; pointer-events:none;
}
nav.scroll-header.is-floating.is-revealed { transform:translateY(0); opacity:1; pointer-events:auto; }
@media(max-width:760px) {
 nav.scroll-header.is-floating { height:64px; }
 nav.scroll-header.is-floating.menu-open .links { top:100%; max-height:calc(100dvh - 64px); overflow-y:auto; }
}
@media(prefers-reduced-motion:reduce) {
 nav.scroll-header { transition:none; }
}