/* Header scroll cleanup — keep the fixed outer header completely paint-free.
   Only the centered pill (.header-inner) receives a surface after scrolling. */
body.home-page.v4-page .site-header.service-header,
body.home-page.v4-page .site-header.service-header.is-scrolled{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* At the very top, preserve the exact Hero background through the pill. */
body.home-page.v4-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;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* After scrolling, paint only the actual centered header capsule. */
body.home-page.v4-page .site-header.service-header.is-scrolled .header-inner{
  background:#605f5d !important;
  background-color:#605f5d !important;
  background-image:none !important;
  border:1px solid 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 the pill transition clean; the full-width fixed wrapper never paints. */
body.home-page.v4-page .site-header.service-header .header-inner{
  transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,backdrop-filter .22s ease !important;
}