.hero-hook {
  max-width: 640px;
  margin: 14px auto 0;
  color: var(--mint);
  font: italic 700 clamp(1.02rem, 1.5vw, 1.22rem)/1.42 var(--serif);
  letter-spacing: -.02em;
  text-wrap: balance;
}

@media (max-width: 47.4375rem) {
  .hero-hook {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.42;
  }
}