/* MAR V14 — fix the actual oversized mobile hero, not unrelated section spacing. */
/* Desktop/tablet visuals are intentionally untouched. */
@media (max-width:700px) {
  /* Services: the old 73svh minimum + bottom alignment left a large blank black top. */
  body.service-page .service-hero {
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 74px var(--mar-mobile-gutter) 50px !important;
    display: block !important;
  }
  body.service-page .service-hero-content {
    margin: 0 !important;
    max-width: 100% !important;
  }
  body.service-page .service-hero:before {
    background:linear-gradient(90deg,rgba(9,9,8,.79),rgba(12,11,9,.56) 66%,rgba(13,10,6,.40)),var(--service-bg) center 55% / cover no-repeat !important;
  }
  body.service-page .service-eyebrow { margin-bottom: 17px !important; }
  body.service-page .service-hero h1 { margin:0 0 16px !important; }
  body.service-page .service-hero p { margin:0 !important; }
  body.service-page .service-back { margin-top:25px !important; }

  /* Home: content previously centered inside a near-full-screen fixed minimum. */
  body:not(.service-page) .hero {
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
  }
  body:not(.service-page) .hero-content {
    box-sizing:border-box !important;
    padding: 46px var(--mar-mobile-gutter) 96px !important;
    margin: 0 !important;
  }
  body:not(.service-page) .hero h1 { margin-top:25px !important; }
  body:not(.service-page) .hero-foot { bottom: 22px !important; }
}
@media (max-width:380px) {
  body.service-page .service-hero { padding-top:62px !important; padding-bottom:43px !important; }
  body:not(.service-page) .hero-content { padding-top:38px !important; }
}