/*
 * Readability layer: system fonts keep the page fast and render Cyrillic
 * consistently without the thin display treatment of the original headings.
 */
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: 750;
}

body h2 {
  font-weight: 720;
}

body h3 {
  font-weight: 680;
}

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

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

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