.cinematic-slider{position:relative;width:100%;height:100vh;overflow:hidden;background:#fff;cursor:default;--slide-speed: .8s}.cinematic-slider__track{position:relative;width:100%;height:100%}.cinematic-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:none}.cinematic-slide.is-active{opacity:1;visibility:visible;pointer-events:all}.cinematic-slide__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;transform:scale(1.05)}.cinematic-slide__layer{position:absolute;pointer-events:none;--layer-ox: 0vw;--layer-oy: 0vh;--layer-scl: 1;--layer-rot: 0deg;--layer-ox-m: 0vw;--layer-oy-m: 0vh;--layer-scl-m: 1;--layer-rot-m: 0deg}.cinematic-slide__layer-inner{position:relative;display:block;width:100%;will-change:transform,opacity}.cinematic-slide__layer--ground{bottom:0;left:0;right:0;z-index:2;height:30%;transform:translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl));transform-origin:center bottom}.cinematic-slide__layer--ground .cinematic-slide__layer-inner{height:100%;background-size:100% auto;background-position:bottom center;background-repeat:no-repeat}.cinematic-slide__layer--chars{bottom:5%;left:50%;transform:translate(-50%) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl));z-index:3;width:clamp(220px,32vw,500px)}.cinematic-slide__layer--chars .cinematic-slide__layer-inner img{display:block;width:100%;height:auto}.cinematic-slide__layer--main{top:50%;left:50%;transform:translate(-50%,-50%) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl));z-index:4;width:clamp(320px,45vw,683px)}.cinematic-slide__layer--main .cinematic-slide__layer-inner img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain}.cinematic-slide__layer--fx{top:10%;left:50%;transform:translate(-50%) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl));z-index:5;opacity:.85}.cinematic-slide__layer--fx .cinematic-slide__layer-inner img{display:block;width:100%;height:auto}.cinematic-slide__layer--shadow{bottom:35%;left:50%;transform:translate(-50%) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl));z-index:5;opacity:.5;width:clamp(120px,20vw,300px)}.cinematic-slide__layer--shadow .cinematic-slide__layer-inner img{display:block;width:100%;height:auto}.cinematic-slide[data-slide-index="0"] .cinematic-slide__layer--main{top:50%;left:50%;transform:translate(-50%,-50%) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl));width:clamp(320px,45vw,683px)}.cinematic-slide[data-slide-index="1"] .cinematic-slide__layer--ground{height:25vh}.cinematic-slide[data-slide-index="1"] .cinematic-slide__layer--ground .cinematic-slide__layer-inner{background-size:cover;background-position:center top}.cinematic-slide[data-slide-index="1"] .cinematic-slide__layer--chars{bottom:14%;left:50%;transform:translate(-50%) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl));width:clamp(220px,30vw,488px)}.cinematic-slide[data-slide-index="1"] .cinematic-slide__layer--main{top:5%;left:50%;transform:translate(-50%) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl));width:clamp(300px,45vw,650px)}.cinematic-slide[data-slide-index="1"] .cinematic-slide__layer--main .cinematic-slide__layer-inner{mix-blend-mode:normal}.cinematic-slide[data-slide-index="1"] .cinematic-slide__layer--main .cinematic-slide__layer-inner img{max-height:none;border-radius:50%}.cinematic-slide[data-slide-index="2"] .cinematic-slide__layer--main{top:45%;left:55%;transform:translate(-50%,-50%) rotate(-15deg) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl));width:clamp(280px,42vw,600px)}.cinematic-slide[data-slide-index="2"] .cinematic-slide__headline{font-size:clamp(3.5rem,7.5vw,8.5rem)}.cinematic-slide[data-slide-index="2"] .cinematic-slide__content{align-items:flex-start;padding-top:8vh}.cinematic-slide[data-slide-index="3"] .cinematic-slide__layer--ground{height:38vh}.cinematic-slide[data-slide-index="3"] .cinematic-slide__layer--ground .cinematic-slide__layer-inner{background-size:cover;background-position:center}.cinematic-slide[data-slide-index="3"] .cinematic-slide__layer--chars{top:5%;left:-5%;right:auto;bottom:auto;transform:translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl));width:clamp(400px,65vw,900px);opacity:.85}.cinematic-slide[data-slide-index="3"] .cinematic-slide__layer--main{top:18%;left:50%;transform:translate(-50%) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl));width:clamp(200px,35vw,500px)}.cinematic-slide[data-slide-index="3"] .cinematic-slide__layer--fx{top:calc(18% + clamp(50px,8vw,100px));left:50%;transform:translate(-50%) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl));width:clamp(100px,18vw,250px);opacity:.7}.cinematic-slide[data-slide-index="3"] .cinematic-slide__layer--fx .cinematic-slide__layer-inner{mix-blend-mode:screen;transform-origin:top center}.cinematic-slide[data-slide-index="3"] .cinematic-slide__layer--shadow{bottom:35%;left:50%;transform:translate(-50%) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl));width:clamp(120px,20vw,300px);opacity:.5}.cinematic-slide--space .cinematic-slide__bg--space{background-color:#000;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.7) 50%,transparent 50%),radial-gradient(1px 1px at 80% 20%,rgba(255,255,255,.6) 50%,transparent 50%),radial-gradient(1px 1px at 35% 70%,rgba(255,255,255,.5) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 70% 80%,rgba(255,255,255,.7) 50%,transparent 50%),radial-gradient(1px 1px at 50% 50%,rgba(255,255,255,.5) 50%,transparent 50%);background-size:300px 300px,400px 400px,250px 250px,500px 500px,350px 350px;background-repeat:repeat;transform:scale(1)}.cinematic-slide__layer--stars1{top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;transform:translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl));transform-origin:center;opacity:.85}.cinematic-slide__layer--stars1 .cinematic-slide__layer-inner{width:100%;height:100%}.cinematic-slide__layer--stars1 .cinematic-slide__layer-inner img{display:block;width:100%;height:100%;object-fit:cover}.cinematic-slide__layer--stars2{top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;transform:translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl));transform-origin:center;opacity:.95}.cinematic-slide__layer--stars2 .cinematic-slide__layer-inner{width:100%;height:100%}.cinematic-slide__layer--stars2 .cinematic-slide__layer-inner img{display:block;width:100%;height:100%;object-fit:cover}.cinematic-slide__layer--moon{top:28%;left:46%;z-index:3;width:clamp(130px,16vw,260px);transform:translate(-50%,-50%) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl))}.cinematic-slide__layer--moon .cinematic-slide__layer-inner img{display:block;width:100%;height:auto}.cinematic-slide__layer--rocket{top:30%;left:72%;z-index:4;width:clamp(160px,20vw,340px);transform:translate(-50%,-50%) rotate(15deg) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl))}.cinematic-slide__layer--rocket .cinematic-slide__layer-inner img{display:block;width:100%;height:auto}.cinematic-slide__layer--character{bottom:0;left:50%;z-index:5;width:clamp(260px,28vw,480px);transform:translate(-50%) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl))}.cinematic-slide__layer--character .cinematic-slide__layer-inner img{display:block;width:100%;height:auto;max-height:85vh;object-fit:contain}@keyframes cinematic-moon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes cinematic-rocket-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(9deg)}75%{transform:rotate(-9deg)}}.cinematic-slide--space.is-active .cinematic-slide__layer--moon .cinematic-slide__layer-inner img{transform-origin:center center;animation:cinematic-moon-pulse 5s ease-in-out infinite}.cinematic-slide--space.is-active .cinematic-slide__layer--rocket .cinematic-slide__layer-inner img{transform-origin:center center;animation:cinematic-rocket-wobble 4s ease-in-out infinite}.cinematic-slide--desert .cinematic-slide__bg--sky{background:linear-gradient(180deg,#6f4a9a,#8c5fb1 55%,#b88bd1);transform:scale(1)}.cinematic-slide__layer--sun{top:14%;left:78%;z-index:1;width:clamp(220px,30vw,480px);transform:translate(-50%,-50%) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl))}.cinematic-slide__layer--sun .cinematic-slide__layer-inner img{display:block;width:100%;height:auto}.cinematic-slide__layer--scene{bottom:0;left:0;right:0;z-index:2;width:100%;transform:translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl));transform-origin:center bottom}.cinematic-slide__layer--scene .cinematic-slide__layer-inner img{display:block;width:100%;height:auto}.cinematic-slide--desert .cinematic-slide__layer--cannabis{bottom:6%;left:36%;z-index:3;width:clamp(200px,22vw,380px);transform:translate(-50%) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl))}.cinematic-slide--desert .cinematic-slide__layer--cannabis .cinematic-slide__layer-inner img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain}.cinematic-slide--desert .cinematic-slide__layer--alien{bottom:6%;left:54%;z-index:4;width:clamp(180px,20vw,340px);transform:translate(-50%) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl))}.cinematic-slide--desert .cinematic-slide__layer--alien .cinematic-slide__layer-inner img{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain}.cinematic-slide--lounge .cinematic-slide__bg--yellow{background:radial-gradient(ellipse at center,#f6d052,#e0a826 55%,#b87a14);transform:scale(1)}.cinematic-slide--lounge .cinematic-slide__layer--smoke{top:2%;left:50%;z-index:1;width:clamp(320px,55vw,980px);transform:translate(-50%) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl))}.cinematic-slide--lounge .cinematic-slide__layer--smoke .cinematic-slide__layer-inner img{display:block;width:100%;height:auto}.cinematic-slide--lounge .cinematic-slide__layer--props{bottom:0;left:0;right:0;z-index:2;width:100%;transform:translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl));transform-origin:center bottom}.cinematic-slide--lounge .cinematic-slide__layer--props .cinematic-slide__layer-inner img{display:block;width:100%;height:auto}.cinematic-slide--lounge .cinematic-slide__layer--cannabis{bottom:8%;left:36%;z-index:3;width:clamp(220px,24vw,440px);transform:translate(-50%) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl))}.cinematic-slide--lounge .cinematic-slide__layer--cannabis .cinematic-slide__layer-inner img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain}.cinematic-slide--lounge .cinematic-slide__layer--alien{bottom:6%;left:62%;z-index:4;width:clamp(240px,28vw,520px);transform:translate(-50%) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl))}.cinematic-slide--lounge .cinematic-slide__layer--alien .cinematic-slide__layer-inner img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain}.cinematic-slide--lounge .cinematic-slide__layer--mouse{bottom:5%;left:46%;z-index:5;width:clamp(120px,14vw,250px);transform:translate(-50%) translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl))}.cinematic-slide--lounge .cinematic-slide__layer--mouse .cinematic-slide__layer-inner img{display:block;width:100%;height:auto}.cinematic-slide--lounge .cinematic-slide__layer--text{bottom:22%;left:0;right:0;z-index:6;width:100%;transform:translate(var(--layer-ox),var(--layer-oy)) rotate(var(--layer-rot)) scale(var(--layer-scl));transform-origin:center}.cinematic-slide--lounge .cinematic-slide__layer--text .cinematic-slide__layer-inner img{display:block;width:100%;height:auto}.cinematic-slide__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:128px 128px}.cinematic-slide__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 5%;pointer-events:none}.cinematic-slide__headline-col{grid-column:1;padding-right:2rem}.cinematic-slide__desc-col{grid-column:2;display:flex;flex-direction:column;gap:1.5rem;align-items:flex-end;pointer-events:all}.cinematic-slide__headline{font-family:"League Spartan",var(--font-heading-family, sans-serif);font-weight:800;font-size:clamp(3rem,6.5vw,7rem);line-height:.95;color:#fff;margin:0;text-transform:lowercase;letter-spacing:-.02em;opacity:0;transform:translateY(20px);will-change:opacity,transform}.cinematic-slide__description{font-family:"Inter",var(--font-body-family, sans-serif);font-weight:300;font-size:clamp(.9rem,1.2vw,1.1rem);line-height:1.6;color:#ffffffe6;text-align:center;margin:0;max-width:320px;opacity:0;transform:translateY(20px);will-change:opacity,transform}.cinematic-slide__cta{display:inline-block;padding:.75rem 2rem;border:1.5px solid rgba(255,255,255,.8);border-radius:100px;color:#fff;font-family:"Inter",var(--font-body-family, sans-serif);font-size:.85rem;font-weight:400;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;opacity:0;transform:translateY(20px);pointer-events:all;will-change:opacity,transform;transition:background .3s,border-color .3s}.cinematic-slide__cta:hover{background:#ffffff26}.cinematic-slider__nav{position:absolute;bottom:5%;right:4%;z-index:50;display:flex;align-items:center;gap:.25rem}.cinematic-slider__nav-btn{background:#0006;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .3s,border-color .3s,transform .2s,opacity .3s;font-family:inherit;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.cinematic-slider__nav-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.cinematic-slider__nav-btn:disabled{opacity:.25;cursor:default;transform:none}.cinematic-slider__nav-divider{color:#ffffff4d;font-size:.9rem;-webkit-user-select:none;user-select:none;margin:0 .1rem}.cinematic-slider__progress{position:absolute;bottom:5%;left:50%;transform:translate(-50%);z-index:50;display:flex;gap:.75rem;background:#0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:.6rem 1rem;border-radius:999px}.cinematic-slider__dot{width:12px;height:12px;border-radius:50%;background:#fff6;border:1.5px solid rgba(255,255,255,.3);transition:background .3s,transform .3s,border-color .3s,box-shadow .3s;cursor:pointer}.cinematic-slider__dot:hover{background:#ffffffb3;transform:scale(1.15)}.cinematic-slider__dot.is-active{background:#fff;border-color:#fff;transform:scale(1.4);box-shadow:0 0 8px #ffffff80}@media(max-width:768px){.cinematic-slide__content{grid-template-columns:1fr;grid-template-rows:auto auto;padding:5% 6% 15%;align-content:flex-end}.cinematic-slide__headline-col{grid-column:1;padding-right:0;margin-bottom:1rem}.cinematic-slide__desc-col{grid-column:1;align-items:flex-start}.cinematic-slide__headline,.cinematic-slide[data-slide-index="2"] .cinematic-slide__headline{font-size:clamp(2.5rem,9vw,4.5rem)}.cinematic-slide__layer--main .cinematic-slide__layer-inner img{max-height:55vh}.cinematic-slide__layer--stars1,.cinematic-slide__layer--stars2{transform:translate(var(--layer-ox-m),var(--layer-oy-m)) rotate(var(--layer-rot-m)) scale(var(--layer-scl-m))}.cinematic-slide__layer--moon{transform:translate(-50%,-50%) translate(var(--layer-ox-m),var(--layer-oy-m)) rotate(var(--layer-rot-m)) scale(var(--layer-scl-m))}.cinematic-slide__layer--rocket{transform:translate(-50%,-50%) rotate(15deg) translate(var(--layer-ox-m),var(--layer-oy-m)) rotate(var(--layer-rot-m)) scale(var(--layer-scl-m))}.cinematic-slide__layer--character{transform:translate(-50%) translate(var(--layer-ox-m),var(--layer-oy-m)) rotate(var(--layer-rot-m)) scale(var(--layer-scl-m))}.cinematic-slide--desert .cinematic-slide__layer--sun{top:2%;left:55%;width:75vw;transform:translate(-50%,-50%) translate(var(--layer-ox-m),var(--layer-oy-m)) rotate(var(--layer-rot-m)) scale(var(--layer-scl-m))}.cinematic-slide--desert .cinematic-slide__layer--scene{width:110%;left:-5%;transform:translate(var(--layer-ox-m),var(--layer-oy-m)) rotate(var(--layer-rot-m)) scale(var(--layer-scl-m))}.cinematic-slide--desert .cinematic-slide__layer--cannabis{bottom:8%;left:30%;width:44vw;transform:translate(-50%) translate(var(--layer-ox-m),var(--layer-oy-m)) rotate(var(--layer-rot-m)) scale(var(--layer-scl-m))}.cinematic-slide--desert .cinematic-slide__layer--alien{bottom:8%;left:64%;width:40vw;transform:translate(-50%) translate(var(--layer-ox-m),var(--layer-oy-m)) rotate(var(--layer-rot-m)) scale(var(--layer-scl-m))}.cinematic-slide--desert .cinematic-slide__content{display:none}.cinematic-slide--lounge .cinematic-slide__layer--smoke{top:4%;left:50%;width:100vw;transform:translate(-50%) translate(var(--layer-ox-m),var(--layer-oy-m)) rotate(var(--layer-rot-m)) scale(var(--layer-scl-m))}.cinematic-slide--lounge .cinematic-slide__layer--props{bottom:15%;left:-5%;width:110%;transform:translate(var(--layer-ox-m),var(--layer-oy-m)) rotate(var(--layer-rot-m)) scale(var(--layer-scl-m))}.cinematic-slide--lounge .cinematic-slide__layer--cannabis{bottom:24%;left:27%;width:46vw;transform:translate(-50%) translate(var(--layer-ox-m),var(--layer-oy-m)) rotate(var(--layer-rot-m)) scale(var(--layer-scl-m))}.cinematic-slide--lounge .cinematic-slide__layer--alien{bottom:22%;left:72%;width:50vw;transform:translate(-50%) translate(var(--layer-ox-m),var(--layer-oy-m)) rotate(var(--layer-rot-m)) scale(var(--layer-scl-m))}.cinematic-slide--lounge .cinematic-slide__layer--mouse{bottom:8%;left:38%;width:28vw;transform:translate(-50%) translate(var(--layer-ox-m),var(--layer-oy-m)) rotate(var(--layer-rot-m)) scale(var(--layer-scl-m))}.cinematic-slide--lounge .cinematic-slide__layer--text{bottom:4%;left:50%;width:92vw;transform:translate(-50%) translate(var(--layer-ox-m),var(--layer-oy-m)) rotate(var(--layer-rot-m)) scale(var(--layer-scl-m))}.cinematic-slide--lounge .cinematic-slide__content{display:none}}@media(prefers-reduced-motion:reduce){.cinematic-slide,.cinematic-slide__headline,.cinematic-slide__description,.cinematic-slide__cta,.cinematic-slide__layer,.cinematic-slide__layer-inner,.cinematic-slide__layer-inner img{animation:none!important;transition:none!important}.cinematic-slide.is-active .cinematic-slide__headline,.cinematic-slide.is-active .cinematic-slide__description,.cinematic-slide.is-active .cinematic-slide__cta{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/120/assets/cinematic-slider.css.map */