.motion-hero {
  position: relative;
  overflow: hidden;
  background: #08090c;
  min-height: 760px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.motion-hero iframe {
  display: block;
  width: 100%;
  height: 760px;
  border: 0;
  background: #08090c;
}

@media (max-width: 800px) {
  .motion-hero,
  .motion-hero iframe {
    min-height: 820px;
    height: 820px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .motion-hero iframe { scroll-behavior: auto; }
}