/* MAR V13 — restrained mobile-only dark-section spacing refinements. */
/* The desktop and tablet design remain unchanged. */
@media (max-width: 700px) {
  body.service-page .service-hero {
    min-height: min(510px, 73svh) !important;
    padding-top: 94px !important;
    padding-bottom: 48px !important;
  }
  body.service-page .service-eyebrow { margin-bottom: 17px !important; }
  body.service-page .service-hero h1 { margin-bottom: 15px !important; }
  body.service-page .service-hero p { margin-bottom: 0 !important; }
  body.service-page .mar-gallery {
    padding-top: 46px !important;
    padding-bottom: 51px !important;
  }
  body.service-page .mar-gallery__heading { margin-bottom: 27px !important; }
  body.service-page .mar-gallery__grid { row-gap: 20px !important; }
  body.service-page .mar-gallery__tile figcaption { margin-top: 9px !important; }
  body.service-page .service-next {
    padding-top: 40px !important;
    padding-bottom: 44px !important;
  }
  body.service-page .service-next h2 { margin-top: 0 !important; margin-bottom: 22px !important; }
}
@media (max-width: 380px) {
  body.service-page .service-hero { min-height: 475px !important; }
}

/* Homepage: soften excess vertical black space without changing the visual identity. */
@media (max-width: 700px) {
  body:not(.service-page) .section {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
  body:not(.service-page) .section-heading {
    margin-bottom: 23px !important;
  }
  body:not(.service-page) .service-grid .service-card,
  body:not(.service-page) .service-grid .service-card-link {
    min-height: 210px !important;
  }
  body:not(.service-page) .statement {
    min-height: 310px !important;
  }
  body:not(.service-page) .statement-inner {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }
  body:not(.service-page) .hero-content {
    padding-top: 68px !important;
    padding-bottom: 112px !important;
  }
  body:not(.service-page) .footer {
    padding-top: 49px !important;
  }
}