@media (min-width: 1201px) {
  .hero { grid-template-columns: minmax(0, 1.06fr) minmax(460px, .94fr); gap: clamp(44px, 5vw, 88px); min-height: calc(100vh - 86px); padding-top: clamp(42px, 6vh, 78px); padding-bottom: clamp(48px, 6vh, 88px); }
  .hero-copy { max-width: 1020px; }
  h1 { max-width: 1020px; margin-bottom: 27px; font-size: clamp(48px, min(5vw, 8vh), 82px); }
  .hero-lead { max-width: 700px; font-size: clamp(18px, 1.45vw, 22px); }
  .hero-art { min-height: clamp(540px, 72vh, 700px); }
  .hero-image-frame { inset: 2% 5% 5% 5%; }
}