.hero .hero-swiper{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero-swiper .swiper-slide{overflow:hidden;background:#41413b;--pos:50% 53%;transition-property:transform,clip-path;transition-timing-function:cubic-bezier(.65,0,.25,1)}
.hero-media{position:absolute;inset:0;transition-property:transform;transition-timing-function:cubic-bezier(.65,0,.25,1)}
.hero-swiper img{width:100%;height:100%;object-fit:cover;object-position:var(--pos)}
.hero-shade,.hero-label,.hero-title,.hero-bottom,.hero-controls{z-index:1}
.hero-label,.hero-bottom{pointer-events:none}
/* Super flow: slow zoom, side shards zooming at their own rates (depth planes) with a thin light seam. */
.hero-frags,.hero-frags i,.hero-frags b{position:absolute;inset:0;pointer-events:none}
.hero-frags i{background:var(--src) no-repeat;background-size:cover;background-position:var(--pos)}
.hero-frags b{background:#ffffff47}
.hero-swiper .is-live .hero-media>img{--to:1.1;animation:hero-flow-zoom var(--live,6s) linear both}
.hero-swiper .is-live .hero-frags>*{animation:hero-flow-zoom var(--live,6s) linear both}
.hero-swiper.is-paused .hero-media>img,.hero-swiper.is-paused .hero-frags>*{animation-play-state:paused}
@keyframes hero-flow-zoom{from{transform:scale(1)}to{transform:scale(var(--to))}}
@media(min-width:1800px){.hero-swiper .swiper-slide{--pos:50% 50%}}
@media(max-width:1000px){.hero-swiper .swiper-slide{--pos:var(--focus,43%) center}}
@media(max-width:700px){.hero-swiper .swiper-slide{--pos:var(--focus,34%) center}.hero-bottom{bottom:84px}.hero-controls{left:24px;right:auto;bottom:22px}.hero-title{bottom:145px}}
@media(max-width:380px){.hero-controls{left:20px}.hero-title{bottom:156px}}
@media(prefers-reduced-motion:reduce){.hero-media>img,.hero-frags>*{animation:none!important;transform:none!important}.hero-frags b{display:none}}
.hero-title p{transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1)}.hero-title p.is-changing{opacity:0;transform:translateY(6px)}