/* Each banner image stays centered within its own slide and keeps its aspect ratio; slides sweep left/right and pause 1s at the center line. */
.hero-slide{position:absolute!important;inset:0!important;overflow:hidden;background:none!important}
.hero-slide.no-anim{animation:none!important}
#slide-current{left:0!important;right:auto!important;width:100%;z-index:0}
#slide-next{right:0!important;left:auto!important;width:0%;z-index:1}
.hero-slide.swap-current{animation:hero-swing-current 2.35s cubic-bezier(.65,0,.35,1) both}
.hero-slide.swap-next{animation:hero-swing-next 2.35s cubic-bezier(.65,0,.35,1) both}
@keyframes hero-swing-current{0%{width:100%}28.7%{width:50%}71.3%{width:50%}100%{width:0%}}
@keyframes hero-swing-next{0%{width:0%}28.7%{width:50%}71.3%{width:50%}100%{width:100%}}
.hero-art{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.hero-art.scene-0{background-image:linear-gradient(#0621168a,#0621168a),url('/assets/images/cold-intro-1.webp')}
.hero-art.scene-1{background-image:linear-gradient(#0621168a,#0621168a),url('/assets/images/cold-intro-2.webp')}
.hero-art.scene-2{background-image:linear-gradient(#0621168a,#0621168a),url('/assets/images/cold-intro-3.webp')}
.hero-art.scene-3{background-image:linear-gradient(#0621168a,#0621168a),url('/assets/images/cold-intro-4.webp')}
.hero-art.scene-4{background-image:linear-gradient(#0621168a,#0621168a),url('/assets/images/cold-intro-5.webp')}