/* Keep the headline below the floating navigation at every screen size. */
.hero-main {
  padding:clamp(164px, 22vh, 220px) 60px clamp(56px, 8vh, 88px);
}
.hero-title {
  font-size:clamp(48px, 5.5vw, 96px);
  line-height:1.08;
}
.hero-tagline {
  top:58%;
  width:min(26vw, 320px);
  transform:translateY(-20%);
}
.hero-tagline strong {
  font-size:clamp(14px, 1.2vw, 18px);
  line-height:1.4;
}
.hero-tagline p { font-size:13px; line-height:1.7; }
@media(max-width:900px) {
  .hero-main { padding:176px 24px 64px; }
  .hero-title { font-size:clamp(44px, 7vw, 64px); }
}
@media(max-width:768px) {
  .hero-main { padding:172px 20px 56px; }
  .hero-title { font-size:clamp(34px, 10.8vw, 56px); }
}
@media(max-width:430px) {
  .hero-main { padding:174px 16px 44px; }
  .hero-title { font-size:clamp(32px, 10.8vw, 46px); }
}
@media(max-width:390px) {
  .hero-main { padding:174px 14px 40px; }
}
@media(max-width:360px) {
  .hero-main { padding:172px 12px 38px; }
  .hero-title { font-size:clamp(30px, 10.5vw, 38px); }
}
@media(max-width:320px) {
  .hero-main { padding:168px 10px 36px; }
}