/*
 * Technical, confident headings without the over-tight thin display style.
 */
body {
  font-family: "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif;
}

body :is(h1, h2, h3) {
  font-family: "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif;
  text-wrap: balance;
}

body h1 {
  font-weight: 760;
}

body h2 {
  font-weight: 710;
}

body h3 {
  font-weight: 670;
}

.hero-copy h1,
.subpage-hero h1,
.article-hero h1 {
  letter-spacing: -0.04em;
  line-height: 0.96;
}

.hero-copy h1 {
  font-size: clamp(52px, 6.2vw, 86px);
}

@media (width <= 760px) {
  .hero-copy h1 {
    font-size: clamp(44px, 12vw, 54px);
    line-height: 0.98;
  }
}