/* Final hero copy placement: closer to the lower-left edge. */
.hero-copy {
  left: clamp(24px, 4vw, 64px);
  bottom: clamp(58px, 7.5vh, 84px);
}

@media (max-width: 900px) {
  .hero-copy {
    left: 14px;
    right: 14px;
    bottom: 112px;
  }
}