/* Keep the longer assessment headline readable at every viewport size. */
.hero h1 {
  font-size: clamp(36px, 6.4vw, 82px);
  max-width: 1000px;
  text-wrap: balance;
}
.hero .hero-copy { max-width: 620px; }
@media (max-width: 560px) {
  .hero h1 { font-size: clamp(32px, 8.7vw, 48px); }
  .hero .hero-copy { max-width: 340px; }
}