/* Desktop enhancement only; without JS the original header remains intact. */
.desktop-nav-scroll-spacer[hidden] { display: none; }
@media (min-width: 960px) {
  .top5-header:not(.top5-header--contact) { --desktop-nav-scroll-enabled: 1; }
  .top5-header[data-nav-scroll-ready="true"]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: #fff;
    pointer-events: none;
  }
  .top5-header[data-nav-scroll-ready="true"]::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    z-index: 3;
    height: 1px;
    background: var(--top5-gray-200, #cdd6df);
    opacity: 0;
    pointer-events: none;
    transition: opacity 180ms ease;
  }
  .top5-header[data-nav-scroll-ready="true"] > .top5-header__inner {
    position: relative;
    z-index: 2;
  }
  .top5-header[data-nav-scroll-ready="true"] > .top5-nav {
    position: absolute;
    inset: 100% 0 auto;
    z-index: 0;
    width: 100%;
    background: #fff;
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition: transform 180ms ease, opacity 180ms ease, visibility 0s;
  }
  .top5-header[data-nav-scroll-hidden="true"]::after { opacity: 1; }
  .top5-header[data-nav-scroll-hidden="true"] > .top5-nav {
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform 180ms ease, opacity 180ms ease, visibility 0s 180ms;
  }
  .desktop-nav-scroll-spacer { display: block; flex: none; }
}
@media (max-width: 959px) {
  .desktop-nav-scroll-spacer { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .top5-header[data-nav-scroll-ready="true"]::after,
  .top5-header[data-nav-scroll-ready="true"] > .top5-nav { transition: none; }
}