.hero-carousel{isolation:isolate}
.hero-slides{position:absolute;inset:0;z-index:0}
.hero-carousel .hero-slide{opacity:0;transition:opacity 1.25s ease;will-change:opacity}
.hero-carousel .hero-slide.is-active{opacity:1}
.hero-carousel:after{z-index:1;background:linear-gradient(90deg,rgba(10,17,12,.62) 0%,rgba(10,17,12,.37) 37%,rgba(10,17,12,.08) 72%)}
.hero-carousel .hero-content{z-index:2;max-width:540px;padding-bottom:clamp(52px,7vw,96px)}
.hero-carousel .hero-content .eyebrow{margin-bottom:4px}
.hero-carousel .hero-content p{margin:0;font-size:1.08rem}
.hero-carousel .hero-content .button{margin-top:20px}
.hero-slide--landing{object-position:center center}
.hero-slide--silver{object-position:center 48%}
.hero-slide--explorer{object-position:center center}
.hero-slide--jungle{object-position:center 48%}

.hero-arrow{position:absolute;z-index:4;top:50%;display:grid;width:48px;height:48px;padding:0;place-items:center;border:1.5px solid rgba(35,39,36,.88);border-radius:50%;background:rgba(255,255,255,.82);color:#232724;cursor:pointer;transform:translateY(-50%);transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}
.hero-arrow--previous{left:20px}
.hero-arrow--next{right:20px}
.hero-arrow svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-arrow:hover{background:rgba(255,255,255,.96);box-shadow:0 4px 14px rgba(10,17,12,.16)}
.hero-arrow:active{transform:translateY(-50%) scale(.94)}
.hero-arrow:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hero-dots{position:absolute;z-index:3;bottom:28px;left:50%;display:flex;gap:9px;transform:translateX(-50%)}
.hero-dot{width:8px;height:8px;padding:0;border:1px solid rgba(255,255,255,.85);border-radius:999px;background:rgba(255,255,255,.16);cursor:pointer;transition:background-color .2s ease,transform .2s ease}
.hero-dot.is-active{background:#fff;transform:scale(1.12)}
.hero-dot:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:780px){.hero-arrow{width:42px;height:42px}.hero-arrow--previous{left:12px}.hero-arrow--next{right:12px}.hero-arrow svg{width:20px;height:20px}.hero-slide--landing{object-position:12% center}.hero-slide--silver{object-position:58% center}.hero-slide--explorer{object-position:56% center}.hero-slide--jungle{object-position:58% center}.hero-dots{bottom:22px}}
@media(prefers-reduced-motion:reduce){.hero-carousel .hero-slide,.hero-dot,.hero-arrow{transition:none}}