@font-face {
  font-family: Poppins;
  src: url('/assets/poppins-700-normal-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('/assets/poppins-800-normal-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('/assets/poppins-800-italic-latin.woff2') format('woff2');
  font-style: italic;
  font-weight: 800;
  font-display: swap;
}

:root {
  --heading-font: Poppins, Manrope, 'Segoe UI', sans-serif;
}

h1, h2, h3, .poster-title {
  font-family: var(--heading-font);
  font-synthesis: none;
}

h1, h2,
.hero h1,
.section h2,
.showcase-heading h2,
.dialog-copy h2,
.legal-dialog h2 {
  font-weight: 800;
}

h3,
:is(.sports-feature, .matchday, .benefit, .price-card, .steps, .device-description) h3,
.poster-title {
  font-weight: 700;
}

.entertainment-section .serif-accent,
.showcase-heading h2 > span,
.poster-title em {
  font-family: var(--heading-font);
  font-weight: 800;
}

@media (max-width: 600px) {
  .hero h1 {
    font-size: clamp(30px, 9.3vw, 42px);
  }
}