/* Home: sticky nav. Sits over the hero (see-through), then turns into the dark compact bar used on
   the other pages once you scroll. Takes no space: the header is 0px tall and cancels the page gap. */
.page--home { overflow: clip; }
.home-nav { position: sticky; top: 0; z-index: 50; width: 1440px; height: 0; margin-bottom: -54px; pointer-events: none; }
.home-nav::before {
  content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 132px; opacity: 0;
  background: rgba(11, 10, 9, .94); transition: height .35s var(--ease, ease), opacity .35s var(--ease, ease);
}
.home-nav__inner { position: absolute; left: 0; top: 0; width: 1440px; height: 132px; transition: transform .35s var(--ease, ease); }
.home-nav__inner > * { pointer-events: auto; }
.home-nav.is-compact::before { height: 88px; opacity: 1; }
.home-nav.is-compact .home-nav__inner { transform: translateY(-22px); }

/* Home: "How it works" / "FAQ" light up while you're in that section (home-nav.js) */
.hero__nav a { transition: color .2s; }
.hero__nav a[aria-current="location"], .m-menu a[aria-current="location"] { color: #db9466; }