.hero {
  grid-template-columns: 1fr;
  min-height: 0;
}

.hero-copy {
  width: min(1100px, 100%);
  padding: 90px 7vw 70px;
}

.hero-image {
  min-height: 0;
  aspect-ratio: 1672 / 941;
}

.hero-image > img {
  object-fit: contain;
  object-position: center;
  transform: none;
}

.hero-image:hover > img {
  transform: none;
}

@media (max-width: 680px) {
  .hero-copy {
    padding: 68px 22px 52px;
  }
}