#juice-cinema #track{height:1250vh;position:relative}#juice-cinema #stage{position:sticky;top:0;height:100vh;overflow:hidden}#juice-cinema #stage>*{pointer-events:none}#juice-cinema .scene{position:absolute;inset:0;visibility:hidden;will-change:transform,opacity}#juice-cinema .scene img{width:100%;height:130vh;-o-object-fit:cover;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,transparent,#fff 13%,#fff 87%,transparent);mask-image:linear-gradient(180deg,transparent,#fff 13%,#fff 87%,transparent)}#juice-cinema #scHero img{-webkit-mask-image:none;mask-image:none;height:100vh}#juice-cinema .scene .dim{position:absolute;left:0;right:0;top:0;height:130vh;background:linear-gradient(180deg,rgba(27,22,20,.78),rgba(27,22,20,.38) 30%,rgba(27,22,20,.38) 66%,rgba(27,22,20,.84))}#juice-cinema #scFall1 img{-o-object-position:calc(50% + 89px) center;object-position:calc(50% + 89px) center}#juice-cinema #scHero .dim{height:100vh;background:radial-gradient(94% 80% at 58% 46%,transparent 30%,rgba(27,22,20,.86) 95%),linear-gradient(180deg,rgba(27,22,20,.42),transparent 34%,rgba(27,22,20,.9) 98%)}#juice-cinema .scene.backdrop .dim,#juice-cinema .scene.backdrop img{height:112vh}#juice-cinema .drips{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}#juice-cinema .drip{position:absolute;left:var(--x);top:var(--y)}#juice-cinema .drip .bead{top:0;width:var(--size,9px);height:calc(var(--size,9px)*1.12);margin-left:calc(var(--size,9px)/-2);border-radius:52% 52% 56% 56%/46% 46% 62% 62%;background:radial-gradient(56% 38% at 40% 27%,hsla(17,72%,73%,.5),rgba(142,22,14,.96) 48%,#3c0a04 100%);box-shadow:0 1px 3px rgba(20,10,6,.55),0 0 5px rgba(120,20,12,.32);transform-origin:50% 0;animation:jBeadFall var(--dur,3.3s) var(--delay,0s) ease-in infinite}#juice-cinema .drip .bead,#juice-cinema .drip .splash{position:absolute;left:0;opacity:0;will-change:transform,opacity}#juice-cinema .drip .splash{top:var(--fall,24vh);width:calc(var(--size,9px)*2.3);height:calc(var(--size,9px)*.72);margin-left:calc(var(--size,9px)*-1.15);border-radius:50%;border:1px solid rgba(158,26,16,.5);background:radial-gradient(closest-side,rgba(158,26,16,.42),transparent 78%);animation:jDripSplash var(--dur,3.3s) var(--delay,0s) linear infinite}@keyframes jBeadFall{0%,14%{opacity:0;transform:translateY(0) scaleY(.55) scaleX(.8)}21%{opacity:.85;transform:translateY(1px) scaleY(.82) scaleX(.95)}31%{opacity:1;transform:translateY(3px) scaleY(1.2) scaleX(1.1)}37%{opacity:1;transform:translateY(7px) scaleY(1.55) scaleX(.78);animation-timing-function:cubic-bezier(.36,0,.9,.5)}52%{opacity:1;transform:translateY(var(--fall,24vh)) scaleY(2.15) scaleX(.6)}55%{opacity:.55;transform:translateY(var(--fall,24vh)) scaleY(.55) scaleX(1.5)}60%{opacity:0;transform:translateY(var(--fall,24vh)) scaleY(.3) scaleX(1.75)}to{opacity:0;transform:translateY(var(--fall,24vh)) scaleY(.3) scaleX(1.75)}}@keyframes jDripSplash{0%,51%{opacity:0;transform:scale(.22)}55%{opacity:.8;transform:scale(.55)}65%{opacity:.34;transform:scale(1.18)}75%,to{opacity:0;transform:scale(1.5)}}#juice-cinema #t1{position:absolute;left:0;right:0;bottom:8vh;z-index:10}#juice-cinema #t1 .kicker{grid-column:1/span 9;font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold)}#juice-cinema #t1 h1{grid-column:1/span 9;margin-top:14px;font-size:clamp(1.9rem,4.8vw,4.2rem);font-weight:900;line-height:1.12;letter-spacing:-.02em}#juice-cinema #t1 .sub{grid-column:1/span 5;margin-top:16px;font-size:clamp(.98rem,1.5vw,1.12rem);color:var(--bone-72)}#juice-cinema #hint{position:absolute;right:var(--gutter);top:44vh;z-index:10;writing-mode:vertical-rl;font-size:11.5px;letter-spacing:.22em;color:var(--bone-45)}#juice-cinema #hint b{color:var(--meat);font-weight:700}#juice-cinema #streaks{position:absolute;inset:0;z-index:6}#juice-cinema #streaks i{position:absolute;width:2px;border-radius:2px;background:linear-gradient(180deg,transparent,hsla(33,36%,95%,.35),transparent);will-change:transform,opacity;opacity:0}#juice-cinema #t2{position:absolute;left:0;right:0;top:24vh;z-index:10;text-align:center;padding:0 var(--gutter)}#juice-cinema #t2 .kicker{font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold)}#juice-cinema #t2 h2{margin-top:12px;font-size:clamp(1.5rem,3.6vw,2.7rem);font-weight:900;letter-spacing:-.01em;text-shadow:0 2px 26px rgba(27,22,20,.7),0 1px 8px rgba(27,22,20,.5)}#juice-cinema #formula{position:absolute;left:0;right:0;top:42vh;z-index:10;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:clamp(10px,2.4vw,26px);padding:0 var(--gutter)}#juice-cinema #formula .t{display:inline-block;font-weight:900;letter-spacing:-.02em;font-size:clamp(2rem,6.6vw,5rem);opacity:0;will-change:transform,opacity,filter;text-shadow:0 3px 30px rgba(27,22,20,.75),0 1px 10px rgba(27,22,20,.55)}#juice-cinema #formula .t.op{color:var(--meat);font-weight:800;font-size:clamp(1.7rem,5.2vw,3.9rem);text-shadow:0 0 26px rgba(192,38,30,.4)}#juice-cinema .rings{position:absolute;z-index:8;left:0;top:0}#juice-cinema .rings i{position:absolute;border-radius:50%;border:2px solid rgba(192,38,30,.85);transform:translate(-50%,-50%) scale(.2);opacity:0}#juice-cinema .rings.go .r1{animation:jRingx 1s cubic-bezier(.16,1,.3,1) forwards}#juice-cinema .rings.go .r2{border-color:rgba(201,154,91,.55);border-width:1px;animation:jRingx 1.25s cubic-bezier(.16,1,.3,1) .08s forwards}@keyframes jRingx{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}to{transform:translate(-50%,-50%) scale(9);opacity:0}}#juice-cinema #tp{position:absolute;left:0;right:0;top:0;bottom:0;z-index:10;display:flex;align-items:center}#juice-cinema #tp>.u-grid{width:100%}#juice-cinema #tp .cell{grid-column:7/span 6}#juice-cinema #tp h2{font-size:clamp(1.7rem,3.6vw,2.8rem);font-weight:900;letter-spacing:-.015em;text-shadow:0 2px 26px rgba(27,22,20,.7)}#juice-cinema #tp h2 em{font-style:normal;color:var(--gold)}#juice-cinema #tp .para{margin-top:18px;max-width:52ch;color:var(--bone-72);font-size:clamp(.95rem,1.35vw,1.06rem)}#juice-cinema #t3{position:absolute;left:0;right:0;top:26vh;z-index:10}#juice-cinema #t3 .cell{grid-column:1/-1;text-align:center}#juice-cinema #t3 .kicker{font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold)}#juice-cinema #t3 h2{margin-top:12px;font-size:clamp(1.8rem,4.4vw,3.6rem);font-weight:900;letter-spacing:-.015em;opacity:.8;text-shadow:0 2px 26px rgba(27,22,20,.7)}#juice-cinema #ctaWrap{position:absolute;left:0;right:0;top:44vh;z-index:30}#juice-cinema #ctaWrap .cell{grid-column:1/-1;text-align:center}#juice-cinema .cta{position:relative;overflow:hidden;border:0;cursor:pointer;pointer-events:auto;background:var(--bone);color:var(--ink);font-family:var(--disp);font-size:1.05rem;font-weight:800;letter-spacing:.14em;padding:17px 58px;will-change:transform;box-shadow:0 14px 38px rgba(27,22,20,.5);transition:box-shadow .25s}#juice-cinema .cta:hover{box-shadow:0 18px 50px rgba(27,22,20,.6)}#juice-cinema .cta:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#juice-cinema .btn-ring{position:absolute;border-radius:50%;border:2px solid rgba(27,22,20,.4);pointer-events:none;animation:jBtnr .55s ease-out forwards}@keyframes jBtnr{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}to{transform:translate(-50%,-50%) scale(3.2);opacity:0}}#juice-cinema #cupGlow{position:absolute;inset:0;z-index:1;opacity:0;will-change:opacity;background:radial-gradient(48% 56% at var(--cgx,30%) 52%,#2a1710 0,rgba(27,22,20,0) 72%)}#juice-cinema #cup{position:absolute;z-index:10;width:300px;height:260px;opacity:0;will-change:transform,opacity;transform-origin:top left}#juice-cinema #cup .caption{position:absolute;left:0;right:0;top:102%;text-align:center;font-size:clamp(.72rem,1.3vw,.88rem);font-weight:800;letter-spacing:.3em;color:rgba(201,154,91,.72);text-shadow:0 0 14px rgba(201,154,91,.28);white-space:nowrap;opacity:0}#juice-cinema #formula .t,#juice-cinema #t1 h1,#juice-cinema #t2 h2,#juice-cinema #t3 h2,#juice-cinema #tp h2{font-family:var(--disp)}#juice-cinema #fx{position:fixed;inset:0;z-index:50;pointer-events:none}#juice-cinema #drop{position:absolute;z-index:20;width:44px;height:66px;will-change:transform,opacity;opacity:0}@media (max-width:820px){#juice-cinema #t1 .kicker,#juice-cinema #t1 h1{grid-column:1/-1}#juice-cinema #t1 .sub{grid-column:1/span 10}#juice-cinema #ctaWrap .cell,#juice-cinema #t3 .cell,#juice-cinema #tp .cell{grid-column:1/-1}#juice-cinema #tp{top:10vh}#juice-cinema #hint{top:auto;bottom:12vh}}@media (prefers-reduced-motion:reduce){#juice-cinema .drips{display:none}}