/* White navigation over tier heroes; the shared beige scroll state remains. */
body.tier-detail main { padding-top: 0; }
body.tier-detail header:not(.scrolled) {
  background: transparent;
  color: #fff;
  box-shadow: none;
  backdrop-filter: none;
}
body.tier-detail header:not(.scrolled) .brand-lockup { --wordmark-color: #fff; }
body.tier-detail header:not(.scrolled) .burger { color: #fff; }
body.tier-detail header:not(.scrolled) .nav-cta {
  background: transparent;
  color: #fff;
  border-color: #ffffffb3;
}
body.tier-detail header:not(.scrolled) .nav-cta:hover {
  background: #fff;
  color: var(--brand-pink);
  border-color: #fff;
}
body.tier-detail header:not(.scrolled) :is(a,button):focus-visible {
  outline: 2px solid #fff;
  outline-offset: 5px;
}
body.tier-detail main .tier-hero :is(h1,h1 em,p:not(.hero-sub),.tier-jump) { color: #fff; }