.carousel-3d-wrapper{width:100%;padding:15vh 5vw;overflow:visible;display:flex;justify-content:center;align-items:center;position:relative;background:transparent;min-height:60vh}.carousel-3d-card:hover~.carousel-3d-inner{animation-play-state:paused}.carousel-3d-wrapper:hover .carousel-3d-inner.paused{animation-play-state:paused}.carousel-3d-card{--angle: calc(360deg / var(--quantity));position:absolute;top:0;left:0;width:var(--card-width);height:var(--card-height);transform:rotateY(calc(var(--index) * var(--angle))) translateZ(var(--translateZ));border-radius:12px;overflow:hidden;background:rgba(var(--color-card),.6);box-shadow:0 0 10px rgba(var(--color-card),.4);transition:transform .3s ease,box-shadow .3s ease;z-index:1}.carousel-3d-card:hover{transform:rotateY(calc(var(--index) * var(--angle))) translateZ(calc(var(--translateZ) + 20px)) scale(1.08);z-index:10;box-shadow:0 0 25px rgba(var(--color-card),.8)}.carousel-3d-img{width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center}.carousel-3d-wrapper{width:100%;padding:80px 0;overflow:hidden;display:flex;justify-content:center;align-items:center;background:transparent;position:relative}.carousel-3d-inner{--card-width: clamp(100px, 12vw, 150px);--card-height: calc(var(--card-width) / .715);--translateZ: calc(var(--card-width) * 2.8);--rotateX: 0deg;--perspective: 1000px;position:relative;width:var(--card-width);height:var(--card-height);transform-style:preserve-3d;transform:perspective(var(--perspective));animation:rotateYAnim 25s linear infinite}.carousel-3d-card:hover~.carousel-3d-inner,.carousel-3d-card:hover~.carousel-3d-card{animation-play-state:paused}@keyframes rotateYAnim{to{transform:perspective(var(--perspective)) rotateY(360deg)}}.carousel-3d-card{--angle: calc(360deg / var(--quantity));position:absolute;top:0;left:0;width:var(--card-width);height:var(--card-height);transform:rotateY(calc(var(--index) * var(--angle))) translateZ(var(--translateZ));border-radius:12px;transition:transform .3s ease;z-index:1;perspective:1000px}.carousel-3d-card:hover{transform:rotateY(calc(var(--index) * var(--angle))) translateZ(calc(var(--translateZ) + 20px)) scale(1.05);z-index:10;animation-play-state:paused}.card-flip{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease}.carousel-3d-card:hover .card-flip{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;overflow:hidden;background-size:cover;background-position:center}.card-front{background-color:#fff}.card-back{transform:rotateY(180deg);background-color:#000}.carousel-3d-wrapper{width:100%;padding:80px 20px;background:transparent;position:relative;overflow:visible;display:flex;justify-content:center;align-items:center;min-height:70vh}.carousel-3d-container{position:relative;width:100%;height:450px;display:flex;justify-content:center;align-items:center;perspective:1000px;overflow:visible}.carousel-3d-track{position:relative;display:flex;align-items:center;justify-content:center;transition:transform .6s cubic-bezier(.25,.46,.45,.94);transform-style:preserve-3d}.carousel-3d-card{position:relative;width:250px;height:250px;margin:0 15px;border-radius:0;overflow:hidden;background:linear-gradient(145deg,#ffffff14,#ffffff08);box-shadow:0 12px 40px #0006,inset 0 2px #ffffff14;transition:all .8s cubic-bezier(.23,1,.32,1);cursor:pointer;flex-shrink:0;transform:translateZ(-100px) scale(.8);opacity:.6;filter:brightness(.7)}.carousel-3d-card.center{width:350px;height:350px;transform:translateZ(0) scale(1);opacity:1;filter:brightness(1);z-index:10;box-shadow:0 25px 70px #0009,inset 0 3px #ffffff26,0 0 0 3px rgba(var(--card-color, 142, 249, 252),.5)}.carousel-3d-card.side{transform:translateZ(-50px) scale(.9);opacity:.8;filter:brightness(.85)}.carousel-3d-card.far{opacity:.3;filter:brightness(.5)}.carousel-3d-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;background-size:cover;background-position:center}.carousel-3d-card:hover .carousel-3d-img{transform:scale(1.05)}.carousel-3d-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--card-color, 142, 249, 252),.15) 0%,transparent 50%,rgba(0,0,0,.3) 100%);opacity:0;transition:opacity .3s ease}.carousel-3d-card:hover .carousel-3d-overlay{opacity:1}.carousel-3d-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:65px;height:65px;background:linear-gradient(145deg,#000c,#0009);border:2px solid rgba(255,255,255,.8);border-radius:0;color:#fff;font-size:28px;font-weight:900;cursor:pointer;z-index:25;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #000000b3,inset 0 2px #fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 2px 4px rgba(0,0,0,.8)}.carousel-3d-nav-btn:hover{background:linear-gradient(145deg,rgba(var(--accent-color, 142, 249, 252),.9),rgba(var(--accent-color, 142, 249, 252),.7));border-color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 15px 40px #000c,inset 0 3px #ffffff4d,0 0 25px rgba(var(--accent-color, 142, 249, 252),.6);color:#000;text-shadow:none}.carousel-3d-nav-btn:active{transform:translateY(-50%) scale(.95)}.carousel-3d-nav-btn.prev{left:calc(50% - 280px)}.carousel-3d-nav-btn.next{right:calc(50% - 280px)}.carousel-3d-indicators{position:absolute;bottom:-60px;left:0%;transform:translate(-50%);display:flex;gap:12px;z-index:20}.carousel-3d-indicator{width:10px;height:10px;background:#ffffff4d;border:none;cursor:pointer;transition:all .3s ease;position:relative;border-radius:0}.carousel-3d-indicator.active{background:#fff;box-shadow:0 0 15px rgba(var(--accent-color, 142, 249, 252),.6),inset 0 1px #ffffff4d}.carousel-3d-indicator:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.carousel-3d-indicator:hover:before{opacity:1}@media (max-width: 1024px){.carousel-3d-nav-btn.prev{left:calc(50% - 220px)}.carousel-3d-nav-btn.next{right:calc(50% - 220px)}}@media (max-width: 768px){.carousel-3d-wrapper{padding:60px 15px;min-height:50vh}.carousel-3d-container{height:350px;perspective:800px}.carousel-3d-card{width:180px;height:180px;margin:0 10px}.carousel-3d-card.center{width:250px;height:250px}.carousel-3d-nav-btn{width:55px;height:55px;font-size:24px}.carousel-3d-nav-btn.prev{left:calc(50% - 160px)}.carousel-3d-nav-btn.next{right:calc(50% - 160px)}}@media (max-width: 480px){.carousel-3d-container{height:280px;perspective:600px}.carousel-3d-card{width:140px;height:140px;margin:0 8px}.carousel-3d-card.center{width:200px;height:200px}.carousel-3d-nav-btn{width:50px;height:50px;font-size:22px}.carousel-3d-nav-btn.prev{left:calc(50% - 130px)}.carousel-3d-nav-btn.next{right:calc(50% - 130px)}}@font-face{font-family:NaNJaune;src:url() format("woff2");font-weight:900;font-display:swap}.image-split-section{position:relative;min-height:100vh;overflow:hidden}.image-split-section__item{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:flex-start;padding:40px;margin:0;cursor:pointer;transition:transform .3s ease}.image-split-section__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;text-decoration:none;cursor:pointer}.image-split-section__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8;text-align:center;color:#fff;font-size:58px;font-weight:700;line-height:1.2;max-width:80%;text-shadow:2px 2px 8px rgba(0,0,0,.5);font-family:NaNJaune,sans-serif;transition:transform .3s ease}.image-split-section__item:first-child .image-split-section__text{left:20%;top:35%;transform:translateY(-50%)}.image-split-section__item:last-child .image-split-section__text{left:70%;top:65%;transform:translateY(-50%)}.image-split-section__image-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transition:opacity .3s ease,transform .3s ease}.image-split-section__image-container.is-inactive{opacity:.4}.image-split-section__image-container.is-active{opacity:1}.image-split-section__item:hover .image-split-section__image-container{transform:scale(1.05)}.image-split-section__item:hover .image-split-section__text{transform:translate(-50%,-50%) scale(1.05)}.image-split-section__item:first-child:hover .image-split-section__text{transform:translateY(-50%) scale(1.05)}.image-split-section__item:last-child:hover .image-split-section__text{transform:translateY(-50%) scale(1.05)}.image-split-section__button{display:none;padding:20px 40px;font-size:20px;border-radius:14px;background-color:#f8eade;color:#000;text-decoration:none;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.image-split-section__button--visible{display:inline-block}.image-split-section__button:hover{background-color:#d7ccc2;transform:translateY(-2px)}.image-split-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:15;background:linear-gradient(to bottom right,transparent calc(50% - 2.5px),#1e1e1e calc(50% - 2.5px),#1e1e1e calc(50% + 2.5px),transparent calc(50% + 2.5px))}.image-split-section__item:nth-child(2){justify-content:flex-end}.image-split-section__image{width:100%;height:100%;object-fit:cover;display:block}.image-split-section__content{position:relative;z-index:10}.image-split-section__item:first-child .image-split-section__content{margin-bottom:25vh}.image-split-section__item:first-child{z-index:1;clip-path:polygon(0 0,100% 0,0 100%)}.image-split-section__item:last-child{z-index:2;clip-path:polygon(100% 0,100% 100%,0 100%)}@media (max-width: 768px){.image-split-section{display:block;min-height:auto}.image-split-section__item:first-child .image-split-section__content{margin-bottom:0vh}.image-split-section:after{background:linear-gradient(to bottom,transparent calc(50% - 2.5px),#1e1e1e calc(50% - 2.5px),#1e1e1e calc(50% + 2.5px),transparent calc(50% + 2.5px))}.image-split-section__item{position:relative;clip-path:none;min-height:500px;padding:30px;display:flex;align-items:center;justify-content:center}.image-split-section__item:first-child,.image-split-section__item:last-child{clip-path:none}.image-split-section__content{text-align:center;width:100%;position:absolute;bottom:20px;right:20px;width:auto}.image-split-section__button{padding:12px 20px;font-size:14px}.image-split-section__text{font-size:32px;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;max-width:90%}.image-split-section__image-container{opacity:1!important;transform:none!important}.image-split-section__image-container.is-inactive{opacity:1!important}.image-split-section__item:hover .image-split-section__image-container{transform:none}}@media (max-width: 480px){.image-split-section__item{min-height:400px;padding:20px}.image-split-section__button{padding:15px 40px;font-size:16px}}@font-face{font-family:NaNJaune;src:url(/cdn/shop/files/tuskergrotesk-4700bold.woff?v=1753273131) format("woff2");font-weight:900;font-display:swap}.video-split-section{position:relative;min-height:100vh;overflow:hidden}.video-split-section__item{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:flex-start;padding:40px;margin:0;cursor:pointer}.video-split-section__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;text-decoration:none;cursor:pointer}.video-split-section__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8;text-align:center;color:#fff;font-size:58px;font-weight:700;line-height:1.2;max-width:80%;text-shadow:2px 2px 8px rgba(0,0,0,.5);font-family:NaNJaune,sans-serif}.video-split-section__item:first-child .video-split-section__text{left:10%;top:35%;transform:translateY(-50%)}.video-split-section__item:last-child .video-split-section__text{left:65%;top:65%;transform:translateY(-50%)}.video-split-section__video-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transition:opacity .3s ease}.video-split-section__video-container.is-paused{opacity:.4}.video-split-section__video-container.is-playing{opacity:1}.video-split-section__button{display:none;padding:20px 40px;font-size:20px;border-radius:14px;background-color:#f8eade;color:#000;text-decoration:none;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.video-split-section__button--visible{display:inline-block}.video-split-section__button:hover{background-color:#d7ccc2;transform:translateY(-2px)}.video-split-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:15;background:linear-gradient(to bottom right,transparent calc(50% - 2.5px),#1e1e1e calc(50% - 2.5px),#1e1e1e calc(50% + 2.5px),transparent calc(50% + 2.5px))}.video-split-section__item:nth-child(2){justify-content:flex-end}.video-split-section__video{width:100%;height:100%;object-fit:cover;display:block}.video-split-section__video--desktop{display:block}.video-split-section__video--mobile{display:none}.video-split-section__content{position:relative;z-index:10}.video-split-section__item:first-child .video-split-section__content{margin-bottom:25vh}.video-split-section__item:first-child{z-index:1;clip-path:polygon(0 0,100% 0,0 100%)}.video-split-section__item:last-child{z-index:2;clip-path:polygon(100% 0,100% 100%,0 100%)}@media (max-width: 768px){.video-split-section{display:block;min-height:auto}.video-split-section__video--desktop{display:none}.video-split-section__video--mobile{display:block}.video-split-section__item:first-child .video-split-section__content{margin-bottom:0vh}.video-split-section:after{background:linear-gradient(to bottom,transparent calc(50% - 2.5px),#1e1e1e calc(50% - 2.5px),#1e1e1e calc(50% + 2.5px),transparent calc(50% + 2.5px))}.video-split-section__item{position:relative;clip-path:none;min-height:500px;padding:30px;display:flex;align-items:center;justify-content:center}.video-split-section__item:first-child,.video-split-section__item:last-child{clip-path:none}.video-split-section__content{text-align:center;width:100%;position:absolute;bottom:20px;right:20px;width:auto}.video-split-section__button{padding:12px 20px;font-size:14px}.video-split-section__text{font-size:32px;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;max-width:90%}.video-split-section__video-container,.video-split-section__video-container.is-paused{opacity:1!important}}@media (max-width: 480px){.video-split-section__item{min-height:400px;padding:20px}.video-split-section__button{padding:15px 40px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/33/compiled_assets/styles.css.map */