.hero-slide{opacity:0;transition:opacity 800ms ease}
.hero-slide.is-current{opacity:1}
.hero-carousel-controls{position:absolute;bottom:22px;left:56px;display:flex;align-items:center;gap:8px;color:#fff;background:rgba(8,22,18,.8);border:1px solid #ffffff40;border-radius:99px;padding:5px;z-index:2}
.hero-carousel-controls[hidden]{display:none}
.hero-carousel-controls button{min-height:44px;min-width:44px;background:transparent;color:inherit;border:0;border-radius:99px;cursor:pointer;font:inherit}
.hero-carousel-controls button:hover{background:#ffffff25}
.hero-carousel-controls button:focus-visible{outline:3px solid #b7ed45;outline-offset:2px}
.hero-carousel-controls span{font-size:13px;min-width:35px;text-align:center}
.hero-carousel-controls .hero-carousel-pause{padding:0 14px;font-size:13px;border-left:1px solid #ffffff40;border-radius:0 99px 99px 0}
.hero-copy{padding-bottom:100px}
@media(min-width:981px){.hero .hero-copy{padding-bottom:110px}.hero-carousel-controls{left:clamp(48px,5vw,100px)}}
@media(max-width:650px){.hero .hero-copy{padding-bottom:100px}.hero-carousel-controls{left:24px;bottom:20px}.hero-caption{display:none}.hero-slide:not(:first-child){object-position:55% center}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}