/* Shared navigation behavior; each page retains its existing header design.
   TOP's opening animates .header-inner, never this outer layout box. */
.site-header[data-nav-scroll-ready] {
  transform: translate3d(0, 0, 0);
  transition: transform 230ms cubic-bezier(.22,.61,.36,1), background 200ms ease, box-shadow 200ms ease;
}
.site-header[data-nav-scroll-ready].is-nav-hidden {
  transform: translate3d(0, calc(-100% - 24px), 0);
}
.site-header[data-nav-scroll-ready]:has(:focus-visible),
.nav-open .site-header[data-nav-scroll-ready] {
  transform: translate3d(0, 0, 0);
}
.site-header[data-nav-scroll-ready]:has(:focus-visible),
.site-header[data-nav-scroll-ready]:has(:focus-visible) .site-nav.is-open {
  transition-duration: 0ms;
}
/* With no script, focusing the menu button exposes the existing links.
   This fallback changes no layout dimensions or header colors. */
.site-header:not([data-nav-scroll-bound]):focus-within .site-nav {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  transition-duration: 0ms;
}
@media (prefers-reduced-motion: reduce) {
  .site-header[data-nav-scroll-ready],
  .site-header .site-nav { transition-duration: 0ms; }
}