.cinema{--mx:0;--my:0;--far-scale:1;--far-x:0px;--far-y:0px;--mid-y:12vh;--mid-scale:1;--mid-opacity:1;--haze-px:0px;--haze-brightness:1;--haze-saturation:1;--scrim-top:0;--scrim-mid:0;--scrim-bottom:0;--scrim-z:0;--haze-tint:24, 52, 38;--title-y:0px;--title-scale:1;--title-opacity:1;--split-left-x:0vw;--split-right-x:0vw;--split-y:0px;--split-scale:1;--split-opacity:1;--reveal-opacity:0;--reveal-scale:1.08;--reveal-y:0px;--intro-y:0px;--intro-opacity:1;--panel1-opacity:0;--panel1-y:58px;--panel2-opacity:0;--panel2-y:58px;--slider-enter-x:420vw;--slider-visibility:hidden;--slider-scale:1;--slider-top:22vh;--slider-shift:0px;--controls-opacity:0;--controls-top:60vh;height:calc(100svh + 3700px);position:relative}@media (max-width:640px){.cinema{height:calc(100svh + 2600px)}}.cinema-stage{isolation:isolate;background:var(--color-pine-950);height:100svh;min-height:560px;position:sticky;top:0;overflow:hidden}.cinema-world{position:absolute;inset:0;overflow:hidden}.cinema-layer{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;will-change:transform, opacity, filter;display:block;position:absolute}.cinema-far{object-fit:cover;width:100%;height:100%;transform:translate3d(var(--far-x), var(--far-y), 0) scale(var(--far-scale));transform-origin:50% 100%;filter:blur(var(--haze-px)) brightness(var(--haze-brightness)) saturate(1.04) contrast(1.04);inset:0}.cinema-mid{object-fit:cover;width:100%;height:100%;opacity:var(--mid-opacity);transform:translate3d(calc(var(--mx) * -10px), var(--mid-y), 0) scale(var(--mid-scale));transform-origin:50% 100%;filter:saturate(calc(var(--haze-saturation) * 1.06)) contrast(1.05) brightness(1.05);inset:0}.cinema-reveal{object-fit:cover;width:100%;height:100%;opacity:var(--reveal-opacity);transform:translate3d(calc(var(--mx) * -8px), var(--reveal-y), 0) scale(var(--reveal-scale));transform-origin:50% 48%;filter:saturate(1.08)contrast(1.05)brightness(1.08);inset:0}.cinema-split{object-fit:cover;width:100%;height:100%;opacity:var(--split-opacity);transform-origin:50%;filter:saturate(1.05)contrast(1.05)brightness(1.04);inset:0}.cinema-split-left{clip-path:inset(0 50% 0 0);transform:translate3d(calc(var(--split-left-x) + var(--mx) * 20px), var(--split-y), 0) scale(var(--split-scale))}.cinema-split-right{clip-path:inset(0 0 0 50%);transform:translate3d(calc(var(--split-right-x) + var(--mx) * 20px), var(--split-y), 0) scale(var(--split-scale))}.cinema-scrim{z-index:var(--scrim-z);pointer-events:none;background:linear-gradient(180deg, rgba(var(--haze-tint), var(--scrim-top)) 0%, rgba(var(--haze-tint), var(--scrim-mid)) 48%, rgba(var(--haze-tint), var(--scrim-bottom)) 100%);position:absolute;inset:0}.cinema-vignette-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.cinema-title{z-index:6;text-align:center;width:min(94vw,1500px);opacity:var(--title-opacity);transform:translate3d(-50%, var(--title-y), 0) scale(var(--title-scale));will-change:transform, opacity;margin:0;position:absolute;top:clamp(96px,17vh,190px);left:50%}.cinema-intro{isolation:isolate;z-index:7;text-align:center;width:min(620px,100vw - 40px);opacity:var(--intro-opacity);transform:translate3d(-50%, var(--intro-y), 0);will-change:transform, opacity;position:absolute;bottom:clamp(48px,12vh,140px);left:50%}.cinema-panel{z-index:8;text-align:center;pointer-events:none;isolation:isolate;width:min(760px,100vw - 42px);position:absolute;left:50%}.cinema-panel:before,.cinema-intro:before{content:"";z-index:-1;background:radial-gradient(60% 55%,#070d0ab8 0%,#070d0a73 45%,#0000 78%);position:absolute;inset:-12% -22%}.cinema-panel-1{opacity:var(--panel1-opacity);transform:translate3d(-50%, calc(-50% + var(--panel1-y)), 0);top:52%}.cinema-panel-2{opacity:var(--panel2-opacity);transform:translate3d(-50%, calc(-50% + var(--panel2-y)), 0);top:48%}.cinema-panel a,.cinema-panel button{pointer-events:auto}.cinema-slider{z-index:9;top:var(--slider-top);visibility:var(--slider-visibility);transform:translate3d(var(--slider-enter-x), 0, 0) scale(var(--slider-scale));transform-origin:0 0;will-change:transform;position:absolute;left:0;right:0}.cinema-track{transform:translate3d(var(--slider-shift), 0, 0);will-change:transform;align-items:stretch;gap:clamp(14px,1.1vw,22px);padding-left:clamp(20px,4vw,64px);transition:transform .64s cubic-bezier(.22,1,.36,1);display:flex}.cinema-track.is-jumping{transition:none}.cinema-card{background:var(--color-cream-50);color:var(--color-ink);text-align:left;cursor:pointer;pointer-events:auto;border-radius:20px;flex:0 0 clamp(280px,22vw,360px);padding:22px;position:relative;overflow:hidden;box-shadow:0 18px 52px #070d0a52}.cinema-card:focus-visible{outline:2px solid var(--color-ember-500);outline-offset:3px}.cinema-card.is-active{box-shadow:0 22px 60px #070d0a73}.cinema-card-thumb{object-fit:cover;background:var(--color-pine-800);border-radius:12px;width:100%;height:132px;margin-bottom:16px;display:block}.cinema-controls{z-index:10;top:var(--controls-top);opacity:var(--controls-opacity);pointer-events:none;will-change:opacity;gap:12px;display:flex;position:absolute;left:clamp(20px,4vw,64px)}.cinema-controls.is-ready{pointer-events:auto}.cinema-nav{width:52px;height:52px;color:var(--color-pine-900);cursor:pointer;font:inherit;background:#fbf9f4f0;border:0;border-radius:999px;justify-content:center;align-items:center;font-size:20px;display:inline-flex;box-shadow:0 18px 36px #00000040}.cinema-nav:hover{background:#fff}.cinema-hint{z-index:7;opacity:var(--intro-opacity);position:absolute;bottom:18px;left:50%;transform:translate(-50%)}@media (max-width:640px){.cinema-far,.cinema-mid{filter:blur(min(var(--haze-px), 7px)) brightness(var(--haze-brightness))}.cinema-card{flex-basis:min(78vw,300px)}.cinema-card-thumb{height:112px}}@media (prefers-reduced-motion:reduce){.cinema-track{transition:none}}