.hero-media video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;pointer-events:none;border:0}
@media(max-width:767px){
  .hero{display:block;height:auto!important;min-height:0!important;padding-top:45vw}
  .hero-media{inset:0 0 auto;height:auto;aspect-ratio:20/9;background:#080808}
  .hero-media video{object-fit:contain;object-position:50% 100%}
  .hero-copy{padding:0 20px 32px}
  .hero:after{inset:0 0 auto;height:45vw;background:linear-gradient(180deg,transparent 65%,#080808 100%);pointer-events:none}
}