.hero .hero-detail-1{--d:.1s}
.hero .hero-detail-2{--d:2.5s}
.hero .hero-detail-3{--d:3s}
.hero .hero-detail-4{--d:.25s;mix-blend-mode:darken}
.hero .hero-detail-5{--d:.95s}
.hero .hero-detail-6{--d:1.1s}
.hero .hero-detail-7{--d:.9s}
.hero .hero-detail-8{--d:1s}
.hero .hero-detail-9{--d:2.7s}
.hero .hero-detail-10{--d:3.1s}
.hero .hero-detail-11{--d:3.2s}
.hero .hero-detail-12{--d:1.5s}
.hero .hero-detail-13{--d:2s}


@media (min-width:860px) and (max-width:1439px),
       (min-width:640px) and (max-width:859px) and (orientation:landscape){
  .hero{min-height:clamp(540px,55vw,720px)}
  .hero .copy{padding-top:28px;padding-bottom:36px}
  .hero .stage{min-height:0}
}