/* A clear type hierarchy: the first screen leads, section headings follow. */
.hero h1 {
  font-size: clamp(48px, 3.85vw, 54px);
}

.hero h1 > .hero__terms {
  display: block;
  margin-top: 0;
}

#leader-title {
  font-size: clamp(36px, 3.3vw, 46px);
}

#projects-title,
#quiz-title,
#scope-title,
#reviews-title,
#process-title,
#payment-title,
#faq-title,
#final-title {
  font-family: "Manrope", "Onest", Arial, sans-serif;
  font-weight: 700;
}

#final-title {
  font-size: clamp(40px, 3.6vw, 48px);
}

@media (max-width: 900px) {
  .hero h1 { font-size: clamp(29px, 6.8vw, 44px); }
  #leader-title { font-size: clamp(27px, 5.7vw, 40px); }
}

@media (max-width: 600px) {
  .hero h1 { font-size: clamp(29px, 7.5vw, 34px); }
  #leader-title { font-size: 27px; }
  #final-title { font-size: 34px; }
}