/* Local draft typography aligned to the published EvolvedWork hero scale. */
/* Split home hero: published desktop treatment is approximately 44px / 47px. */
.ew-hero h1 {
  font-size: clamp(34px, 3.8vw, 48px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.042em !important;
}

/* Full-page heroes: retain editorial presence without exceeding the published About-page scale. */
.hwh-hero h1,
.wl-hero h1,
.ml-hero h1,
.page-hero h1,
.sw-intro h1,
.about-hero h1 {
  font-size: clamp(46px, 5.75vw, 78px) !important;
  line-height: 1.03 !important;
  letter-spacing: -.052em !important;
}

/* Insights needs the same editorial character with a more compact list-page proportion. */
.insights-hero {
  padding-top: clamp(92px, 9vw, 118px) !important;
  padding-bottom: clamp(58px, 6vw, 82px) !important;
}
.insights-hero h1 {
  max-width: 13.4ch !important;
  margin-bottom: 22px !important;
  font-size: clamp(44px, 5.25vw, 72px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}
.insights-hero .lead {
  max-width: 760px !important;
  font-size: clamp(18px, 1.55vw, 21px) !important;
  line-height: 1.55 !important;
}
.insights-actions { margin-top: 32px !important; }
.insights-btn { min-height: 54px !important; padding: 0 24px !important; font-size: 15px !important; }

/* Detailed field guides follow the same published-page proportion rather than oversized campaign typography. */
.article-hero {
  padding-top: clamp(94px, 9vw, 122px) !important;
  padding-bottom: clamp(54px, 6vw, 78px) !important;
}
.article-hero h1 {
  max-width: 14.2ch !important;
  margin-top: 25px !important;
  margin-bottom: 18px !important;
  font-size: clamp(44px, 5.2vw, 72px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}
.article-dek {
  max-width: 700px !important;
  font-size: clamp(18px, 1.55vw, 21px) !important;
  line-height: 1.55 !important;
}
.article-meta { margin-top: 26px !important; }

@media (max-width: 620px) {
  .ew-hero h1 { font-size: clamp(34px, 10vw, 46px) !important; line-height: 1.06 !important; }
  .hwh-hero h1,
  .wl-hero h1,
  .ml-hero h1,
  .page-hero h1,
  .sw-intro h1,
  .about-hero h1 { font-size: clamp(42px, 11.5vw, 58px) !important; line-height: 1.02 !important; }
  .insights-hero { padding-top: 98px !important; padding-bottom: 58px !important; }
  .insights-hero h1 { font-size: clamp(42px, 11.4vw, 55px) !important; line-height: 1 !important; }
  .insights-hero .lead { font-size: 18px !important; }
  .article-hero { padding-top: 98px !important; padding-bottom: 54px !important; }
  .article-hero h1 { font-size: clamp(39px, 10.8vw, 52px) !important; line-height: 1 !important; }
  .article-dek { font-size: 18px !important; }
}