/* What We Do — unify hero banner text size on short laptop viewports
   (eg 1200x580). Layout and form compact styles stay in page/shared CSS. */

@media screen and (min-width: 1024px) and (max-width: 1536px) and (max-height: 760px) {
  /* Form "Active" pill — tiny nudge right at this viewport only */
  body[class][class][class][class][class][class][class][class][class] .hero .hero-float,
  body[class][class][class][class][class][class][class][class][class] .hero .lead-form .hero-float,
  body[class][class][class][class][class][class][class][class][class] .hero .lead-form.lead-form--hero-v2 .hero-float {
    transform: translateX(16px) !important;
  }

  body[class][class][class][class][class][class][class][class][class] .hero h1,
  body[class][class][class][class][class][class][class][class][class] .hero-copy h1,
  body[class][class][class][class][class][class][class][class][class] .seo-hero__copy h1,
  body[class][class][class][class][class][class][class][class][class] .guest-hero__copy h1,
  body[class][class][class][class][class][class][class][class][class] .hero__left h1,
  body[class][class][class][class][class][class][class][class][class] .hero .hero-h1-line {
    font-size: clamp(29px, 2.9vw, 38px) !important;
  }

  body[class][class][class][class][class][class][class][class][class] .hero h1 em,
  body[class][class][class][class][class][class][class][class][class] .hero-copy h1 em,
  body[class][class][class][class][class][class][class][class][class] .hero-h1-line em {
    font-size: inherit !important;
  }

  body[class][class][class][class][class][class][class][class][class] .hero-sub,
  body[class][class][class][class][class][class][class][class][class] .hero__sub,
  body[class][class][class][class][class][class][class][class][class] .seo-hero__copy .hero-sub,
  body[class][class][class][class][class][class][class][class][class] .guest-hero__copy .hero-sub {
    font-size: 16.5px !important;
  }
}