/* Typography and responsive navigation repair. Keep prior immutable assets intact. */
.hero h1,
.page-intro h1,
.section-head h2,
.editorial-title,
.cta-band h2,
.stage-copy h3,
.tool-panel h2,
.outcome-item h2,
.about-copy h2,
.value-item h3,
.offer-summary h2,
.offer-includes h3,
.legal-main h1,
.legal-main h2,
.creator-profile h2 {
  letter-spacing: -0.025em;
  line-height: 1.15;
  overflow-wrap: break-word;
}

.hero h1,
.page-intro h1 {
  max-width: 12ch;
  font-size: clamp(3.5rem, 5.4vw, 6rem);
  text-wrap: balance;
}

.hero-copy,
.page-intro > div {
  min-width: 0;
}

.wordmark-mpt {
  letter-spacing: -0.03em;
}

@media (max-width: 1120px) {
  /* An off-screen transform alone leaves hidden links in the tab order. */
  .site-nav {
    visibility: hidden;
  }
  .site-nav.is-open {
    visibility: visible;
  }
}

@media (max-width: 800px) {
  .hero h1,
  .page-intro h1 {
    max-width: 15ch;
    font-size: clamp(2.75rem, 11.5vw, 4.5rem);
  }
}

@media (max-width: 520px) {
  .hero h1,
  .page-intro h1 {
    max-width: 100%;
  }
  .section-head h2,
  .editorial-title,
  .cta-band h2,
  .stage-copy h3,
  .tool-panel h2,
  .about-copy h2,
  .offer-summary h2,
  .creator-profile h2 {
    font-size: clamp(2.25rem, 10vw, 3.25rem);
  }
}