/* Batch Outreach mobile version B only.
   Replaces hero-mobile-spacing.css on the B render, to help both CTAs clear the 390×844 fold.
   H1 art is 22px TAN Ashford Bold, line-height 1.63. Copy, crumbs, eyebrow, lead and buttons unchanged.

   Deltas vs version A (hero-mobile-spacing.css):
     .hero .wrap padding-top        40 → 16   (−24)
     .hero .wrap padding-bottom     64 → 32   (−32; shortens the hero below the CTAs, does not move them)
     h1 margin-top / margin-bottom  16 / 16 in the A file, but .hero.sub h1.hero-h1--art in hero-h1-art.css
                                    actually computed to 20 / 18 on A; B sets 12 / 12 on that selector (−14 vs computed A)
     .foundation margin-top         22 → 12   (−10)
*/
@media (max-width: 700px) {
  section.hero {
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero .wrap {
    padding-top: 16px;
    padding-bottom: 32px;
  }

  /* Same specificity as hero-h1-art.css, and loaded after it, so this wins. */
  .hero.sub h1.hero-h1--art,
  .hero h1.hero-h1--art,
  .hero h1.hero-h1,
  .hero h1 {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .hero .foundation {
    margin-top: 12px;
  }
}