@media(min-width:801px){
  .hero__media{top:50%;bottom:auto;aspect-ratio:9/5;background-size:100% 100%;transform:translateY(-50%);animation:frame-in-centered 1.1s ease-out both}
  @keyframes frame-in-centered{from{opacity:0;transform:translateY(calc(-50% + 18px))}to{opacity:1;transform:translateY(-50%)}}
}