.three-d-carousel.desktop-carousel{justify-content:center;align-items:center;gap:18px;width:100%;max-width:1260px;height:500px;margin:0 auto;padding:20px 48px;display:flex;position:relative;overflow:visible}.three-d-carousel.desktop-carousel .three-d-frame{border:1px solid var(--color-border-muted);background:var(--color-surface-light);transform-origin:50%;will-change:transform;border-radius:16px;flex:0 0 218px;width:218px;height:430px;transition:transform .45s cubic-bezier(.4,0,.2,1),box-shadow .3s;position:relative;overflow:hidden}.three-d-carousel.desktop-carousel .three-d-frame:first-child{z-index:1;transform:translateY(-42px)rotate(-6deg)}.three-d-carousel.desktop-carousel .three-d-frame:nth-child(2){z-index:2;transform:translateY(-18px)rotate(-3deg)}.three-d-carousel.desktop-carousel .three-d-frame:nth-child(3){z-index:5;transform:translateY(0)rotate(0)}.three-d-carousel.desktop-carousel .three-d-frame:nth-child(4){z-index:2;transform:translateY(-18px)rotate(3deg)}.three-d-carousel.desktop-carousel .three-d-frame:nth-child(5){z-index:1;transform:translateY(-42px)rotate(6deg)}.three-d-carousel.desktop-carousel .three-d-frame img,.three-d-carousel.desktop-carousel .three-d-frame video{object-fit:cover;width:100%;height:100%;display:block}.three-d-carousel.desktop-carousel .three-d-frame:hover{z-index:20;box-shadow:0 12px 30px #00000024}.three-d-carousel.desktop-carousel .carousel-nav{z-index:50;border:1px solid var(--color-olive-dark);background:var(--color-surface-light);width:46px;height:46px;color:var(--color-olive-dark);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;font-size:22px;font-weight:600;line-height:1;transition:background-color .25s,color .25s,transform .25s,box-shadow .25s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px #00000024}.three-d-carousel.desktop-carousel .carousel-nav.prev{left:0}.three-d-carousel.desktop-carousel .carousel-nav.next{right:0}.three-d-carousel.desktop-carousel .carousel-nav:hover{background:var(--color-olive-dark);color:var(--color-surface-light);transform:translateY(-50%)scale(1.08);box-shadow:0 6px 20px #0000002e}.three-d-carousel.desktop-carousel .carousel-nav:active{transform:translateY(-50%)scale(.96)}@media (min-width:769px) and (max-width:1100px){.three-d-carousel.desktop-carousel{gap:12px;max-width:920px;height:430px;padding:20px 34px}.three-d-carousel.desktop-carousel .three-d-frame{flex-basis:170px;width:170px;height:340px}.three-d-carousel.desktop-carousel .three-d-frame:first-child{transform:translateY(-18px)rotate(-5deg)}.three-d-carousel.desktop-carousel .three-d-frame:nth-child(2){transform:translateY(-7px)rotate(-2deg)}.three-d-carousel.desktop-carousel .three-d-frame:nth-child(3){transform:translateY(0)rotate(0)}.three-d-carousel.desktop-carousel .three-d-frame:nth-child(4){transform:translateY(-7px)rotate(2deg)}.three-d-carousel.desktop-carousel .three-d-frame:nth-child(5){transform:translateY(-18px)rotate(5deg)}.three-d-carousel.desktop-carousel .carousel-nav{width:42px;height:42px;font-size:20px}.three-d-carousel.desktop-carousel .carousel-nav.prev{left:-6px}.three-d-carousel.desktop-carousel .carousel-nav.next{right:-6px}}@media (max-width:768px){.three-d-carousel.desktop-carousel{-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;gap:12px;max-width:100%;height:auto;min-height:340px;padding:12px 16px;overflow:auto hidden}.three-d-carousel.desktop-carousel::-webkit-scrollbar{display:none}.three-d-carousel.desktop-carousel .three-d-frame{z-index:1;border-radius:16px;flex:0 0 156px;width:156px;height:250px;position:relative;transform:none!important}.three-d-carousel.desktop-carousel .three-d-frame:hover{z-index:1;transform:none!important}.three-d-carousel.desktop-carousel .carousel-nav{display:none}}.mobile-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px;width:100%;height:auto;padding:8px 16px;display:flex;overflow:scroll hidden}.mobile-carousel::-webkit-scrollbar{display:none}.mobile-carousel video{pointer-events:none}.mobile-carousel .three-d-frame{scroll-snap-align:center;border:1.5px solid var(--color-surface-light);opacity:1;z-index:1;border-radius:16px;flex-shrink:0;width:156px;height:250px;transition:transform .4s cubic-bezier(.25,.8,.25,1),opacity .4s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.mobile-carousel .three-d-frame img,.mobile-carousel .three-d-frame video{object-fit:cover;width:100%;height:100%;display:block}.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)}