*{box-sizing:border-box}body{margin:0;background:#07070a;color:#f6f3f1;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.lab{position:relative;width:100%;height:100svh;min-height:620px;overflow:hidden}.cinema-stage,.cinema-canvas{position:absolute;inset:0}.cinema-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.cinema-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}.cinema-ready .cinema-poster{display:none}.lab-header{position:absolute;top:28px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;gap:25px;z-index:3;font-size:10px;letter-spacing:1px}.wordmark{font-weight:800}.wordmark span{color:#ff2445;padding:0 8px}.back{border:1px solid #ffffff55;padding:12px 16px;background:#08080b66;font-size:10px}.lab-copy{position:absolute;left:5%;top:24%;width:350px;pointer-events:none;z-index:2;transition:opacity .2s}.eyebrow{font:9px/1.7 monospace;letter-spacing:2px;color:#ff637b}h1{font-size:clamp(65px,7vw,110px);font-weight:850;line-height:.9;letter-spacing:-5px;margin:25px 0}h1 em{font-style:normal;color:#ff2445}.lab-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#b8b8c5}.lab-copy .demo-note{font-size:10px!important;color:#858591!important;margin-top:25px}.interface-toggle{position:absolute;right:4%;top:100px;z-index:3;background:#0b0b1099;color:#eee;border:1px solid #ffffff44;padding:10px 14px;font-size:10px}.hide-copy .lab-copy{opacity:0;visibility:hidden}.lab-footer{position:absolute;bottom:40px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:end;gap:30px;z-index:3;pointer-events:none}.lab-footer p,.lab-footer button{pointer-events:auto}.cinema-status{font:9px/1.8 monospace;letter-spacing:1px;max-width:400px;color:#c0bec9;background:#08080b88;padding:10px}.scene-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:end}.scene-buttons button{border:1px solid #ffffff55;background:#08080b88;color:#f2f1f7;font:10px monospace;padding:13px 17px;white-space:nowrap}.scene-buttons button:hover,.back:hover{background:#ff2445;color:#fff}.keyboard-note{position:absolute;bottom:7px;left:4%;font:8px monospace;letter-spacing:1px;color:#6e6c7c;z-index:2;pointer-events:none}a:focus-visible,button:focus-visible,canvas:focus-visible{outline:2px solid #ff647f;outline-offset:4px}.cinema-fallback .cinema-canvas{display:none}@media(max-width:700px){.lab{min-height:700px}.lab-header{top:20px;gap:15px;font-size:8px}.wordmark{max-width:170px;line-height:1.8}.wordmark span{padding:0 3px}.back{font-size:8px;padding:10px}.lab-copy{left:6%;top:16%;width:230px}.eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:60px;letter-spacing:-3px;margin:18px 0}.lab-copy>p:not(.eyebrow){font-size:10px}.lab-copy .demo-note{font-size:9px!important;margin-top:13px}.interface-toggle{top:87px;font-size:8px}.lab-footer{bottom:40px;display:block;left:6%;right:6%}.cinema-status{font-size:8px;margin:0 0 12px;padding:5px}.scene-buttons{justify-content:start;gap:7px}.scene-buttons button{padding:12px;font-size:9px}.keyboard-note{font-size:6px;left:6%;bottom:12px}}@media(prefers-reduced-motion:reduce){.lab-copy{transition:none}}

h1 small{display:block;font:10px/1.6 monospace;letter-spacing:3px;color:#ddd8e4;margin-top:20px}.lab-copy{background:linear-gradient(90deg,#07070aaa,#07070a00);padding:12px 0;text-shadow:0 2px 12px #000}.lab-copy>p:not(.eyebrow){color:#e0dde8}.lab-copy .demo-note{color:#bbb6c7!important}@media(max-width:700px){h1 small{font-size:8px;letter-spacing:2px;margin-top:15px}.lab-copy{width:235px}.lab-copy .demo-note{max-width:170px}}
