/* Match the homepage's section title sizes without changing card names. */
body.about-modern {
  --about-section-title-size: 40px;
  --about-section-title-leading: 1.08;
}

body.about-modern #main :is(h2.h2, #people-title, #cta-title, .network h2) {
  /* Earlier About sections use important sizes; keep this one shared rule. */
  font-size: var(--about-section-title-size) !important;
  line-height: var(--about-section-title-leading) !important;
}

body.about-modern #main #hero-title {
  font-size: 40px;
}

@media (max-width: 768px) {
  body.about-modern {
    --about-section-title-size: 26px;
    --about-section-title-leading: 1.2;
  }

  body.about-modern #main h2 {
    font-size: 26px !important;
    line-height: 1.2;
  }

  body.about-modern #main #hero-title {
    font-size: clamp(29px, 7.6vw, 40px);
  }
}