.carousel-slide{position:absolute;inset:0}
.slide-track{position:absolute;inset:0;display:flex;width:100%;height:100%;transition:transform .8s cubic-bezier(.65,0,.35,1)}
.slide-track figure{flex:0 0 100%;margin:0;height:100%}
.slide-track img{width:100%;height:100%;object-fit:cover;display:block}
.carousel-slide:before{content:'';position:absolute;inset:0;background:rgba(7,19,16,.32);z-index:1;pointer-events:none}
.carousel-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,19,16,0) 40%,rgba(7,19,16,.65) 100%);pointer-events:none;z-index:1}
.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border-radius:99px;border:1px solid rgba(255,255,255,.35);background:rgba(7,19,16,.45);backdrop-filter:blur(6px);color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.slide-arrow:hover{background:var(--cyan);color:#041012;border-color:var(--cyan)}
.slide-arrow.prev{left:14px}
.slide-arrow.next{right:14px}
.slide-dots{position:absolute;top:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}
.slide-dots button{width:8px;height:8px;border-radius:99px;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.25);padding:0;cursor:pointer;transition:.3s}
.slide-dots button.is-active{background:var(--cyan);border-color:var(--cyan);width:22px}
@media(max-width:900px){.slide-arrow{width:32px;height:32px;font-size:17px}}