html {
  scroll-padding-top: calc(var(--sticky-header-height, 0px) + var(--sticky-banner-offset, 0px) + 16px);
}
.site-header[data-mobile-navigation] {
  position: sticky;
  top: var(--sticky-banner-offset, 0px);
  z-index: 100;
  background: var(--white);
  transition: height 240ms ease, min-height 240ms ease, padding 240ms ease,
    box-shadow 240ms ease, grid-template-rows 240ms ease;
}
.site-header .logo { transition: width 240ms ease; }
.site-header-spacer { height: 0; transition: height 240ms ease; }
/* A separate spacer cannot collapse into the first section's vertical margins. */
.site-header.is-header-compact + .site-header-spacer { height: 36px; }
.site-header[data-mobile-navigation].is-header-compact {
  height: 68px;
  min-height: 68px;
  padding-block: 8px;
  box-shadow: 0 4px 14px #2430140d;
}
.site-header.is-header-compact .logo { width: 168px; }
.skip:focus { position: fixed; z-index: 1100; }

@media (max-width: 1000px) {
  .site-header[data-mobile-navigation].menu-ready {
    grid-template-rows: 49px auto;
    padding-block: 15px;
  }
  .site-header.menu-ready .logo { width: 157px; }
  .site-header[data-mobile-navigation].is-header-compact {
    height: auto;
    min-height: 64px;
    padding-block: 9.5px;
  }
  .site-header.is-header-compact + .site-header-spacer { height: 16px; }
  .site-header[data-mobile-navigation].menu-ready.is-header-compact { grid-template-rows: 44px auto; }
  .site-header.is-header-compact .logo { width: 132px; }
  .site-header[data-mobile-navigation].menu-ready nav {
    max-height: calc(100dvh - var(--sticky-banner-offset, 0px) - 112px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .site-header[data-mobile-navigation].menu-ready.is-header-compact nav {
    max-height: calc(100dvh - var(--sticky-banner-offset, 0px) - 96px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header[data-mobile-navigation], .site-header .logo, .site-header-spacer { transition: none; }
}

@media print { .site-header-spacer { display: none; } }