@media (min-width: 701px) {
  .hero-note {
    padding-left: clamp(3rem, 5vw, 5rem);
  }
}