.three-d-carousel.desktop-carousel{perspective:1200px;justify-content:center;align-items:center;width:100%;max-width:1200px;height:500px;margin:0 auto;padding:20px;display:flex;position:relative;overflow:visible}.three-d-frame{will-change:transform;width:220px;height:80%;transition:transform .6s,z-index .6s;position:absolute}.three-d-frame img,.three-d-frame video{object-fit:cover;width:100%;height:100%;box-shadow:0 10px 25px #0000004d}.frame-1{z-index:1;transform:translate(-560px)rotateY(45deg)translateZ(120px)scale(1.15)}.frame-2{z-index:2;transform:translate(-260px)rotateY(25deg)translateZ(60px)scale(1.05)}.frame-3{z-index:3;transform:translateZ(-100px)scale(1.15)}.frame-4{z-index:2;transform:translate(260px)rotateY(-25deg)translateZ(60px)scale(1.05)}.frame-5{z-index:1;transform:translate(560px)rotateY(-45deg)translateZ(120px)scale(1.15)}@media (max-width:768px){.mobile-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:8px;height:auto;padding:35px 0;display:flex;overflow:scroll hidden}.mobile-carousel .three-d-frame{scroll-snap-align:center;z-index:1;flex-shrink:0;width:200px;height:300px;transition:transform .35s;position:relative}.mobile-carousel .three-d-frame.active{z-index:8;transform:perspective(800px)translateZ(-30px)scale(1.1)rotateY(0)}.mobile-carousel .three-d-frame.left-skew{z-index:10;transform:perspective(800px)translateZ(60px)scale(1.05)rotateY(35deg)}.mobile-carousel .three-d-frame.right-skew{z-index:10;transform:perspective(800px)translateZ(60px)scale(1.05)rotateY(-35deg)}}