.smooth-header-space { display: none; }
html.has-smooth-scroll { scroll-behavior: auto; }
.has-smooth-scroll .smooth-header-space { display: block; height: var(--site-header-height, 96px); }
.has-smooth-scroll .site-header { position: fixed; left: 0; right: 0; }
.site-header { transition: translate 300ms var(--motion-ease-out); }
.site-header.is-statement-hidden:not(:has(:focus-visible)) { translate: 0 calc(-100% - 48px); pointer-events: none; }
.has-preloader .site-header.is-statement-hidden { translate: none; pointer-events: auto; }
@media (prefers-reduced-motion: reduce) {
  .site-header { transition: none; }
}