@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{font-family:Inter,Helvetica,Arial,sans-serif;color:#fff;background:#141b17;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{min-height:100svh}.window{position:fixed;inset:0;overflow:hidden;background:#141b17;touch-action:pan-y}#canvas,#canvas canvas{position:absolute;inset:0;width:100%;height:100%}.window:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0006);pointer-events:none}header{position:absolute;z-index:2;top:27px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{font-weight:800;font-size:15px;letter-spacing:-.7px;color:inherit;text-decoration:none;pointer-events:auto}#mode{font-size:9px;letter-spacing:1.2px}.editorial{position:absolute;z-index:2;bottom:50px;left:24px;right:30px;display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:end;pointer-events:none}h1{font-weight:900;font-size:clamp(64px,10.5vw,210px);line-height:.8;letter-spacing:-.055em;margin:0 0 0 -.015em;overflow-wrap:normal}.caption{max-width:390px;padding-bottom:3px}.caption p{font-size:12px;font-weight:600;line-height:1.45;margin:0 0 22px;max-width:340px}.caption a{font-size:9px;letter-spacing:.8px;color:#fff;text-decoration:none;pointer-events:auto}.controls{position:fixed;z-index:3;right:26px;top:70px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:480px}button{font:500 10px Inter,sans-serif;color:#fff;border:1px solid #ffffff55;background:#15201988;backdrop-filter:blur(12px);border-radius:3px;padding:10px 12px;cursor:pointer}button:hover{background:#ffffff25}button:disabled{opacity:.6;cursor:wait}label{font-size:9px;display:flex;gap:8px;align-items:center;padding:8px;background:#15201966;border-radius:3px}input{width:65px;accent-color:white}#status{width:100%;text-align:right;font-size:9px;line-height:1.5;max-width:330px;margin:2px 0;color:#ffffffb0;text-shadow:0 1px 6px #000}.loading{position:absolute;inset:0;display:grid;place-content:center;font-size:12px;z-index:1}#video{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid white;outline-offset:4px}@media(max-width:700px){header{top:22px;left:20px;right:20px}.controls{top:59px;right:20px;left:20px;max-width:none}.editorial{left:18px;right:18px;bottom:30px;grid-template-columns:1fr;gap:24px}h1{font-size:16vw;letter-spacing:-.065em}.caption{max-width:280px}.caption p{font-size:11px;margin-bottom:13px}#status{font-size:9px}}
header{text-shadow:0 1px 8px #0009}header:before{content:'';position:fixed;inset:0 0 auto;height:155px;background:linear-gradient(#0004,transparent);z-index:-1;pointer-events:none}
@media(max-width:700px){h1{font-size:12.7vw}}

h1{font-size:8.3vw;line-height:.84;letter-spacing:-.06em}.editorial{grid-template-columns:1.4fr 1fr}
@media(max-width:700px){h1{font-size:12.2vw}.editorial{grid-template-columns:1fr}}

.brand{font-size:16px;font-weight:600;letter-spacing:-.5px}.controls{max-width:600px}#camera-preview[hidden]{display:none}#camera-preview{position:fixed;z-index:4;top:160px;right:26px;width:300px;padding:12px;background:#101913e8;backdrop-filter:blur(16px);border:1px solid #ffffff40;border-radius:6px;box-shadow:0 8px 35px #0004}.preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:9px;letter-spacing:1.2px}.preview-heading button{padding:2px 7px;font-size:18px;line-height:1.2;border:0;background:none}#preview-canvas{display:block;width:100%;height:auto;border-radius:3px;background:#09100c}#preview-status{font-size:11px;margin:10px 0 5px}#camera-preview small{font-size:9px;color:#b6c1b8}#preview-toggle[aria-expanded="true"]{background:#e1efd6;color:#142010}@media(max-width:700px){#camera-preview{right:20px;top:195px;width:min(260px,calc(100vw - 40px))}.controls{max-width:none}.brand{font-size:14px}}

.scene-picker{background:#152019aa;padding:7px 9px;border:1px solid #ffffff55;gap:7px}select{font:500 10px Inter,sans-serif;color:white;background:#142019;border:0;padding:2px;max-width:140px}select:focus-visible{outline:2px solid white}.controls{max-width:760px}@media(max-width:700px){.controls{max-width:none}#camera-preview{top:225px}}

h1{letter-spacing:-.012em;font-size:7.8vw;line-height:.94}.brand{letter-spacing:.01em}select{max-width:155px}@media(max-width:700px){h1{font-size:12.2vw;letter-spacing:0;line-height:.96}}

/* Compact editorial title and a vertical control column. */
h1{font-size:5.4vw;line-height:1;letter-spacing:-.012em}.brand{font-size:14px}.controls{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;width:190px;max-width:190px;gap:7px;right:26px;left:auto}.controls button{width:100%;text-align:left;padding:11px 12px}.controls label{justify-content:space-between;padding:10px 12px}.controls .scene-picker{flex-direction:column;align-items:flex-start;gap:7px}.scene-picker select{width:100%;max-width:none;padding:4px 0}.controls #status{width:100%;max-width:none;text-align:left;margin-top:4px}.controls input{width:105px}#camera-preview{top:70px;right:234px;width:280px}
@media(max-width:700px){h1{font-size:9vw;letter-spacing:0;line-height:1}.brand{font-size:12px}.controls{width:160px;max-width:160px;top:60px;right:18px;left:auto;gap:5px}.controls button{padding:9px 10px}.controls label{padding:8px 10px}.controls input{width:85px}#camera-preview{top:395px;right:18px;width:240px;max-width:calc(100vw - 36px)}.editorial{gap:18px}}

.controls[hidden]{display:none}.menu-toggle{position:fixed;z-index:5;top:18px;right:26px;width:42px;height:38px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:#152019a8;border:1px solid #ffffff55;border-radius:4px}.menu-toggle span{width:20px;height:2px;background:white;display:block}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}#mode{margin-right:60px}.controls{top:68px}@media(max-width:700px){.menu-toggle{right:18px;top:14px}.controls{top:62px}#mode{font-size:8px;margin-right:49px;max-width:130px;text-align:right}}

header{justify-content:flex-end}

.editorial{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:18px}.caption{width:100%;max-width:420px;padding:0}.caption p{margin:0;max-width:420px;font-weight:500;line-height:1.6}.controls #scene-credit{font-size:8px;line-height:1.6;letter-spacing:.35px;color:#fff;text-decoration:none;overflow-wrap:anywhere;text-shadow:0 1px 5px #0008;padding:4px 0}#scene-credit[hidden]{display:none}@media(max-width:700px){.editorial{gap:14px}.caption{max-width:300px}.caption p{font-size:11px;max-width:300px;margin:0}}