.hero-video {
  width: 100%;
  aspect-ratio: 16 / 9;
  align-self: center;
  overflow: hidden;
  border-radius: 36px;
  background: #1c1c1e;
  box-shadow: var(--shadow);
}

.hero-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 720px) {
  .hero-video { border-radius: 28px; }
}