/* Restrained hero scale for long multilingual marketing headlines. */
html body .hero h1,
html body .about-hero h1,
html body .article-hero h1,
html body .experience-detail-hero h1 {
  font-size: clamp(46px, 4.2vw, 60px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.045em !important;
  max-width: 920px;
}

html body .home-hero h1,
html body .experience-hero h1 {
  font-size: clamp(48px, 4.6vw, 64px) !important;
  line-height: 1 !important;
  letter-spacing: -0.048em !important;
  max-width: 980px !important;
}

@media (max-width: 900px) {
  html body .hero h1,
  html body .home-hero h1,
  html body .about-hero h1,
  html body .article-hero h1,
  html body .experience-hero h1,
  html body .experience-detail-hero h1 {
    font-size: clamp(40px, 7.5vw, 50px) !important;
    line-height: 1.03 !important;
    letter-spacing: -0.04em !important;
  }
}

@media (max-width: 640px) {
  html body .hero h1,
  html body .home-hero h1,
  html body .about-hero h1,
  html body .article-hero h1,
  html body .experience-hero h1,
  html body .experience-detail-hero h1 {
    font-size: clamp(36px, 10.5vw, 44px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.036em !important;
  }
}