/* Keeps supporting restaurant pages readable and consistent with the simple homepage. */
.lead-intro {
  min-height: 0;
  gap: clamp(40px, 7vw, 100px);
  padding-top: clamp(80px, 9vw, 125px);
  padding-bottom: clamp(80px, 9vw, 125px);
}

.lead-intro h1 {
  max-width: 860px;
  font-family: var(--sans);
  font-size: clamp(48px, 5.4vw, 78px);
  font-weight: 700;
  letter-spacing: -0.06em;
  line-height: 1;
}

.lead-form-section {
  padding-top: clamp(75px, 8vw, 115px);
  padding-bottom: clamp(75px, 8vw, 115px);
}

.lead-form-copy h2 {
  font-family: var(--sans);
  font-size: clamp(38px, 4vw, 56px);
  font-weight: 700;
  letter-spacing: -0.055em;
  line-height: 1.05;
}

.detail-hero-copy h1 {
  max-width: 880px;
  font-family: var(--sans);
  font-size: clamp(54px, 6vw, 84px);
  font-weight: 700;
  letter-spacing: -0.06em;
  line-height: 0.98;
}

.detail-hero-copy h1 em {
  font-family: var(--sans);
  font-style: normal;
  font-weight: 700;
}

.problem-intro h2,
.product-preview-heading h2,
.why-matters-copy h2,
.closing-section h2 {
  font-family: var(--sans);
  font-size: clamp(42px, 5vw, 68px);
  font-weight: 700;
  letter-spacing: -0.055em;
  line-height: 1.02;
}

.problem-solution h3 {
  font-family: var(--sans);
  font-size: clamp(38px, 4.5vw, 62px);
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 1.02;
}

@media (max-width: 760px) {
  .lead-intro,
  .lead-form-section {
    padding: 66px 18px;
  }

  .lead-intro h1,
  .detail-hero-copy h1 {
    font-size: clamp(43px, 12vw, 58px);
  }

  .problem-intro h2,
  .product-preview-heading h2,
  .why-matters-copy h2,
  .closing-section h2 {
    font-size: clamp(38px, 10vw, 52px);
  }
}