/* G2 full-bleed hero hotfix v3 — 2026-09-21
   Desktop homepage: hero + commitment row form one complete first screen.
   Other page heroes continue to fill the viewport beneath the header. */

html body.service-detail-page {
  --utility-h: 0px !important;
}

html body.service-detail-page .service-detail-hero,
html body.interior-light-preview .hero--page,
html body.interior-light-preview .hero--page .hero-inner,
html body.interior-light-preview.about-page .hero--page,
html body.interior-light-preview.about-page .hero--page .hero-inner,
html body.services-index-page .hero--page,
html body.services-index-page .hero--page .hero-inner {
  min-height: calc(100vh - var(--header-h, 76px)) !important;
  min-height: calc(100svh - var(--header-h, 76px)) !important;
}

@media (min-width: 1025px) {
  html body.home-light-preview .hero--home,
  html body.home-light-preview .hero--home .hero-inner {
    min-height: max(560px, calc(100vh - var(--header-h, 76px) - 122px)) !important;
    min-height: max(560px, calc(100svh - var(--header-h, 76px) - 122px)) !important;
  }

  html body.home-light-preview .hero--home .hero-inner {
    padding-block: clamp(52px, 6vh, 72px) !important;
  }
}