@font-face{font-family:Outfit;src:url(../ui/outfit.ttf) format("truetype");font-style:normal;font-weight:300 600;font-display:swap}:root{color-scheme:dark;--paper:#f3f1ec;--ink:#070b16;--muted:#bac3d4;--gold:#e1b97f}*{box-sizing:border-box}body{margin:0;color:var(--paper);background:#030610;font-family:Outfit,Arial,sans-serif}body.ar{background:transparent}button,input,select{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.55}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}#scene,#dom_overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#dom_overlay{pointer-events:none}#intro{pointer-events:auto}#scene{display:block;touch-action:none}.stage{position:absolute;top:0;right:0;bottom:0;left:0;min-height:100svh;display:grid;place-items:center;overflow:hidden;isolation:isolate}.cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:#040813 url(../ui/cover.jpg) center 50% / cover no-repeat}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#04081380,#04081329 30%,#040813b3 49%,#0408138a 64%,#040813eb)}.title-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;transform:translateY(-12svh)}h1{font-size:clamp(3.5rem,10.5vw,10.5rem);line-height:1;letter-spacing:-.028em;font-weight:300;margin:0;display:grid;position:relative}h1 span{grid-area:1/1}.title-outline{color:transparent;-webkit-text-stroke:1.15px var(--paper)}.title-fill{animation:ink-in .95s cubic-bezier(.27,.71,.35,1) .24s both}@keyframes ink-in{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0 0 0)}}.partner-lockup{position:absolute;bottom:max(30px,calc(env(safe-area-inset-bottom) + 16px));display:flex;align-items:center;gap:14px;color:var(--paper);font-size:1rem}.photon-logo{width:102px;height:auto}.noware-logo{width:87px;height:auto}.cta{display:inline-grid;place-items:center;min-width:190px;min-height:48px;border:0;background:var(--paper);color:var(--ink);border-radius:999px;padding:13px 28px;font-weight:500;letter-spacing:.015em;text-decoration:none}.cta:hover{background:#fff}.intro-actions{position:absolute;bottom:max(140px,calc(env(safe-area-inset-bottom) + 115px));display:grid;justify-items:center;gap:9px;max-width:calc(100% - 40px);text-align:center}#status{font-size:.86rem;color:var(--muted);line-height:1.4;max-width:360px;margin:0;min-height:1.2em}#status:empty{display:none}.text-button{min-height:38px;border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:.88rem;color:var(--paper)}.camera-stage{pointer-events:none;background:transparent}.guide{pointer-events:auto;align-self:end;text-align:center;margin:0 18px max(60px,calc(env(safe-area-inset-bottom) + 35px));background:#f3f1ecf5;color:var(--ink);border:1px solid #e1b97f88;padding:22px 27px;border-radius:22px;width:min(calc(100% - 36px),390px)}.guide h2{margin:0 0 5px;font-size:1.58rem;font-weight:400}.guide p{margin:0 0 18px;color:#54545c;line-height:1.4}.guide-eyebrow{display:block;margin-bottom:10px;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:#886c48}.guide .cta{background:var(--ink);color:var(--paper)}.guide .text-button{color:var(--ink)}.sound-choice{font-size:.8rem;text-decoration:none;letter-spacing:.04em;opacity:.85}.guide .text-button{display:block;margin:8px auto 0}progress{display:block;width:100%;height:3px;margin:0 0 20px;accent-color:var(--gold);border:0;border-radius:2px;overflow:hidden}progress::-webkit-progress-bar{background:#ffffff24}progress::-webkit-progress-value{background:var(--gold)}.scene-header{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(26px,env(safe-area-inset-left));display:grid;gap:8px;pointer-events:none}.scene-wordmark{font-size:clamp(1.4rem,4vw,2rem);font-weight:300;letter-spacing:.06em}#scene-note{color:var(--muted);font-size:.8rem;max-width:calc(100vw - 115px)}.control-dock{pointer-events:auto;position:absolute;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(54px,calc(env(safe-area-inset-bottom) + 28px));width:fit-content;max-width:calc(100vw - 28px);border:1px solid #ffffff26;border-radius:18px;background:#090e1df0;overflow:hidden}.look-picker{padding:12px 14px;width:100%;max-height:55svh;overflow:auto;border-bottom:1px solid #ffffff21}.look-picker[open]{min-width:min(320px,calc(100vw - 28px))}.look-picker summary{position:sticky;top:-12px;z-index:1;background:#090e1d;padding:12px 14px;margin:-12px -14px 6px;cursor:pointer;min-height:25px;color:var(--gold);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;list-style:none}.look-picker summary:after{content:"+";float:right}.look-picker[open] summary:after{content:"−"}.look-picker select{width:100%;min-height:44px;margin-top:8px;padding:3px 8px;border:1px solid #ffffff36;border-radius:7px;background:#111b33;color:var(--paper);font-size:.9rem}#scene-description{margin:7px 1px;color:var(--muted);font-size:.76rem;line-height:1.35}.daylight{display:flex;align-items:center;gap:8px;min-height:38px;font-size:.8rem}.daylight input{accent-color:var(--gold);width:18px;height:18px}.tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;width:fit-content;max-width:min(560px,calc(100vw - 28px));padding:11px 12px}.tools button{min-height:41px;border:1px solid #ffffff30;background:#111a2d;border-radius:99px;padding:0 13px;white-space:nowrap}.tools button[aria-pressed=true]{border-color:#caa677;color:#f7d6a8}#live-light:disabled{cursor:default}.light-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.85rem;min-height:41px}.light-label output{min-width:35px}input[type=range]{width:clamp(77px,13vw,135px);accent-color:var(--gold)}#light-status,#sound-status{flex-basis:100%;margin:0;color:var(--muted);font-size:.8rem}#light-status:empty,#sound-status:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (max-height:520px){.intro-actions{bottom:80px;gap:2px}.title-wrap{transform:translateY(-13svh)}.control-dock{bottom:14px}.partner-lockup{bottom:18px}.guide{padding:12px 24px;margin-bottom:10px}.guide p{margin-bottom:8px}}@media (prefers-reduced-motion:reduce){.title-fill{animation:none}}.colour-label{display:block;margin-top:7px;font-size:.76rem;color:var(--muted)}.colour-times{display:flex;gap:12px;margin:10px 0 0;font-size:.75rem;color:var(--muted)}.colour-times label{display:grid;gap:5px;flex:1}.colour-times input{min-width:0;width:100%;height:38px;color:var(--paper);background:#111b33;border:1px solid #ffffff36;border-radius:7px;padding:5px}.colour-note{font-size:.73rem;color:var(--muted);line-height:1.4;margin:9px 0 2px}.stage{grid-template-columns:minmax(0,1fr);min-width:0}.guide{min-width:0;justify-self:center;margin-inline:0}.guide .cta{min-width:0;width:100%;padding-inline:18px}.guide progress::-webkit-progress-bar{background:#0a0c121c}.trail-settings{margin:12px 0;padding:10px 12px 11px;border:1px solid #e1b97f30;border-radius:12px;background:#e1b97f06}.trail-settings .colour-label{margin-top:0;color:var(--gold);letter-spacing:.04em}
