@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap";.debug-active .camera{filter:grayscale(1);object-position:50% 50%}.debug-active .intro{opacity:.12;pointer-events:none}.hand-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:hidden}.hand-overlay line{stroke:#eff4f6;stroke-width:1.5;opacity:.8}.hand-overlay circle{fill:#fff;stroke:#182026;stroke-width:1}.hand-overlay text{fill:#fff;stroke:#10171c;stroke-width:2;paint-order:stroke;font:10px monospace}.experience .debug-panel{max-width:510px;max-height:calc(100svh - 190px);overflow:auto}.finger-table{overflow:auto}.finger-table table{width:100%;border-collapse:collapse;font-size:10px;margin:12px 0}.finger-table caption{text-align:left;color:#a7b8c0;margin-bottom:7px}.finger-table td,.finger-table th{padding:5px;text-align:right;border-bottom:1px solid #ffffff18;white-space:nowrap}.finger-table th:first-child{text-align:left}.finger-table small{display:block;font-weight:400}.diagnostic-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.diagnostic-controls label{display:flex;align-items:center;gap:7px}.diagnostic-controls button,.diagnostic-result button,.diagnostic-controls select{border:1px solid #7d939b50;background:#1a252b;color:#e5ecef;padding:7px;font:inherit}.diagnostic-controls button:disabled{opacity:.4}.diagnostic-result{border-top:1px solid #78929c50;margin-top:12px;padding-top:12px}@media(max-width:760px){.experience .debug-panel{right:20px;top:75px;max-height:calc(100svh - 220px)}}.debug-panel{position:absolute;right:5%;top:100px;max-width:360px;width:calc(100% - 40px);background:#0b1013ee;border:1px solid #84969e40;padding:18px;font:11px/1.6 monospace;z-index:5}.debug-heading{display:flex;justify-content:space-between;letter-spacing:2px}.debug-heading button{border:0;background:none;font-size:18px}.debug-panel dl{display:grid;grid-template-columns:auto 1fr;gap:8px 15px}.debug-panel dt{color:#889ba5}.debug-panel dd{margin:0;overflow-wrap:anywhere;text-align:right}.debug-panel p{color:#d5b9a0;overflow-wrap:anywhere}.debug-panel small{color:#889ba5}.palm-marker{position:absolute;pointer-events:none;width:30px;height:30px;transform:translate(-50%,-50%);border:1px solid #d5e1e5;border-radius:50%;z-index:4}.tracking-status{max-width:330px}.settings{flex-wrap:wrap}:root{font-family:DM Sans,sans-serif;color:#dbe0e2;background:#080b0d;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #d7e4ec;outline-offset:6px}button:disabled{cursor:default}.experience{position:relative;width:100%;height:100svh;min-height:650px;overflow:hidden;background:#080b0d}.camera,.rain,.atmosphere,.vignette{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.camera{object-fit:cover;transform:scaleX(-1);filter:grayscale(1);opacity:0;transition:opacity 1.5s}.camera-live .camera{opacity:1}.atmosphere{background:radial-gradient(ellipse at 76% 36%,#72808d21,transparent 55%),linear-gradient(110deg,#080b0d75,transparent 70%)}.rain{opacity:.85}.vignette{background:radial-gradient(ellipse at 55% 43%,transparent 20%,#05070966 100%),linear-gradient(0deg,#07090cec,transparent 35%,transparent 80%,#080b0d66)}header,footer{position:absolute;left:4.2%;right:4.2%;display:flex;align-items:center;justify-content:space-between}header{top:34px}.wordmark{text-decoration:none;color:#ebeeee;font-weight:600;letter-spacing:-1px;font-size:23px}.wordmark span{font-size:10px;font-weight:400;letter-spacing:2px;margin-left:14px;color:#80898e}.edition,.eyebrow,.side-note,.telemetry{font-size:10px;letter-spacing:2px}.edition{color:#8c969c}.text-button{background:none;border:0;font-size:12px}.text-button span{margin-left:14px;color:#859096}.intro{position:absolute;left:10.5%;top:23%}.eyebrow{color:#8e9ba1;display:flex;align-items:center;gap:12px}.eyebrow i,.telemetry i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a8bcc6}.intro h1{font-family:Manrope,sans-serif;font-size:clamp(60px,7.9vw,122px);letter-spacing:-.075em;font-weight:500;line-height:1.06;margin:27px 0 25px;color:#e0e5e6}.intro h1 em{font-style:normal;color:#a7b0b5}.intro p{font-size:14px;line-height:1.8;color:#929da3}.side-note{position:absolute;right:4.2%;top:42%;writing-mode:vertical-rl;font-size:9px;letter-spacing:2.5px;color:#6d7a82}.controls{position:absolute;left:10.5%;bottom:14%;right:10.5%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.start{border:1px solid #c7d1d347;background:#cbd5dc0a;border-radius:2px;padding:15px 20px;display:flex;gap:28px;align-items:center;font-size:12px;min-width:215px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.start:hover{background:#cbd5dc18}.start>span:last-child{margin-left:auto;color:#87979f}.camera-icon{font-size:14px;color:#c5d0d5}.camera-control p{font-size:10px;color:#727f87;margin:12px 0 0}.mode-controls{display:flex;gap:6px}.mode-controls button{border:1px solid transparent;background:none;padding:12px 16px;font-size:12px;color:#77858c}.mode-controls .selected{color:#e0e5e6;border-color:#afbec533;background:#cbd5dc09}.mode-controls kbd{font-family:inherit;font-size:10px;border:1px solid #a9b6bc38;border-radius:3px;padding:3px 6px;margin-right:12px;color:#a4b1b8}.mode-description{grid-column:2;margin:-14px 0 0;text-align:right;font-size:11px;color:#7e8b93}footer{bottom:28px;border-top:1px solid #aebbc019;padding-top:21px}.telemetry{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.4px;color:#9daab0}.telemetry span{margin-left:15px;color:#5d6d76}.settings{display:flex;gap:30px}.settings button{background:none;border:0;font-size:10px;color:#8a989f}.settings span{margin-left:8px}.error{position:absolute;bottom:90px;left:10%;color:#dcc9b7;font-size:12px}.ended{height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center}.ended h1{font-weight:400;font-size:clamp(32px,5vw,65px);letter-spacing:-2px}.ended p{color:#839198;font-size:13px}.ended button{background:transparent;border:1px solid #66747b;padding:14px 24px;margin-top:24px}.ended button span{margin-left:25px}@media(max-width:760px){.experience{min-height:720px}header{top:24px}.edition{display:none}.intro{left:8%;top:22%}.intro h1{font-size:clamp(58px,13vw,95px)}.controls{left:8%;right:8%;bottom:17%;grid-template-columns:1fr;gap:25px}.mode-controls{grid-row:2;justify-content:space-between}.mode-controls button{padding:10px}.mode-description{grid-column:1;text-align:left;margin:-14px 0 0}.side-note{display:none}footer{align-items:flex-start;gap:15px;flex-direction:column;bottom:20px}.telemetry{font-size:8px;gap:8px}.telemetry span{margin-left:5px}.settings{width:100%;justify-content:space-between}}.camera{object-position:center}.mask-preview{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.experience header,.experience footer,.experience .controls{z-index:4}.segmentation-debug{position:absolute;left:4.2%;top:100px;width:280px;padding:16px;background:#0b1013ee;border:1px solid #84969e40;z-index:5;font:11px/1.6 monospace}.segmentation-debug select{max-width:170px;background:#1a252b;color:#e5ecef;padding:5px}.segmentation-debug p{overflow-wrap:anywhere}.segmentation-debug small{color:#889ba5}.seg-error{position:absolute;bottom:105px;left:4%;right:4%;font:11px monospace;z-index:5;color:#dcc9b7}.settings{gap:16px;justify-content:flex-end}footer{gap:20px}.telemetry{flex-shrink:0}@media(max-width:1000px){.segmentation-debug{top:auto;bottom:190px;width:250px}.settings{gap:12px}}.occlusion-debug{position:absolute;left:4.2%;top:100px;width:300px;padding:16px;background:#0b1013ee;border:1px solid #84969e40;z-index:5;font:11px/1.6 monospace}.occlusion-debug select{max-width:250px;background:#1a252b;color:#e5ecef;padding:5px}.occlusion-debug small{color:#889ba5}@media(max-width:1000px){.occlusion-debug{top:auto;bottom:190px;width:250px}}.experience{isolation:isolate}.rain{mix-blend-mode:plus-lighter}[hidden]{display:none!important}.experience{min-height:0;animation:arrive .35s ease both;transition:opacity .35s ease}.experience.exiting{opacity:0;pointer-events:none}.experience header{top:24px}.work-title{font-size:12px;font-weight:400;letter-spacing:3px}.experience nav{display:flex;gap:20px}.experience button{min-height:44px}.audience-guide{position:absolute;left:4.2%;bottom:142px;font-size:12px;line-height:1.8;color:#aab0b3;z-index:4;pointer-events:none}.audience-guide span{font-size:10px;color:#7c858a}.experience .controls{left:4.2%;right:4.2%;bottom:26px;display:block;pointer-events:none}.camera-control{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.camera-control button{pointer-events:auto}.camera-control .start{min-width:170px;padding:10px 16px;gap:14px}.sound-control{border:1px solid #ffffff26;background:#111518aa;padding:10px 20px;font-size:12px}.camera-control p{flex-basis:100%;margin:0;font-size:10px}.camera-control .tracking-status{display:none}.studio .tracking-status{display:block}.studio .controls{bottom:160px}.studio .audience-guide{bottom:290px}.studio .mode-controls{pointer-events:auto;margin-top:12px}.studio .mode-description{text-align:left;margin:8px 0 0}.studio footer{align-items:flex-start;flex-direction:column;gap:8px;padding-top:8px;bottom:16px}.studio .settings{gap:6px 18px;justify-content:flex-start}.studio .settings button{padding:0;min-height:32px}.studio .debug-panel{max-height:calc(100svh - 300px);top:80px}.opening,.ended{min-height:100svh;padding:40px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 70% 35%,#1c2025,#080b0d 65%)}.opening h1{font-size:clamp(44px,8vw,100px);font-weight:400;letter-spacing:-.05em;line-height:1.05;margin:30px 0 20px}.opening p{font-size:13px;color:#a0a7ac;font-weight:400}.opening-guide{margin:24px 0}.opening-guide p{margin:8px}.opening button{background:#ffffff06;border:1px solid #ffffff30;padding:16px 28px;min-height:48px;font-size:12px}.opening button span{margin-left:25px}.opening small{font-size:10px;line-height:1.8;color:#707b82;margin-top:24px}.error,.seg-error{bottom:120px;z-index:6;max-width:440px}.studio .error,.studio .seg-error{bottom:270px}@keyframes arrive{0%{opacity:0}to{opacity:1}}@media(max-width:760px){.work-title{font-size:10px;letter-spacing:2px}.experience nav{gap:10px}.studio .controls{bottom:230px}.studio .audience-guide{display:none}.studio .debug-panel{max-height:calc(100svh - 340px);top:80px}.studio footer{gap:6px}.studio .telemetry{flex-wrap:wrap}.studio .settings{gap:2px 14px}.audience-guide{bottom:165px;right:6%;font-size:11px}.audience-guide span{font-size:9px}.camera-control p{max-width:90vw}.segmentation-debug,.occlusion-debug{top:80px;bottom:auto;max-height:calc(100svh - 320px);overflow:auto}.experience .controls{left:5%;right:5%}.experience .mode-controls{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.experience{animation:none;transition:none}.camera{transition:none}*{scroll-behavior:auto}}.audience-guide small{display:block;font-size:10px;color:#7c858a}.audience .tracking-status.notice{display:block}.studio footer:not([hidden]),.debug-panel,.segmentation-debug,.occlusion-debug{animation:arrive .2s ease}.camera-control button:hover,.opening button:hover{background:#ffffff12}@media(max-width:760px){.studio .settings button{min-height:44px}}@media(prefers-reduced-motion:reduce){.studio footer,.debug-panel,.segmentation-debug,.occlusion-debug{animation:none}}.experience button{min-width:44px}.visual-study{display:flex;align-items:center;gap:10px;font-size:10px;color:#a5afb4;pointer-events:auto;min-height:44px}.visual-study select{font:inherit;background:#101416;color:#dbe0e2;border:1px solid #ffffff30;padding:8px;min-height:44px;max-width:200px}@media(max-width:760px){.studio .controls{bottom:285px}.visual-study{flex-basis:100%}}.studio .audience-guide{display:none}.frozen-study .rain{z-index:1}.perspective-debug{position:absolute;top:84px;right:4.2%;width:340px;max-height:calc(100svh - 220px);overflow:auto;background:#0b1013ed;border:1px solid #84969e40;padding:16px;font:11px/1.6 monospace;z-index:5}.perspective-debug label{display:flex;align-items:center;gap:8px;margin:12px 0}.perspective-debug input[type=range]{width:140px;min-height:44px}.perspective-debug table{width:100%;font-size:10px;text-align:left}.perspective-debug caption{color:#9aaab3;text-align:left;margin-bottom:8px}.perspective-debug td,.perspective-debug th{padding:6px 2px}.perspective-debug small{display:block;margin-top:12px;color:#9aaab3}@media(max-width:760px){.perspective-debug{left:5%;right:5%;width:90%;max-height:calc(100svh - 620px);min-height:120px}.studio .controls{bottom:330px}}.perspective-debug .debug-heading{position:sticky;top:0;background:#0b1013;z-index:1}.experience.look-natural .camera{filter:none}.experience.look-monochrome .camera,.experience.look-cinematic .camera{filter:grayscale(1)}.camera-look-layer{position:absolute;pointer-events:none;z-index:0;transform:scaleX(-1);opacity:0;transition:opacity .18s ease;image-rendering:auto}@media(prefers-reduced-motion:reduce){.camera-look-layer{transition:none}}.camera{mix-blend-mode:normal;z-index:0}.camera-live .atmosphere,.camera-live .vignette{display:none}.camera-live .rain{z-index:1;background:transparent}.camera-composite-debug .hand-overlay,.camera-composite-debug .mask-preview,.camera-composite-debug .palm-marker,.camera-composite-debug .perspective-debug,.camera-composite-debug .debug-panel,.camera-composite-debug .occlusion-debug,.camera-composite-debug .segmentation-debug{visibility:hidden}.camera-composite-debug.camera-raw .camera{filter:none}.camera-composite-debug.camera-raw .rain,.camera-composite-debug.camera-styled .rain{visibility:hidden}.camera-composite-debug .atmosphere,.camera-composite-debug .vignette{display:none}.camera-composite-panel{position:absolute;right:4.2%;top:84px;width:360px;max-height:calc(100svh - 220px);overflow:auto;z-index:6;background:#0b1013ed;border:1px solid #84969e40;padding:16px;font:11px/1.6 monospace}.camera-composite-panel .debug-heading{position:sticky;top:0;background:#0b1013}.camera-composite-panel select,.camera-composite-panel>button{min-height:44px;background:#111518;border:1px solid #ffffff30;color:inherit;font:inherit;padding:6px}.camera-composite-panel table{width:100%;font-size:10px;border-collapse:collapse}.camera-composite-panel th,.camera-composite-panel td{padding:6px 2px;text-align:right}.camera-composite-panel th:first-child,.camera-composite-panel td:first-child{text-align:left}.camera-composite-panel caption{margin-top:12px;text-align:left;color:#9aaab3}.camera-composite-panel small{color:#9aaab3;display:block;margin-top:12px}@media(max-width:760px){.camera-composite-panel{left:5%;right:5%;width:90%;max-height:calc(100svh - 620px);min-height:100px}.studio .controls{bottom:330px}}.speed-controls{display:flex;align-items:center;gap:10px;font-size:11px;color:#b8c0c4;pointer-events:auto}.studio .speed-controls button{min-width:36px;min-height:44px;border:1px solid #ffffff25}.speed-controls button:disabled{opacity:.35}.speed-controls small{color:#88959c}.speed-controls{position:absolute;top:76px;left:4.2%;z-index:6;padding:4px 8px;background:#0b1013dd;border:1px solid #ffffff20}.speed-controls button{min-width:36px;min-height:44px;border:1px solid #ffffff25;background:transparent}.speed-controls select{min-height:44px;max-width:140px;background:#101416;color:#dbe0e2;border:1px solid #ffffff30;font:inherit;padding:6px}.dolly-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.dolly-actions button{font:inherit;background:#101416;color:#dbe0e2;border:1px solid #ffffff30;padding:8px;min-height:44px}.dolly-actions button:disabled{opacity:.4}.camera-display{position:absolute;inset:0;transform:scale(var(--camera-zoom,1));transform-origin:center;pointer-events:none}.hand-overlay,.mask-preview{transform:scale(var(--camera-zoom,1));transform-origin:center}.reveal-controls{border:1px solid #ffffff25;margin:12px 0;padding:10px}.reveal-controls button{background:#111518;border:1px solid #ffffff30;color:inherit}.camera-composite-debug.camera-raw .camera-display{transform:none}.palm-display{position:absolute;inset:0;transform:scale(var(--camera-zoom,1));transform-origin:center;pointer-events:none;z-index:3}.studio .preset-note{font-size:10px;line-height:1.5;color:#8c999f;max-width:240px}.exhibition-landing{background:#080b0d;transition:opacity .22s ease}.exhibition-landing.leaving{opacity:0}.exhibition-landing h1{font-weight:300;letter-spacing:-.06em}.exhibition-landing>button{margin:36px 0 6px;font-size:11px;letter-spacing:2px;min-width:230px}.exhibition-landing .eyebrow{font-size:9px;letter-spacing:3px}.mobile-note{display:none}.audience .experience-heading{pointer-events:none;opacity:.55}.audience-chrome{position:absolute;top:22px;right:4.2%;z-index:8;display:flex;gap:20px;transition:opacity .35s ease}.audience-chrome.is-quiet{opacity:.18}.audience-chrome:focus-within,.audience-chrome:hover{opacity:1}.audience-chrome button{background:none;border:0;padding:6px;font-size:10px;letter-spacing:1.5px;min-height:44px}.permission-card,.experience-help,.gesture-onboarding{position:absolute;left:4.2%;bottom:7%;z-index:7;width:min(370px,91.6%);font-size:12px;line-height:1.7}.permission-card{padding:20px;background:#0b1013e8;border:1px solid #ffffff20;animation:arrive .3s ease}.permission-card h2{font-weight:400;font-size:18px;margin:0 0 12px}.permission-card p{color:#a6afb4;margin:0 0 16px}.permission-card>div{display:flex;flex-wrap:wrap;gap:8px}.permission-card button,.experience-help button{background:transparent;border:1px solid #ffffff25;min-height:44px;padding:8px 12px;font:inherit}.permission-card small,.experience-help small{font-size:10px;color:#89969d}.permission-card>small{display:block;margin-top:14px}.gesture-onboarding{pointer-events:none;animation:arrive .4s ease;width:280px}.gesture-onboarding>button{pointer-events:auto;position:absolute;right:0;top:-10px;background:none;border:0;font-size:20px;color:#9aa6ac;min-width:44px;min-height:44px}.gesture-lines p{margin:12px 0}.gesture-lines span{display:block;font-size:11px;letter-spacing:1.3px;color:#d3dadc}.gesture-lines small{display:block;font-size:9px;letter-spacing:1.3px;color:#8e9ca3}.experience-help{background:#0b1013f2;border:1px solid #ffffff20;padding:18px 22px;max-height:calc(100svh - 120px);overflow:auto;animation:arrive .2s ease}.help-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px}.experience-help .help-heading button{border:0;font-size:20px;padding:0}.help-keyboard{font-size:10px;color:#9ba7af;line-height:1.8}.experience-help details{border-top:1px solid #ffffff20;margin-top:16px;padding-top:12px}.experience-help summary{cursor:pointer;min-height:44px;padding:8px 0}.help-tools{display:flex;justify-content:space-between;gap:8px;margin-top:14px}.speed-choice label{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.speed-choice select{background:#101416;color:#dbe0e2;border:1px solid #ffffff30;min-height:44px;padding:6px;font:inherit}.speed-row{display:flex;gap:8px;align-items:center}.speed-row label{display:flex;align-items:center;gap:8px;min-width:190px}.studio .speed-controls{flex-wrap:wrap;max-width:min(850px,90%)}.audience-notice{position:absolute;bottom:20px;left:4.2%;right:4.2%;font-size:10px;color:#9ba7af;z-index:6;pointer-events:none}.audience .error{bottom:24px}.audience .work-title{font-size:10px;letter-spacing:2px}@media(max-width:760px){.mobile-note{display:block!important}.exhibition-landing .mobile-note{max-width:260px}.audience .work-title{font-size:8px;letter-spacing:1px}.audience-chrome{right:4%;gap:6px;top:16px}.audience-chrome button{font-size:9px;letter-spacing:.5px}.permission-card,.experience-help,.gesture-onboarding{bottom:25px}.experience-help{max-height:calc(100svh - 110px)}.studio .speed-controls{position:relative;top:74px;left:5%;max-width:90%;gap:8px}.speed-row label{min-width:150px}.speed-controls small{font-size:9px}.experience-help .mobile-note{margin-top:10px}}@media(prefers-reduced-motion:reduce){.exhibition-landing,.audience-chrome{transition:none}.permission-card,.gesture-onboarding,.experience-help{animation:none}}@keyframes guideLifetime{0%{opacity:0}6%,88%{opacity:1}to{opacity:0}}.gesture-onboarding{animation:guideLifetime 8.5s ease both}select:focus-visible,summary:focus-visible{outline:1px solid #dae1e5;outline-offset:4px}@media(prefers-reduced-motion:reduce){.gesture-onboarding{animation:none}}.audience-chrome button{text-transform:uppercase}.experience.audience{min-height:0}
