html.font-area[lang="en"] {
  font-synthesis: none;
}

html.font-area[lang="en"] :where(
  main h1,
  main h2
) {
  font-family: area-normal, "Area Normal", sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.045em;
}

html.font-area :where(
  .brand span,
  .legal-brand span,
  .legal-footer__brand > a
) {
  font-family: area-normal, "Area Normal", sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.065em;
}

html.font-area[lang="en"] :where(
  .info-menu__nav a,
  .legal-mobile-menu__nav a
) {
  font-family: area-normal, "Area Normal", sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.035em;
}

html.font-area[lang="en"] :where(
  main h3,
  .moment figcaption strong,
  .playlist-card strong,
  .asset-item__meta strong,
  .faq-item summary
) {
  font-family: area-normal, "Area Normal", sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.035em;
}

html.font-area[lang="en"] :where(
  .hero-lede,
  .section-heading > p:last-child,
  .belief-copy > p:not(.eyebrow),
  .final-cta__copy > p:not(.eyebrow),
  .legal-content > p:first-child,
  .moment figcaption span
) {
  font-family: area-normal, "Area Normal", sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.018em;
}

html.font-area[lang="en"] .hero h1 {
  line-height: 0.88;
}

html.font-area[lang="en"] :where(.section-heading h2, .final-cta h2) {
  line-height: 0.92;
}

html.font-area[lang="en"] :where(.journey-step h3, .belief h2, .legal-content h2) {
  line-height: 1;
}

html.font-area[lang="en"] .legal-title-block h1 {
  line-height: 0.94;
}

html.font-area[lang="en"] :where(.info-menu__nav a, .legal-mobile-menu__nav a) {
  line-height: 0.96;
}