*{box-sizing:border-box;margin:0;padding:0}:root{--font-display:"Playfair Display", Georgia, serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--frame-width:340px;--strip-height:280px;--sprocket-h:20px}html,body{color:#fff;font-family:var(--font-display);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#000;min-height:100%;overflow:hidden auto}body.no-scroll{overflow:hidden}.initially-hidden{opacity:0;pointer-events:none}#scroll-spacer{pointer-events:none;height:300vh;position:relative}#boot-screen{z-index:1000;background:#1a0a6e;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}#boot-screen.hidden{display:none}#boot-screen.fade-out{opacity:0;pointer-events:none}.crt-overlay{pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#00000026 0 1px,#0000 1px 3px);position:absolute;inset:0}#boot-screen:before{content:"";pointer-events:none;z-index:2;border-radius:20px;position:absolute;inset:0;box-shadow:inset 0 0 120px #000000b3,inset 0 0 60px #0006}#boot-screen:after{content:"";pointer-events:none;z-index:3;animation:.15s infinite flicker;position:absolute;inset:0}@keyframes flicker{0%{opacity:.27}15%{opacity:.91}50%{opacity:.96}55%{opacity:.09}85%{opacity:.7}to{opacity:.24}}.boot-content{z-index:10;font-family:var(--font-mono);color:silver;text-shadow:0 0 8px #c8c8ff4d;width:90%;max-width:700px;position:relative}.boot-logo{color:#fff;letter-spacing:.15em;text-shadow:0 0 20px #c8c8ff80;margin-bottom:.5rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700}.blink{animation:1s step-end infinite cursor-blink}@keyframes cursor-blink{50%{opacity:0}}.boot-sub{color:#a0a0c0;font-size:clamp(.7rem,1.5vw,.9rem);line-height:1.6}.boot-text{color:#88a;min-height:4em;font-size:clamp(.65rem,1.2vw,.8rem);line-height:1.8}.boot-progress-wrap{border:2px solid silver;width:100%;height:24px;padding:3px}.boot-progress-bar{background:repeating-linear-gradient(90deg,silver 0 14px,#0000 14px 18px);width:0%;height:100%;transition:width .1s linear}.boot-status{color:#88a;margin-top:.5rem;font-size:.75rem}#webgl-canvas{z-index:1;width:100vw;height:100vh;display:block;position:fixed;inset:0}#hero-overlay{z-index:15;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 8%;transition:opacity .4s;display:flex;position:fixed;inset:0}.hero-title{letter-spacing:.02em;color:#fff;text-shadow:0 4px 40px #0009;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;line-height:1.15}.hero-title em{font-style:italic;font-weight:700}.hero-sub{font-family:var(--font-mono);color:#ffffff59;letter-spacing:.15em;text-transform:uppercase;margin-top:1.2rem;font-size:clamp(.65rem,1.1vw,.85rem)}.scroll-indicator{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(#fff6,#fff0);width:1px;height:50px;animation:2s ease-in-out infinite scroll-pulse}@keyframes scroll-pulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:.7;transform:scaleY(1.3)}}#film-info{z-index:20;text-align:center;pointer-events:none;padding:1.8rem 2rem .5rem;transition:opacity .4s;position:fixed;top:0;left:0;right:0}#film-info-title{letter-spacing:.02em;text-shadow:0 4px 30px #ffffff1f,0 0 60px #ffffff0f;margin-bottom:.3rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1}#film-info-meta{font-family:var(--font-mono);opacity:.5;letter-spacing:.15em;font-size:clamp(.75rem,1.2vw,.9rem)}#carousel-viewport{height:var(--strip-height);z-index:10;cursor:grab;perspective:1400px;perspective-origin:50%;transition:opacity .4s;position:fixed;top:100%;left:0;right:0;overflow:visible;transform:translateY(-50%)}#carousel-viewport:active{cursor:grabbing}#carousel-cylinder{width:0;height:0;transform-style:preserve-3d;transition:none;position:absolute;top:50%;left:50%}.film-segment{width:var(--frame-width);height:var(--strip-height);left:calc(var(--frame-width) / -2);top:calc(var(--strip-height) / -2);backface-visibility:hidden;background:#2a2520;border:2px solid #3a3530;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 50px #000000e6,0 2px 8px #00000080}.seg-sprocket{height:var(--sprocket-h);background:#2a2520;flex-shrink:0;justify-content:space-evenly;align-items:center;padding:0 8px;display:flex}.sp-hole{background:#0a0805;border:1px solid #5046324d;border-radius:2px;width:15px;height:11px;display:block;box-shadow:inset 0 1px 2px #000c,0 0 1px #78644626}.seg-frame{background:#0c0c10;border:1px solid #00000080;border-radius:2px;flex:1;margin:3px 4px;position:relative;overflow:hidden}.seg-frame:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 40px #0000004d}.seg-poster{background:radial-gradient(#191923 0%,#08080c 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.poster-placeholder{font-family:var(--font-mono);color:#ffffff1a;text-align:center;font-size:.7rem;line-height:1.8}.seg-poster img,.seg-video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.film-segment-empty{opacity:.5}.nav-btn{z-index:25;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;transition:background .3s,border-color .3s,transform .2s,opacity .4s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.nav-btn:hover{background:#ffffff14;border-color:#ffffff40}.nav-btn:active{transform:translateY(-50%)scale(.92)}#nav-prev{left:1.5rem}#nav-next{right:1.5rem}#dot-indicators{z-index:20;gap:10px;transition:opacity .4s;display:flex;position:fixed;bottom:4%;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background:#fff3;border:1px solid #ffffff1a;border-radius:50%;width:8px;height:8px;transition:all .4s}.dot.active{background:#fffc;border-color:#fff9;transform:scale(1.3);box-shadow:0 0 10px #ffffff4d}#mute-btn{z-index:20;color:#fff9;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:fixed;bottom:3%;right:3%}#mute-btn:hover{color:#ffffffe6;background:#ffffff1a;border-color:#ffffff4d}#mute-btn:active{transform:scale(.9)}#credits-line{z-index:15;font-family:var(--font-mono);opacity:.15;letter-spacing:.1em;white-space:nowrap;font-size:.65rem;transition:opacity .4s;position:fixed;bottom:1%;left:50%;transform:translate(-50%)}@media (width<=768px){:root{--frame-width:260px;--strip-height:210px;--sprocket-h:14px}#film-info{padding:2.5rem 1rem .3rem}#film-info-title{font-size:clamp(1.8rem,8vw,2.8rem)}#film-info-meta{font-size:.65rem}#carousel-viewport{perspective:2000px;top:100%;transform:translateY(-50%)}.seg-frame{margin:2px 3px}.sp-hole{width:10px;height:7px}.nav-btn{width:36px;height:36px;font-size:1rem}#nav-prev{left:.5rem}#nav-next{right:.5rem}#dot-indicators{gap:8px;bottom:2%}.dot{width:6px;height:6px}#credits-line{font-size:.5rem}.hero-title{font-size:clamp(2rem,7vw,3rem)}#hero-overlay{padding:0 6%}}@media (width<=480px){:root{--frame-width:220px;--strip-height:180px;--sprocket-h:12px}#film-info{padding:1.5rem .8rem .2rem}.sp-hole{width:8px;height:5px}}