/* One display scale for every primary landing-page section. */
body.landing-rebuild {
  --ff-section-title-size: clamp(3.4rem, 4.8vw, 4.5rem);
  --ff-card-title-size: clamp(2.15rem, 3vw, 2.75rem);
}

body.landing-rebuild main section#how-it-works h2:not(#ff-heading-scale-a):not(#ff-heading-scale-b),
body.landing-rebuild main section#programs .configurator-intro h2:not(#ff-heading-scale-a):not(#ff-heading-scale-b),
body.landing-rebuild main section#why-friday .proof-head h2:not(#ff-heading-scale-a):not(#ff-heading-scale-b),
body.landing-rebuild main section#platform h2:not(#ff-heading-scale-a):not(#ff-heading-scale-b),
body.landing-rebuild main section#support h2:not(#ff-heading-scale-a):not(#ff-heading-scale-b),
body.landing-rebuild main section#faq h2:not(#ff-heading-scale-a):not(#ff-heading-scale-b),
body.landing-rebuild main section#tournaments h2:not(#ff-heading-scale-a):not(#ff-heading-scale-b),
body.landing-rebuild main section.final-cta-section h2:not(#ff-heading-scale-a):not(#ff-heading-scale-b):not(#ff-heading-scale-c) {
  margin-top: 0 !important;
  font-family: "Friday Alumni Sans", "Friday Alumni Sans Bold Italic", "Arial Narrow", sans-serif !important;
  font-size: var(--ff-section-title-size) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  line-height: 0.84 !important;
  letter-spacing: -0.03em !important;
  text-transform: uppercase !important;
  text-wrap: balance;
  font-synthesis: none !important;
}

body.landing-rebuild main section#how-it-works h3:not(#ff-card-scale-a):not(#ff-card-scale-b),
body.landing-rebuild main section#why-friday .proof-feature-copy h3:not(#ff-card-scale-a):not(#ff-card-scale-b) {
  font-family: "Friday Alumni Sans", "Friday Alumni Sans Bold Italic", "Arial Narrow", sans-serif !important;
  font-size: var(--ff-card-title-size) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  line-height: 0.86 !important;
  letter-spacing: -0.02em !important;
  text-transform: uppercase !important;
  text-wrap: balance;
  font-synthesis: none !important;
}

@media (max-width: 900px) {
  body.landing-rebuild {
    --ff-section-title-size: clamp(3rem, 7vw, 4rem);
    --ff-card-title-size: clamp(2.05rem, 5.6vw, 2.65rem);
  }
}

@media (max-width: 560px) {
  body.landing-rebuild {
    --ff-section-title-size: clamp(2.75rem, 12vw, 3.4rem);
    --ff-card-title-size: clamp(1.95rem, 8vw, 2.35rem);
  }
}

/* 2026-09-03 — stage-card titles should carry the composition. */
body.landing-rebuild main section#how-it-works .clarity-panel .clarity-panel-copy h3:not(#ff-card-scale-a):not(#ff-card-scale-b) {
  max-width: 9.7ch !important;
  font-size: clamp(2.75rem, 3.65vw, 3.35rem) !important;
  line-height: 0.81 !important;
  letter-spacing: -0.03em !important;
}

@media (max-width: 900px) {
  body.landing-rebuild main section#how-it-works .clarity-panel .clarity-panel-copy h3:not(#ff-card-scale-a):not(#ff-card-scale-b) {
    max-width: 10.5ch !important;
    font-size: clamp(2.7rem, 6.4vw, 3.3rem) !important;
  }
}

@media (max-width: 560px) {
  body.landing-rebuild main section#how-it-works .clarity-panel .clarity-panel-copy h3:not(#ff-card-scale-a):not(#ff-card-scale-b) {
    max-width: 9.6ch !important;
    font-size: clamp(2.6rem, 11vw, 3rem) !important;
    line-height: 0.82 !important;
  }
}

/* 2026-09-03 — use the full desktop width for the configurator intro. */
@media (min-width: 901px) {
  body.landing-rebuild #programs .configurator-intro {
    width: 100% !important;
    max-width: none !important;
  }

  body.landing-rebuild #programs .configurator-intro > div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px) !important;
    gap: clamp(32px, 4.5vw, 72px) !important;
    align-items: end !important;
  }

  body.landing-rebuild main section#programs .configurator-intro h2:not(#ff-heading-scale-a):not(#ff-heading-scale-b) {
    max-width: none !important;
    font-size: clamp(4rem, 5vw, 4.75rem) !important;
    line-height: 0.82 !important;
  }

  body.landing-rebuild #programs .configurator-intro p {
    max-width: 34ch !important;
    margin: 0 0 5px !important;
  }
}