/* Homepage header top-state color match.
   At scrollY <= 16, the header surface is fully transparent so the exact Hero
   background underneath is visible through it. The scrolled state retains the
   existing solid header treatment for legibility. */
body.home-page .site-header.service-header:not(.is-scrolled){
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.home-page .site-header.service-header.is-scrolled{
  background:#605f5d !important;
  background-color:#605f5d !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:0 10px 30px rgba(20,20,20,.12) !important;
  backdrop-filter:blur(20px) saturate(135%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(135%) !important;
}

/* Keep navigation readable on the dark Hero while the header surface itself is invisible. */
body.home-page .site-header.service-header:not(.is-scrolled) .desktop-nav .nav-link,
body.home-page .site-header.service-header:not(.is-scrolled) .desktop-nav .nav-dropdown-trigger,
body.home-page .site-header.service-header:not(.is-scrolled) .theme-toggle,
body.home-page .site-header.service-header:not(.is-scrolled) .menu-toggle{
  color:rgba(255,255,255,.78) !important;
}

body.home-page .site-header.service-header:not(.is-scrolled) .desktop-nav .nav-link:hover,
body.home-page .site-header.service-header:not(.is-scrolled) .desktop-nav .nav-link.is-active,
body.home-page .site-header.service-header:not(.is-scrolled) .desktop-nav .nav-dropdown-trigger:hover,
body.home-page .site-header.service-header:not(.is-scrolled) .desktop-nav .nav-dropdown-trigger[aria-expanded="true"]{
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
}

/* Defensive reset: no nested header surface may paint a different top-state color. */
body.home-page .site-header.service-header:not(.is-scrolled) .header-inner{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
}