/* Hero navigation remains legible over photography, then switches on scroll. */
.logo-dark { display: none; }
.logo-light { display: block; }
.main-nav { color: #fff; }
.nav-phone { color: var(--orange) !important; }
.site-header.is-scrolled .logo-dark { display: block; }
.site-header.is-scrolled .logo-light { display: none; }
.site-header.is-scrolled .main-nav { color: var(--ink); }

@media (max-width: 760px) {
  .logo-light { display: block; }
  .site-header.is-scrolled .logo-dark { display: block; }
  .site-header.is-scrolled .logo-light { display: none; }
}