/* Explicit top-row tracks keep the logo and CTA still during the fold. */
@media (max-width:960px) {
  .home-header.scroll-menu-ready {
    grid-template-rows:48px 47px;
    align-content:start;
  }
  .web-header.scroll-menu-ready {
    display:grid;
    grid-template-columns:auto 1fr auto;
    grid-template-rows:40px 48px;
    gap:8px 20px;
  }
  .web-header.scroll-menu-ready .header-cta {justify-self:end}
  .web-header.scroll-menu-ready .desktop-nav {grid-row:2;grid-column:1/-1}
  .home-header.scroll-menu-ready,.web-header.scroll-menu-ready {
    transition:height .32s cubic-bezier(.22,1,.36,1),background .3s,box-shadow .3s;
  }
  .scroll-menu-ready .home-nav,.scroll-menu-ready .desktop-nav {
    opacity:1;visibility:visible;transform:none;
    transition:opacity .22s ease,transform .32s cubic-bezier(.22,1,.36,1),visibility 0s;
  }
  .home-header.scroll-menu-ready.is-menu-hidden {height:68px}
  .web-header.scroll-menu-ready.is-menu-hidden {height:58px}
  .scroll-menu-ready.is-menu-hidden .home-nav,.scroll-menu-ready.is-menu-hidden .desktop-nav {
    opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;
    transition:opacity .16s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility 0s .28s;
  }
}
@media (max-width:600px) {
  .home-header.scroll-menu-ready {grid-template-rows:44px 44px}
  .web-header.scroll-menu-ready {grid-template-columns:auto 1fr;grid-template-rows:44px 46px;gap:0 15px}
  .home-header.scroll-menu-ready.is-menu-hidden {height:60px}
}
@media (prefers-reduced-motion:reduce) {
  .home-header.scroll-menu-ready,.web-header.scroll-menu-ready,
  .scroll-menu-ready .home-nav,.scroll-menu-ready .desktop-nav,
  .scroll-menu-ready.is-menu-hidden .home-nav,.scroll-menu-ready.is-menu-hidden .desktop-nav {transition:none}
}