.carousel-3d-container{perspective:1000px;justify-content:center;align-items:center;width:100%;height:400px;margin:40px auto;display:flex;position:relative;overflow:visible}.carousel-3d-track{justify-content:center;align-items:center;width:400px;height:280px;display:flex;position:relative}.carousel-card-wrapper{cursor:pointer;border-radius:20px;width:100%;height:100%;transition:all .5s cubic-bezier(.25,.8,.25,1);position:absolute;top:0;left:50%;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.4)}.carousel-image-container{width:100%;height:100%;position:relative}.carousel-image{border-radius:20px}.carousel-overlay{text-align:center;background:linear-gradient(transparent,rgba(0,0,0,.8));border-radius:0 0 20px 20px;padding:20px;position:absolute;bottom:0;left:0;right:0}.carousel-title{color:#fff;text-transform:lowercase;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.5);margin:0;font-family:Gorditas,cursive;font-size:28px}.carousel-nav{color:#fff;cursor:pointer;z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav:hover{background:rgba(255,255,255,.4);transform:translateY(-50%)scale(1.1)}.carousel-nav.prev{left:40px}.carousel-nav.next{right:40px}.carousel-dots{gap:12px;display:flex;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background:rgba(255,255,255,.3);border-radius:2px;width:40px;height:4px;transition:all .3s}.dot.active{background:var(--cyan);background-color:#00d9d0}@media (max-width:768px){.carousel-nav.prev{left:10px}.carousel-nav.next{right:10px}.carousel-3d-track{width:80vw;height:220px}}