.cine-camera{transform-origin:var(--lx) var(--ly);transform:scale(calc(1.04 + var(--p) * .9)) translate3d(calc(var(--p) * 1%), 0, 0);will-change:transform;animation:18s ease-in-out infinite alternate cine-drift}@keyframes cine-drift{0%{translate:-.6% .3%}to{translate:.6% -.3%}}.cine-glow,.cine-type,.cine-lines,.cine-frags{left:var(--lx);top:var(--ly);translate:-50% -50%}.cine-glow{mix-blend-mode:screen;width:34vmax;height:26vmax;opacity:calc(.25 + var(--p) * .9);background:radial-gradient(closest-side,oklch(75% .17 235/.55),#0000);border-radius:50%;animation:4s ease-in-out infinite cine-pulse}@keyframes cine-pulse{50%{filter:brightness(1.25)}}.cine-type{left:calc(var(--lx) + 10%);top:calc(var(--ly) + 10%);mix-blend-mode:screen;background:radial-gradient(closest-side,oklch(85% .1 220/.35),#0000);border-radius:50%;width:10vmax;height:4vmax;animation:.9s steps(3,end) infinite cine-type}@keyframes cine-type{0%{opacity:.3;translate:-52% -50%}33%{opacity:.7;translate:-48% -51%}66%{opacity:.45;translate:-50% -49%}}.cine-lines{filter:drop-shadow(0 0 6px oklch(75% .15 230));width:30vmax;height:22vmax;overflow:visible}.cine-line{stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0, (var(--p) - .25 - var(--i) * .1) * 2.2, 1));opacity:clamp(0, (var(--p) - .2) * 3, 1)}.cine-frags{width:0;height:0}.cine-frag{--q:clamp(0, (var(--p) - .45) * 2, 1);opacity:var(--q);transform:translate(calc(var(--dx) * var(--q)), calc(var(--dy) * var(--q))) rotate(calc(var(--r) * var(--q)));background:linear-gradient(135deg,oklch(90% .08 220/.35),oklch(60% .15 250/.1));border:1px solid oklch(85% .1 220/.7);position:absolute;box-shadow:0 0 10px oklch(75% .15 230/.6)}.cine-sweep{mix-blend-mode:screen;background:linear-gradient(105deg,#0000 35%,oklch(70% .15 235/.12) 50%,#0000 65%) 0 0/250% 100%;animation:11s ease-in-out infinite cine-sweep}@keyframes cine-sweep{0%{background-position:120% 0}to{background-position:-120% 0}}.cine-vignette{opacity:calc(1 - var(--p) * .3);background:linear-gradient(#0000 55%,oklch(13% .03 260) 100%),linear-gradient(90deg,oklch(13% .03 260/.85) 0%,#0000 55%)}.cine-copy{opacity:calc(1 - var(--p) * 1.8);transform:translateY(calc(var(--p) * -40px))}.cine-hint{opacity:calc(1 - var(--p) * 5);animation:2s ease-in-out infinite cine-bob}@keyframes cine-bob{50%{translate:-50% 4px}}@media (width<=767px){.cine-frag:nth-child(odd){display:none}}@media (prefers-reduced-motion:reduce){.cine-camera,.cine-glow,.cine-type,.cine-sweep,.cine-hint{animation:none}.cine-camera{transform:scale(calc(1.04 + var(--p) * .3))}}.cine-dark{opacity:calc(var(--f) * .96);background:radial-gradient(oklch(16% .05 255/.85),oklch(8% .02 260/.98))}.cine-stage{perspective:900px;width:0;height:0;transform-style:preserve-3d;--k:1}@media (width<=767px){.cine-stage{--k:.72}.cine-shard:nth-child(3n){display:none}}.cine-shard{opacity:calc(min(var(--f) * 3, 1) * (1 - var(--m)));translate:-50% -50%;transform:translate3d(calc((var(--sx) * var(--f) * (1 - var(--g)) + var(--tx) * var(--g)) * var(--k)), calc((var(--sy) * var(--f) * (1 - var(--g)) + var(--ty) * var(--g)) * var(--k)), calc(var(--sz) * var(--f) * (1 - var(--g)))) rotateX(calc(var(--rx) * (1 - var(--g)) + var(--f) * 140deg * (1 - var(--g)))) rotateY(calc(var(--ry) * (1 - var(--g)))) scale(calc(.4 + var(--f) * .6));background:linear-gradient(135deg,oklch(95% .05 220/.5),oklch(70% .14 240/.12) 55%,oklch(90% .08 215/.35));border:1px solid oklch(88% .1 220/.85);border-radius:2px;position:absolute;top:0;left:0;box-shadow:0 0 14px oklch(72% .16 235/.7),inset 0 0 6px oklch(100% 0 0/.4)}.cine-logo{width:0;transform:translate(-50%, 0) rotateY(calc((1 - var(--r)) * 10deg)) rotateX(calc((1 - var(--r)) * -4deg));transform-style:preserve-3d;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0}.cine-symbol{width:calc(200px * var(--k));height:calc(200px * var(--k));margin-top:calc(-170px * var(--k));opacity:var(--m);filter:drop-shadow(0 0 calc(30px * var(--m)) oklch(72% .16 235/.9));transform:scale(calc(.92 + var(--m) * .08));flex:none}.cine-word{margin-top:calc(14px * var(--k));letter-spacing:.14em;font-weight:800;font-size:calc(3.6rem * var(--k));color:oklch(98% .01 240);text-shadow:0 0 24px oklch(70% .16 235/.8);gap:.06em;padding:0 .2em;line-height:1;display:flex;position:relative;overflow:hidden}.cine-letter{--a:clamp(0, var(--l) * 8 - var(--li), 1);opacity:var(--a);transform:translate3d(calc(var(--lo) * (1 - var(--a))), calc(40px * (1 - var(--a))), 0) rotateX(calc((1 - var(--a)) * 80deg));filter:blur(calc((1 - var(--a)) * 6px))}.cine-wsweep{mix-blend-mode:overlay;transform:translateX(calc(-120% + var(--r) * 240%));opacity:calc(min(var(--r) * 6, 1) * (1 - var(--r)));background:linear-gradient(100deg,#0000 30%,oklch(95% .08 215/.85) 50%,#0000 70%);position:absolute;inset:0}.cine-tag1,.cine-tag2{white-space:nowrap;color:oklch(97% .01 240);opacity:clamp(0, var(--r) * 2 - .6, 1);transform:translateY(calc((1 - var(--r)) * 16px))}.cine-tag1{margin-top:calc(18px * var(--k));letter-spacing:.3em;font-weight:800;font-size:calc(1.15rem * var(--k));color:oklch(82% .13 225)}.cine-tag2{letter-spacing:.24em;text-transform:uppercase;font-weight:600;font-size:calc(.75rem * var(--k));opacity:clamp(0, var(--r) * 2 - .9, .75);margin-top:10px}.cine-hero[data-late="1"] .cine-copy{pointer-events:none;visibility:hidden}@media (prefers-reduced-motion:reduce){.cine-shard{display:none}.cine-letter{filter:none}}.cine-hero{--lx:48%;--ly:56%}@media (aspect-ratio<=4/5){.cine-hero{--lx:60%;--ly:60%}.cine-camera{transform:scale(calc(1 + var(--p) * .55))}.cine-copy{justify-content:flex-end;padding-bottom:1.5rem}}.cw-scene{--a:clamp(0, var(--w) * 3, 1);--b:clamp(0, (var(--w) - .25) * 1.6, 1);--c:clamp(0, (var(--w) - .75) * 4, 1)}.cw-grid-floor{opacity:calc(.3 + var(--a) * .7);transform:perspective(600px) rotateX(calc(var(--b) * 18deg)) scale(calc(1 + var(--a) * .3));background:radial-gradient(oklch(25% .09 250/.6),#0000 65%),repeating-linear-gradient(90deg,oklch(75% .15 230/.07) 0 1px,#0000 1px 60px),repeating-linear-gradient(0deg,oklch(75% .15 230/.07) 0 1px,#0000 1px 60px)}.cw-logo{translate:-50% calc(-50% - var(--a) * 38vh);transform:scale(calc(1 - var(--a) * .65));opacity:calc(1 - var(--a) * 1.1);filter:drop-shadow(0 0 24px oklch(70% .16 235/.7));animation:5s ease-in-out infinite cw-float}@keyframes cw-float{50%{margin-top:-8px}}.cw-tunnel{width:0;height:0}.cw-ring{--s:clamp(0, var(--a) * 1.4 - var(--i) * .15, 1);width:30vmin;height:30vmin;translate:-50% -50%;transform:scale(calc(.3 + var(--s) * 5));opacity:calc(var(--s) * (1 - var(--s)) * 3);border:1px solid oklch(80% .13 225/.6);border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 20px oklch(70% .16 235/.4)}.cw-stage{perspective:1000px;width:0;height:0;transform-style:preserve-3d}.cw-panel{--q:clamp(0, var(--b) * 2.2 - var(--n) * .1, 1);width:clamp(110px,16vw,210px);opacity:calc(var(--q) * (1 - var(--c)));transform:translate(-50%, -50%) translate3d(calc(var(--x) * var(--q)), calc(var(--y) * var(--q)), calc((1 - var(--q)) * -900px)) rotateZ(calc(var(--rz) * var(--q))) rotateY(calc((1 - var(--q)) * 30deg));background:oklch(20% .05 255/.7);border:1px solid oklch(85% .1 220/.45);border-radius:12px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 18px 40px -12px oklch(5% .02 260/.8),0 0 18px oklch(70% .16 235/.35)}.cw-panel img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.cw-panel span{color:oklch(97% .01 240);padding:6px 8px;font-size:.7rem;font-weight:700;display:block}.cw-caption{opacity:calc(var(--b) * (1 - var(--c)))}.cw-card{opacity:0;transition:transform .35s,box-shadow .35s,opacity .6s;transition-delay:calc(var(--n) * 80ms);background:linear-gradient(160deg,oklch(22% .05 255/.9),oklch(16% .04 258/.9));border:1px solid oklch(85% .1 220/.25);border-radius:16px;flex-direction:column;display:flex;overflow:hidden;transform:translateY(28px)perspective(800px)rotateX(8deg);box-shadow:0 14px 40px -16px oklch(5% .02 260/.9)}.cw-card.is-in{opacity:1;transform:none}.cw-card.is-in:hover{transition-delay:0s;transform:perspective(800px)rotateX(3deg)translateY(-4px);box-shadow:0 20px 44px -14px oklch(60% .18 245/.55)}@media (width<=767px){.cw-panel:nth-child(2n),.cw-ring:nth-child(odd){display:none}}@media (prefers-reduced-motion:reduce){.cw-logo{animation:none}.cw-panel,.cw-ring{display:none}.cw-card{opacity:1;transition:none;transform:none}}