/* Mobile-only hero spacing so both CTAs (BOOK A CONSULTATION, CONTACT US)
   sit fully above the fold at 390×844 (CONTACT US bottom <= ~830).
   Desktop is untouched. Same values as homepage TAN Ashford v3 / Urbanist v2. Applied to inner-page heroes so Care Plan CONTACT US clears the 390×844 fold. H1 and lead size unchanged.

   Before (mobile, max-width:700px):
     section.hero padding          64 / 64   (from generic `section{padding:64px 0}`, stacked on wrap)
     .hero .wrap padding           64 / 64
     combined hero inset           128 / 128
     h1 margin                     20 / 18 (Urbanist) or 20 / 22 (TAN art)
     .foundation margin-top        26
     p.lead margin-top             30 (inline, unchanged)
     .ctas margin-top              34 (unchanged)

   After (this file, mobile only):
     section.hero padding          0 / 0
     .hero .wrap padding           40 / 64
     combined hero inset           40 / 64
     h1 margin                     16 / 16
     .foundation margin-top        22
     lead / .ctas                  unchanged
*/
@media (max-width: 700px) {
  /* Neutralize generic section padding on the hero only — it was stacking
     with .hero .wrap and doubling the mobile inset. */
  section.hero {
    padding-top: 0;       /* was 64px */
    padding-bottom: 0;    /* was 64px */
  }

  .hero .wrap {
    padding-top: 40px;    /* was 64px; combined top inset 40, was 128 */
    padding-bottom: 64px; /* combined bottom inset 64, was 128 */
  }

  /* Modest tighter gaps. H1 and lead text/size are unchanged. */
  .hero h1,
  .hero h1.hero-h1,
  .hero h1.hero-h1--art {
    margin-top: 16px;     /* was 20px (eyebrow-to-H1) */
    margin-bottom: 16px;  /* was 18px Urbanist / 22px TAN art */
  }

  .hero .foundation {
    margin-top: 22px;     /* was 26px */
  }
}