/* Shared type rhythm; the home keeps its composition and calculator. */
body.cp-public-site {
  --cp-color-muted: #544550;
  --color-text-soft: #544550;
  --text-h2: clamp(2rem, 1.4rem + 1.6vw, 3rem);
}

body.cp-public-site :is(h1, h2, h3) {
  font-family: var(--cp-font-body, Inter, sans-serif);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.06;
}

body.cp-public-site .hero h1 {
  max-width: 17ch;
  font-size: clamp(38px, 4vw, 54px);
}

body.cp-public-site .hero__intro {
  max-width: 55ch;
  color: #51424c;
  font-size: clamp(1.0625rem, 1vw + 0.375rem, 1.25rem);
  line-height: 1.55;
}

@media (max-width: 767px) {
  body.cp-public-site .hero h1 {
    font-size: clamp(2.1rem, 9vw, 2.55rem);
  }
}