/* Reserve the expanded header's space so scrolling never moves the content. */
.navigation-space { height: 0; }
html.scroll-header-ready { scroll-padding-top: var(--header-anchor-offset, 170px); }
.scroll-header-ready .header-main {
  transition: padding .25s ease, box-shadow .25s ease;
}
.scroll-header-ready .header-main .site-logo img {
  transition: width .25s ease;
}
.scroll-header-ready .header-main.scrolled {
  padding: 6px 24px;
}
.scroll-header-ready .header-main.scrolled .site-logo img { width: 170px; }
.scroll-header-ready .header-main.scrolled .site-logo > .department-label {
  font-size: 10px;
  padding: 3px 6px;
}
@media (min-width: 769px) {
  .scroll-header-ready body:not(.nav-hidden) .header-main.scrolled {
    box-shadow: none;
  }
  .scroll-header-ready .navigation-space { height: var(--navigation-space); }
  .scroll-header-ready .main-nav {
    position: fixed;
    top: var(--header-height);
    left: 0;
    width: 100%;
    padding-top: 0;
    z-index: 999;
    transform: translateY(0);
    visibility: visible;
    transition: transform .3s cubic-bezier(.22, 1, .36, 1), visibility 0s;
  }
  .scroll-header-ready body.nav-hidden .main-nav {
    transform: translateY(-100%);
    visibility: hidden;
    pointer-events: none;
    transition: transform .18s ease-in, visibility 0s .18s;
  }
}
@media (max-width: 768px) {
  .scroll-header-ready body.scrolled { padding-top: 112px; }
  .scroll-header-ready .header-main.scrolled { padding: 5px 0; }
  .scroll-header-ready .header-main.scrolled .site-logo img { width: 160px; }
}
@media (prefers-reduced-motion: reduce) {
  .scroll-header-ready .header-main,
  .scroll-header-ready .header-main .site-logo img,
  .scroll-header-ready .main-nav,
  .scroll-header-ready body.nav-hidden .main-nav { transition: none; }
}