@font-face {
  font-family: 'Manrope';
  src: url('./assets/fonts/manrope-variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

/* Display typography belongs exclusively to the homepage's large headlines. */
.homepage-content-restored main :is(h1, h2),
.homepage-content-restored .hero-deck__copy h3,
.homepage-content-restored .challenge-statement h3 {
  font-family: 'Manrope', 'Segoe UI', Arial, sans-serif !important;
  font-weight: 650 !important;
  font-kerning: normal;
  font-synthesis: none;
  text-wrap: balance;
}
.homepage-content-restored main h1 { font-weight: 700 !important; }
.homepage-content-restored main :is(h1, h2) :is(span, em, strong, b),
.homepage-content-restored .hero-deck__copy h3 :is(span, em),
.homepage-content-restored .challenge-statement h3 span {
  font-family: inherit !important;
  font-weight: inherit !important;
}

/* Slides 2–5: one clear lead headline, followed by quieter panel headlines. */
body.homepage-content-restored .hero-deck__headline {
  font-size: clamp(1.75rem, 3vw, 2.75rem) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: .005em !important;
  width: min(84%, 60rem);
  padding: .6rem 1rem 1rem;
  text-shadow: 0 2px 18px #0009;
}
body.homepage-content-restored .hero-deck__headline::after {
  content: '';
  display: block;
  width: 2.5rem;
  height: 1px;
  margin: .85rem auto 0;
  background: #d1af6d99;
}
body.homepage-content-restored .hero-deck__copy h3 {
  font-size: clamp(1.5rem, 2.5vw, 2.25rem) !important;
  font-weight: 550 !important;
  line-height: 1.35 !important;
  letter-spacing: .005em !important;
  margin-bottom: 1.25rem;
  text-shadow: 0 2px 18px #0008;
}
body.homepage-content-restored .hero-deck__slide--social .hero-deck__copy h3 {
  font-size: clamp(1.375rem, 1.9vw, 1.875rem) !important;
}
body.homepage-content-restored :is(.hero-deck__headline, .hero-deck__copy h3) em {
  font-style: normal;
  font-weight: inherit !important;
}
@media(max-width:700px) {
  body.homepage-content-restored .hero-deck__headline {
    font-size: clamp(1.375rem, 5.4vw, 1.75rem) !important;
    padding-inline: .25rem;
  }
  body.homepage-content-restored .hero-deck__copy h3,
  body.homepage-content-restored .hero-deck__slide--social .hero-deck__copy h3 {
    font-size: 1.5rem !important;
  }
}