html { scroll-behavior: smooth; }

body { -webkit-font-smoothing: antialiased; }

/* Header: transparent-over-hero until scrolled, then solid white */
[data-header] {
  background-color: transparent;
}
[data-header].is-scrolled {
  background-color: #ffffff;
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
}

[data-logo-white] { opacity: 1; }
[data-logo-color] { opacity: 0; }
[data-header].is-scrolled [data-logo-white] { opacity: 0; }
[data-header].is-scrolled [data-logo-color] { opacity: 1; }

[data-menu-icon] { color: #ffffff; }
[data-header].is-scrolled [data-menu-icon] { color: #12151C; }

[data-nav-links] { color: #ffffff; }
[data-header].is-scrolled [data-nav-links] { color: #12151C; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition-duration: 0.01ms !important; }
}