/* No header surface at the page start; mobile menu retains its own readable surface. */
html[data-theme="dark"] body:not(.menu-open) .site-header:not(.is-scrolled) {
  background:transparent!important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border-color:transparent;
  box-shadow:none;
}
@media(min-width:721px) {
  html[data-theme="dark"] body .site-header .site-nav,
  html[data-theme="dark"] body .site-header .site-nav .nav-group,
  html[data-theme="dark"] body .site-header .site-nav .nav-group__panel,
  html[data-theme="dark"] body .site-header .site-nav a,
  html[data-theme="dark"] body .site-header .site-nav a:hover,
  html[data-theme="dark"] body .site-header .site-nav a:focus-visible,
  html[data-theme="dark"] body .site-header .site-nav a.is-active {
    background:transparent!important;
    background-image:none!important;
    color:var(--ink)!important;
  }
  html[data-theme="dark"] body .site-header .site-nav .nav-cta {
    padding:0;
    min-height:0;
    gap:.75rem;
    border:0;
    box-shadow:none;
  }
  .site-header .nav-group__panel { box-shadow:none; }
  .site-header .nav-group__panel a:hover,
  .site-header .nav-group__panel a:focus-visible,
  .site-header .nav-cta:hover { text-decoration:underline; text-underline-offset:6px; }
}

/* Contact remains the primary header action. */
@media(min-width:721px){
 html[data-theme="dark"] body .site-header .site-nav a.nav-cta {
  background:#fff!important;color:#0d0e12!important;padding:15px 20px;min-height:44px;gap:30px;text-decoration:none;
 }
 html[data-theme="dark"] body .site-header .site-nav a.nav-cta:hover,
 html[data-theme="dark"] body .site-header .site-nav a.nav-cta:focus-visible,
 html[data-theme="dark"] body .site-header .site-nav a.nav-cta.is-active {background:#eee!important;color:#0d0e12!important;text-decoration:none}
}

/* Desktop dropdown remains readable over animated artwork. */
@media(min-width:721px){
 html[data-theme="dark"] body .site-header .site-nav .nav-group__panel {
  background:rgba(5,8,6,.9)!important;backdrop-filter:blur(15.6px);-webkit-backdrop-filter:blur(15.6px);
  border-color:#ffffff20;box-shadow:0 14px 32px #0004;
 }
}

