:root {
  --body: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}

body {
  letter-spacing: 0.005em;
}

.hero h1 {
  font-size: clamp(42px, 4.9vw, 70px);
  line-height: 1.03;
  letter-spacing: -0.05em;
}

.hero-lede {
  max-width: 500px;
  font-size: 15px;
}

.about-hero h1 {
  font-size: clamp(42px, 4.6vw, 62px);
}

.letter-grid h1 {
  font-size: clamp(42px, 5.2vw, 66px);
}

.page-head h1 {
  font-size: clamp(42px, 5.4vw, 66px);
}

.lang-link {
  color: var(--muted);
}

.lang-link:hover {
  color: var(--ink);
}

@media (max-width: 1080px) {
  .primary-nav {
    gap: 18px;
  }

  .header-cta {
    padding-inline: 12px;
  }
}

@media (max-width: 700px) {
  .hero h1 {
    font-size: clamp(38px, 10vw, 54px);
  }

  .about-hero h1,
  .letter-grid h1,
  .page-head h1 {
    font-size: clamp(36px, 9.6vw, 52px);
  }
}