@media(min-width:901px){
  .hero.has-video-background{background:#000}
  .hero.has-video-background .light-field>:is(.ambient-fallback,canvas,.field-shade,.field-grain),
  .hero.has-video-background>.hero-wake{display:none}
  .hero.has-video-background .hero-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center;
    pointer-events:none;
    transform:scale(1.05);
    opacity:0;
    animation:hero-video-scale-in 1.8s cubic-bezier(.16,1,.3,1) both;
    animation-play-state:paused;
  }
  .hero.has-video-background.video-motion-running .hero-video{animation-play-state:running}
  @keyframes hero-video-scale-in{
    from{opacity:0;transform:scale(1.05)}
    to{opacity:1;transform:scale(1)}
  }
}
@media(min-width:901px) and (prefers-reduced-motion:reduce){
  .hero.has-video-background .hero-video{animation:none;opacity:1;transform:none}
}