.three-d-carousel.desktop-carousel{perspective:1200px;width:100%;max-width:1200px;height:520px;transform-style:preserve-3d;justify-content:center;align-items:center;margin:0 auto;padding:20px 30px;display:flex;position:relative;overflow:visible}.three-d-frame{will-change:transform;width:225px;transform-style:preserve-3d;backface-visibility:hidden;border:1.5px solid #fff;border-radius:16px;margin:auto;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;overflow:hidden;box-shadow:inset 0 2px 6.1px #00000080}.three-d-frame img,.three-d-frame video{object-fit:cover;width:100%;height:100%;display:block}.frame-1{z-index:1;height:453px;transform:translate(-460px)rotateY(30deg)}.frame-2{z-index:2;height:413px;transform:translate(-230px)rotateY(15deg)}.frame-3{z-index:3;height:393px;transform:rotateY(0)}.frame-4{z-index:2;height:413px;transform:translate(230px)rotateY(-15deg)}.frame-5{z-index:1;height:453px;transform:translate(460px)rotateY(-30deg)}.carousel-nav{z-index:100;color:#56552c;cursor:pointer;background:#fff;border:1.5px solid #56552c;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px #0003}.carousel-nav:hover{color:#fff;background:#56552c;transform:translateY(-50%)scale(1.1);box-shadow:0 6px 20px #56552c59}.carousel-nav:active{transform:translateY(-50%)scale(.95)}.carousel-nav.prev{left:-55px}.carousel-nav.next{right:-55px}@media (min-width:769px) and (max-width:1100px){.three-d-carousel.desktop-carousel{max-width:920px;height:440px;padding:20px 30px}.three-d-frame{width:180px}.frame-1{height:360px;transform:translate(-350px)rotateY(30deg)}.frame-2{height:330px;transform:translate(-175px)rotateY(15deg)}.frame-3{height:315px;transform:rotateY(0)}.frame-4{height:330px;transform:translate(175px)rotateY(-15deg)}.frame-5{height:360px;transform:translate(350px)rotateY(-30deg)}.carousel-nav.prev{left:-15px}.carousel-nav.next{right:-15px}}@media (max-width:768px){.three-d-carousel.desktop-carousel{perspective:800px;max-width:100%;height:380px;transform-style:preserve-3d}.three-d-frame{border-width:2px;border-radius:12px;width:160px;height:300px}.frame-1{transform:translate(-340px)rotateY(30deg)}.frame-2{transform:translate(-170px)rotateY(15deg)}.frame-3{transform:rotateY(0)}.frame-4{transform:translate(170px)rotateY(-15deg)}.frame-5{transform:translate(340px)rotateY(-30deg)}.mobile-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:2px;height:auto;padding:8px 16px;display:flex;overflow:scroll hidden}.mobile-carousel video{pointer-events:none}.mobile-carousel .three-d-frame{scroll-snap-align:center;z-index:1;opacity:1;border:1.5px solid #fff;border-radius:16px;flex-shrink:0;width:156px;height:250px;transition:transform .4s cubic-bezier(.25,.8,.25,1),opacity .4s;position:relative;box-shadow:0 4px 12px #0000001a}.mobile-carousel .three-d-frame.active{z-index:10;opacity:1;transform:perspective(600px)scale(1)rotateY(0)}.mobile-carousel .three-d-frame.left-skew{z-index:5;opacity:1;transform:perspective(600px)scale(1.01)rotateY(20deg)}.mobile-carousel .three-d-frame.right-skew{z-index:5;opacity:1;transform:perspective(600px)scale(1.01)rotateY(-20deg)}}.frame-hidden{opacity:0;pointer-events:none;z-index:-1;transform:scale(.5)}