.hero-visual {
  position: relative;
  overflow: hidden;
}

.hero-visual img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 761px) {
  .hero { min-height: min(720px, calc(100vh - 84px)); }
  .hero-copy { padding-top: clamp(48px, 7vw, 88px); padding-bottom: clamp(48px, 7vw, 88px); }
  .hero h1 { font-size: clamp(3.4rem, 5vw, 4.8rem); }
  .hero-copy .lead { margin-bottom: 0; }
}