:root{--ink: #e8eef4;--dim: rgba(232, 238, 244, .55);--line: rgba(232, 238, 244, .18);--serif: "Cormorant Garamond", Georgia, serif;--sans: "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:#000;color:var(--ink);font-family:var(--sans)}canvas#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#fade{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}#intro{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px;background:radial-gradient(ellipse at 50% 60%,#00000040,#000000d1 70%);opacity:0;transition:opacity 2.4s ease}body.ready #intro{opacity:1}#intro.gone{opacity:0!important;pointer-events:none}.kicker{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--dim)}h1{font-family:var(--serif);font-weight:300;font-size:clamp(72px,16vw,168px);letter-spacing:.06em;line-height:1;margin:18px 0 10px}.sub{font-family:var(--serif);font-style:italic;font-size:clamp(18px,2.4vw,24px);color:var(--dim);max-width:32ch}.hint{margin-top:36px;font-size:12px;color:var(--dim);letter-spacing:.08em}.modes{display:flex;gap:12px;margin-top:48px;flex-wrap:wrap;justify-content:center}.modes button{display:flex;flex-direction:column;gap:6px;align-items:center;min-width:150px;padding:18px 22px;border:1px solid var(--line);border-radius:2px;background:#0a0e1459;backdrop-filter:blur(6px);transition:border-color .4s,background .4s}.modes button:hover{border-color:#e8eef480;background:#1e283466}.modes button b{font-family:var(--serif);font-weight:400;font-size:26px;letter-spacing:.04em}.modes button span{font-size:12px;color:var(--dim)}#hud{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity 2s ease 1s}body.inside #hud{opacity:1}body.clean #hud{opacity:0}#caption{position:absolute;left:0;right:0;bottom:92px;text-align:center;padding:0 16px;opacity:0;transform:translateY(6px);transition:opacity 1.6s ease,transform 1.6s ease}#caption.on{opacity:1;transform:none}#scene-name{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--dim)}#scene-line{font-family:var(--serif);font-style:italic;font-size:clamp(18px,2.2vw,26px);margin-top:8px;text-shadow:0 0 24px #000}.modes.small{position:absolute;bottom:24px;left:0;right:0;margin:0;gap:6px;pointer-events:auto}.modes.small button{flex-direction:row;min-width:0;padding:8px 14px;font-size:12px;letter-spacing:.06em;background:#0000004d}.modes.small button.on{border-color:#e8eef499}.looks{display:flex;gap:4px;margin-top:36px;justify-content:center}.looks button{padding:8px 16px;font-size:13px;letter-spacing:.12em;color:var(--dim);border-bottom:1px solid transparent;transition:color .3s,border-color .3s}.looks button:hover{color:var(--ink)}.looks button.on{color:var(--ink);border-bottom-color:#e8eef499}.modes.small .look-btn:first-of-type{margin-left:12px}body[data-look=printed] .projection-only{display:none}#mute.on{color:var(--dim);text-decoration:line-through}kbd{font:inherit;font-size:10px;color:var(--dim);border:1px solid var(--line);padding:1px 5px;border-radius:2px}.keys{position:absolute;top:20px;left:0;right:0;text-align:center;font-size:11px;color:var(--dim);letter-spacing:.08em;transition:opacity 1s;padding:0 16px}body.locked .keys{opacity:0}body:not([data-mode=walk]) .walk-only{display:none}@media(max-width:600px){.modes button{min-width:0;width:100%;max-width:320px}.keys{display:none}#caption{bottom:76px}.modes.small button kbd{display:none}}