/* A more contemporary, clear typographic voice. */
:root {
  --display: "Avenir Next", "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
}
h1, h2, h3 {
  font-family: var(--display);
  font-weight: 560;
  letter-spacing: -.055em;
}
h1 {
  font-weight: 620;
  letter-spacing: -.063em;
  line-height: 1.04;
}
h2 { font-weight: 570; letter-spacing: -.052em; }
h3 { font-weight: 560; letter-spacing: -.04em; }
.soft-text { color: #727078; font-style: normal; font-weight: 490; }
.page-index .hero h1 { line-height: 1.04; }
.brand-story h2 { font-size: clamp(36px, 3.7vw, 50px); }
.feature h3, .area h3, .step h3 { font-weight: 560; }
.step-number { font-family: var(--display); font-weight: 450; letter-spacing: -.07em; }
.manifesto h2 { font-weight: 520; letter-spacing: -.05em; }
.closing h2 { font-family: var(--display); font-weight: 520; font-style: normal; letter-spacing: -.055em; }
.faq h2 { font-size: clamp(34px, 3.4vw, 42px); }
@media (max-width: 700px) {
  .page-index .hero h1 { line-height: 1.035; letter-spacing: -.057em; }
  .closing h2 { font-size: 42px; }
}