:root {
  --display: "Archivo", ui-sans-serif, system-ui, sans-serif;
  --body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

body {
  font-family: var(--body);
  letter-spacing: -0.01em;
}

h1,
h2,
h3,
.brand,
.button,
.site-nav,
.hero-slide-card,
.hero-slide-nav {
  font-family: var(--display);
}

h1,
h2,
h3 {
  letter-spacing: -0.055em;
  line-height: 0.95;
}

.site-nav,
.button,
.eyebrow,
.hero-facts,
.hero-slide-nav,
.footer-label {
  letter-spacing: 0.035em;
}

.hero-copy h1 {
  font-size: clamp(3.6rem, 5.8vw, 6.2rem);
  letter-spacing: -0.065em;
  line-height: 0.9;
}

.hero-copy .hero-lead {
  max-width: 620px;
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(1rem, 1.25vw, 1.16rem);
  line-height: 1.55;
}

.hero-slide-card-copy strong {
  font-size: clamp(2.15rem, 2.8vw, 3rem);
  letter-spacing: -0.06em;
  line-height: 0.94;
}

.section-heading > p,
.about-copy p,
.manifesto-copy > p:not(.eyebrow),
.legal-block p,
.legal-block li {
  line-height: 1.72;
}

@media (max-width: 1100px) {
  .hero-copy h1 {
    font-size: clamp(3.25rem, 5.5vw, 5rem);
  }
}

@media (max-width: 600px) {
  .hero-copy h1 {
    font-size: clamp(2.2rem, 9.2vw, 2.85rem);
    letter-spacing: -0.055em;
    line-height: 0.94;
  }

  .hero-copy .hero-lead {
    font-size: 0.94rem;
    line-height: 1.5;
  }
}