.hero {
  min-height: clamp(30rem, 42vw, 38rem);
  overflow: hidden;
  overflow: clip;
}

.hero__subtitle {
  font-family: var(--heading-font);
  font-size: calc(var(--h4) * 1.1);
  font-weight: var(--weight-medium);
  line-height: 1.5;
}
.hero__copy { max-width: 30rem; }

.hero__media > :is(img, video, iframe) {
  display: block;
  width: 100%;
  height: auto;
}

.hero__media > :is(video, iframe) {
  aspect-ratio: 16 / 9;
  border: 0;
  border-radius: var(--radiusSm);
  background: var(--secondary);
}

.hero--text-only .hero__content { max-width: 48rem; }

@media (min-width: 992px) {
  .hero:not(.hero--text-only) .hero__subtitle { margin-right: -250px; }
}

@media (max-width: 991px) {
  .hero__copy { max-width: 38rem; }
  .hero__media > :is(img, video, iframe) { max-width: 42.5rem; margin-inline: auto; }
}

@media (max-width: 767px) {
  .hero__subtitle { font-size: var(--h4); }
}