/* Homepage only: restore the white ribbon over the hero. The Studio header is
   intentionally unaffected. site.js hides this when the FIRST white content
   section actually meets the lower edge of the ribbon. */
.home-page .site-header,
.home-page .site-header.is-scrolled,
.home-page .site-header:not(.is-scrolled) {
  background: rgba(255,255,255,.98);
  color: var(--ink);
  border-bottom: 1px solid rgba(18,77,105,.10);
  box-shadow: 0 2px 12px rgba(18,77,105,.06);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.home-page .site-header .main-nav,
.home-page .site-header.is-scrolled .main-nav,
.home-page .site-header:not(.is-scrolled) .main-nav { color: var(--ink); }
.home-page .site-header .brand-dot,
.home-page .site-header.is-scrolled .brand-dot,
.home-page .site-header:not(.is-scrolled) .brand-dot { background: var(--blue); }