.cine-stack{--steps: 3;position:relative;height:calc(var(--steps) * 100svh);view-timeline-name:--stack;view-timeline-axis:block}.cine-stack__stage{position:sticky;top:0;height:100svh;overflow:hidden;overflow:clip}.cine-stack__card{--i: 0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:calc(var(--i) + 1);transform:translateY(100%);will-change:transform}.cine-stack__card:first-child,.cine-stack__card.is-active,.cine-stack__card.is-past{transform:none}.cine-stack__counter{position:sticky;top:calc(100svh - 3.5rem);z-index:50;height:3.5rem;margin-top:-3.5rem;padding-inline:clamp(20px,4vw,48px);display:flex;align-items:center;font-family:var(--font-body, "Outfit", system-ui, sans-serif);font-size:11px;font-weight:500;letter-spacing:.28em;color:var(--fg, #F3EDE3);pointer-events:none;font-variant-numeric:tabular-nums}@supports (animation-timeline: view()){.cine-stack__card{animation:stack-in linear both;animation-timeline:--stack;animation-range:contain calc((var(--i) - 1) * 100% / (var(--steps) - 1)) contain calc((var(--i) - .15) * 100% / (var(--steps) - 1))}.cine-stack__card:first-child{animation:none}}@keyframes stack-in{0%{transform:translateY(100%)}to{transform:none}}.cine-band{--band-gap: clamp(1.5rem, 4vw, 4rem);overflow:hidden;white-space:nowrap}.cine-band__track,.cine-band__track>[aria-hidden=true]{display:inline-flex;align-items:center;gap:var(--band-gap)}.cine-band__track{padding-right:var(--band-gap);animation:band var(--speed, 40s) linear infinite;will-change:transform}@keyframes band{to{transform:translate(-50%)}}.cine-depth{position:relative;overflow:hidden;overflow:clip;isolation:isolate}.cine-depth__bg{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:0}.cine-depth__bg>video,.cine-depth__bg>img{width:100%;height:100%;object-fit:cover}.cine-depth__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px}.cine-depth__mid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.cine-depth__fg{position:relative;z-index:3}@supports (animation-timeline: view()){.cine-depth__mid{animation:depth-mid linear both;animation-timeline:view()}}@keyframes depth-mid{0%{transform:translateY(calc(var(--speed, .3) * 30vh))}to{transform:translateY(calc(var(--speed, .3) * -30vh))}}.cine-curtain{position:relative;z-index:2;isolation:isolate;margin-top:-32px;border-radius:32px 32px 0 0;background:var(--bg, #F3EDE3);color:var(--fg, #0F0F0F)}@media(max-width:749px),(prefers-reduced-motion:reduce){.cine-stack{height:auto}.cine-stack__stage{position:static;height:auto;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.cine-stack__card{position:static;flex:0 0 min(88vw,560px);min-height:70svh;scroll-snap-align:center;transform:none!important;animation:none!important}.cine-stack__counter{position:static;margin-top:12px;height:auto}}@media(max-width:749px){.cine-stack__stage{scrollbar-width:none}}@media(prefers-reduced-motion:reduce){.cine-band__track,.cine-depth__mid{animation:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/cine-primitives.css.map */