@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@300;400;500;600&display=swap";:root{font-family:DM Sans,sans-serif;color:#e5e5dc;background:#080b0d;font-synthesis:none;color-scheme:dark;-webkit-font-smoothing:antialiased;--accent: #d2c29e;--muted: #89918e}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-width:0;height:100%}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;touch-action:manipulation;cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:1px solid var(--accent);outline-offset:5px}a{color:inherit;text-decoration:none}button{border:0;color:inherit;background:none}.exhibit{height:100svh;min-height:780px;position:relative;overflow:hidden;background:#080b0d}.studio-background{position:absolute;inset:0;background:radial-gradient(ellipse at 54% 38%,#202729,#111718 29%,#080b0d 70%)}.scene{position:absolute;inset:0;opacity:0;transition:opacity 1.3s}.scene.is-ready{opacity:1}.studio-canvas{width:100%;height:100%}.masthead{position:absolute;left:46px;right:46px;top:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:3}.wordmark{display:flex;align-items:center;gap:11px;font-size:14px;letter-spacing:.18em;font-weight:500}.wordmark svg{width:28px;height:28px;stroke:#b5bdb6;stroke-width:1;fill:none}.masthead-caption{position:absolute;left:50%;transform:translate(-50%);font-size:12px;letter-spacing:.22em;color:#838e8a}.view-navigation{display:flex;gap:26px}.view-navigation button{font-size:14px;color:#8d9793;padding:12px 0;border-bottom:1px solid transparent}.view-navigation button[aria-pressed=true]{color:#e6d8b7;border-color:#9c8d6c}.view-navigation button:hover{color:#f2e9d4}.intro{position:absolute;top:24%;left:6.5%;max-width:285px;z-index:2;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:.18em;line-height:1.5;margin:0 0 20px;color:#94a19a}.intro h1{font-family:Manrope,sans-serif;font-weight:300;font-size:clamp(32px,3vw,46px);letter-spacing:-.045em;line-height:1.18;margin:0;color:#dfe3d9}.intro-caption{font-size:14px;line-height:1.75;color:#929e98;max-width:240px;margin:23px 0 0}.text-action{display:flex;align-items:center;gap:30px;padding:13px 0;border-bottom:1px solid #706e5b;margin-top:22px;font-size:14px;color:#ddcfac;pointer-events:auto}.text-action span{font-size:20px}.text-action:hover{color:#fff1cb;border-color:#d2c29e}.object-note{position:absolute;right:5%;top:42%;z-index:2;max-width:220px}.note-rule{display:block;width:25px;height:1px;background:#78867c;margin-bottom:15px}.object-note p{font-size:14px;letter-spacing:.04em;color:#bbc0b4;margin:0 0 10px}.object-note>span:last-of-type{font-size:12px;letter-spacing:.13em;color:#79877e}.text-action.small{font-size:13px;margin-top:19px;gap:25px}.camera-console{position:absolute;bottom:64px;left:50%;transform:translate(-50%);width:min(650px,calc(100% - 64px));z-index:3}.parameter-tabs{display:flex;border-bottom:1px solid #56625a55;margin-bottom:16px}.parameter-tabs button{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0 0 15px;border-bottom:1px solid transparent;color:#7b8980;text-align:left}.parameter-tabs button+button{padding-left:28px}.parameter-tabs button[aria-pressed=true]{color:#e3d5b5;border-bottom-color:#bca77e}.parameter-name{font-size:12px;text-transform:uppercase;letter-spacing:.15em}.parameter-value{font-family:Manrope,sans-serif;font-size:27px;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.parameter-value i{font-family:Georgia,serif}.parameter-value small{margin-left:4px;font-size:15px;color:#919d94;letter-spacing:0}.control-heading{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:20px;margin-bottom:6px}.control-description{font-size:14px;line-height:1.5;margin:0;color:#b8c1b4}.control-unit{font-size:12px;color:#6f8074;letter-spacing:.12em}.console-action{font-size:13px;color:#d1c6a8;padding:10px 0;white-space:nowrap}.capture-button{padding:11px 17px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;white-space:nowrap;background:#d5c7a5;color:#181f1c;border-radius:2px;min-width:116px}.capture-button:hover{background:#e8dbb8}.capture-symbol{width:12px;height:12px;border:1px solid currentColor;border-radius:50%;box-shadow:inset 0 0 0 2px #d5c7a5;background:currentColor}.capture-symbol.is-live{border-radius:0;background:none;box-shadow:none}.range-wrap{position:relative;height:29px;display:flex;align-items:center}.range-track{position:absolute;left:0;right:0;height:1px;background:#47544b;pointer-events:none}.range-track div{height:1px;background:#c9b88f;transition:width .2s}input[type=range]{appearance:none;-webkit-appearance:none;position:absolute;margin:0;background:transparent;width:calc(100% + 14px);left:-7px;height:36px;cursor:ew-resize;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:1px;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-6px;border-radius:50%;border:0;background:#ddd0ab;box-shadow:0 0 0 5px #d3c1990a}input[type=range]::-moz-range-track{height:1px;background:transparent}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#ddd0ab}.stop-labels{display:flex;justify-content:space-between;margin:0 -23px}.stop-labels button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 0 8px;width:46px;min-height:39px;color:#809084;font-size:12px;line-height:1.3;white-space:nowrap}.stop-labels button.active{color:#e5d6b3}.stop-labels button:hover{color:#f0e4c7}.stop-tick{width:1px;height:5px;background:#5c6a60}.active .stop-tick{background:#c7b78f}.scale-captions{display:flex;justify-content:space-between;margin-top:3px;color:#708175;font-size:12px;letter-spacing:.1em}.console-foot{display:flex;align-items:center;gap:18px;min-height:40px;margin-top:16px;border-top:1px solid #4e5b4f40;padding-top:13px}.console-foot p{font-size:12px;line-height:1.5;margin:0;color:#819086}.mode-control{display:flex;gap:14px;flex-shrink:0}.mode-control button{font-size:12px;padding:5px 0;color:#718176;border-bottom:1px solid transparent}.mode-control button[aria-pressed=true]{color:#d1c5a6;border-color:#9e906b}.ev-readout{font-size:12px;white-space:nowrap;margin-left:auto;color:#d0c09e;font-variant-numeric:tabular-nums}.exhibit-footer{position:absolute;bottom:24px;left:46px;right:46px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.13em;color:#5e7163;z-index:3}.room-status{position:absolute;right:5%;top:112px;font-size:12px;letter-spacing:.12em;color:#a5b0a1;z-index:2}.in-room .studio-background{background:#0b0f10}.in-room .masthead-caption{visibility:hidden}.in-room .intro{top:16%;max-width:285px}.in-room .intro h1{font-size:34px}.in-room .scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#080b0da8,transparent 30%,transparent 85%,#080b0d50),linear-gradient(180deg,#080b0de0,transparent 20%,transparent 47%,#080b0dfa 80%)}.in-room .camera-console:before{content:"";position:absolute;inset:-35px -60px -50px;background:radial-gradient(ellipse,#080b0dc0,transparent 75%);z-index:-1;pointer-events:none}.scene-error{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#080b0d;font-size:20px}.scene-error span{font-size:14px;color:#9ca395}.scene-error button{padding:12px;border:1px solid #a69c82}.exhibit{display:flex;flex-direction:column;height:100svh;min-height:620px}.masthead{position:relative;inset:auto;flex:0 0 88px;padding:0 36px}.masthead-caption{left:45%}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 380px;flex:1;min-height:0}.stage{position:relative;min-width:0;overflow:hidden}.studio-background{background:radial-gradient(ellipse at 49% 44%,#262e31,#151c1f 35%,#080b0d 75%)}.scene,.in-room .scene{inset:0}.in-room .scene:after{display:none}.in-room .camera-console:before{display:none}.stage-heading{position:absolute;left:36px;right:36px;top:22px;display:flex;justify-content:space-between;gap:20px;pointer-events:none;color:#87928e;font-size:12px;letter-spacing:.13em}.stage-heading>span:last-child{color:#63716e;text-align:right}.stage-footer{position:absolute;left:36px;right:36px;bottom:32px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;pointer-events:none}.object-note{position:static;max-width:none}.object-note p{font-size:14px;margin-bottom:9px;color:#b6c0bb}.object-note>span:last-of-type{font-size:12px;color:#778780;letter-spacing:.12em}.note-rule{width:28px;margin-bottom:14px;background:#9a9c8d}.assemble-button{pointer-events:auto;padding:12px 0;border-bottom:1px solid #53605b;font-size:14px;color:#d2c7ae;white-space:nowrap}.assemble-button span{padding-right:8px;font-size:20px}.assemble-button:hover{color:#efe1bf;border-color:#c0ac86}.room-status{position:static;color:#a7b0a5;font-size:12px;letter-spacing:.11em}.side-panel{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#303936 transparent;padding:30px 30px 24px;border-left:1px solid #9aaf9c1c;background:#0d1214}.intro,.in-room .intro{position:static;max-width:none;pointer-events:auto}.eyebrow{font-size:12px;margin-bottom:17px;letter-spacing:.15em}.intro h1,.in-room .intro h1{font-size:32px;letter-spacing:-.045em;line-height:1.2}.intro-caption{max-width:none;font-size:14px;line-height:1.7;margin-top:17px;min-height:0}.camera-console{position:static;width:100%;transform:none;margin-top:22px}.parameter-tabs{display:flex;flex-direction:column;margin-bottom:18px;border-top:1px solid #657b682d;border-bottom:0}.parameter-tabs button,.parameter-tabs button+button{flex-direction:row;align-items:center;justify-content:space-between;padding:12px 2px 12px 12px;border-bottom:1px solid #657b682d;border-left:2px solid transparent;min-height:60px;transition:color .3s,border-color .3s,background .3s}.parameter-tabs button[aria-pressed=true]{border-bottom-color:#657b682d;border-left-color:#cdb98f;background:linear-gradient(90deg,#d3c09909,transparent)}.parameter-tabs button:hover{color:#ddd4bd}.parameter-name{font-size:13px;letter-spacing:.1em}.parameter-value{font-size:28px}.control-heading{min-height:53px;gap:12px;margin-bottom:8px}.control-description{font-size:14px;max-width:215px;line-height:1.55}.control-unit{display:none}.console-action{font-size:13px}.range-wrap{height:38px}.stop-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 2px;margin:7px 0 0}.stop-labels button{width:100%;min-height:34px;padding:8px 0;gap:0;font-size:13px;border-bottom:1px solid transparent}.stop-labels button.active{border-bottom-color:#9c8e70}.stop-tick{display:none}.scale-captions{margin-top:16px;font-size:12px;letter-spacing:.04em}.console-foot{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:22px;padding-top:17px}.console-foot p{font-size:12px;line-height:1.6;flex:1 1 100%}.mode-control{order:-1}.ev-readout{order:-1;margin-left:auto}.text-action{margin-top:24px;font-size:14px;width:100%;justify-content:space-between}.capture-button{padding:11px 12px;min-width:103px;font-size:13px}.exhibit-footer{position:static;flex:0 0 38px;display:flex;padding:0 36px;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.1em;border-top:1px solid #788a7c16;color:#67756e}@media(min-width:901px)and (max-height:800px){.masthead{flex-basis:72px}.side-panel{padding-top:19px}.intro h1,.in-room .intro h1{font-size:27px}.intro-caption{font-size:13px;min-height:0;margin-top:12px}.camera-console{margin-top:20px}.parameter-tabs button,.parameter-tabs button+button{padding-top:11px;padding-bottom:11px;min-height:57px}.parameter-tabs{margin-bottom:15px}.parameter-value{font-size:25px}.console-foot,.text-action{margin-top:16px}}@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 420px}.side-panel{padding:38px}.intro h1,.in-room .intro h1{font-size:36px}}@media(max-width:1100px)and (min-width:901px){.workspace{grid-template-columns:minmax(0,1fr) 340px}.side-panel{padding-left:24px;padding-right:24px}.stage-heading{left:25px;right:25px}.stage-heading>span:last-child{display:none}.stage-footer{left:25px;right:25px;flex-wrap:wrap}}@media(max-width:900px){.exhibit{height:auto;min-height:100svh;overflow:visible}.masthead{flex-basis:76px;padding:0 22px;gap:16px}.masthead-caption{display:none}.wordmark{font-size:12px;letter-spacing:.12em;gap:8px}.wordmark svg{width:24px;height:24px}.view-navigation{gap:18px}.view-navigation button{font-size:13px}.workspace{display:flex;flex-direction:column}.stage{position:sticky;top:0;z-index:2;background:#080b0d;height:clamp(300px,42svh,480px);flex:none}.stage-heading{left:24px;right:24px;top:10px;font-size:12px}.stage-heading>span:last-child{display:none}.stage-footer{left:24px;right:24px;bottom:18px;gap:16px;align-items:center}.note-rule,.object-note p{display:none}.object-note>span:last-of-type{font-size:12px;letter-spacing:.02em}.assemble-button{font-size:12px}.room-status{font-size:12px;letter-spacing:.04em}.side-panel{padding:26px 24px 30px;border-left:0;border-top:1px solid #657b682d;overflow:visible}.eyebrow{font-size:12px;margin-bottom:12px}.intro h1,.in-room .intro h1{font-size:29px}.intro h1 br{display:none}.intro-caption{margin-top:12px;min-height:0}.camera-console{margin-top:24px}.parameter-tabs{flex-direction:row;border-top:0;gap:14px}.parameter-tabs button,.parameter-tabs button+button{flex-direction:column;align-items:flex-start;border-left:0;border-bottom:1px solid #657b6855;background:none;padding:12px 0;gap:6px}.parameter-tabs button[aria-pressed=true]{border-bottom-color:#cdb98f;background:none}.parameter-name{font-size:12px}.parameter-value{font-size:25px}.control-description{max-width:245px}.stop-labels button{min-height:40px;font-size:14px}.scale-captions{font-size:12px}.exhibit-footer{flex-basis:44px;padding:16px 24px}.exhibit-footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.stage-actions{display:flex;align-items:center;gap:22px;pointer-events:auto}.room-readout{min-width:0;line-height:1.5}.room-rotate-hint{display:block;margin-top:8px;font-size:11px;letter-spacing:.09em;color:#83928a}.reset-view-button{padding:12px 0;font-size:14px;color:#94a199;white-space:nowrap}.reset-view-button:hover{color:#e1ddcb}.studio-canvas canvas:focus-visible{outline:1px solid #9f9d80;outline-offset:-5px}@media(max-width:900px){.stage-actions{gap:14px;margin-left:auto;flex-shrink:0}.reset-view-button{font-size:12px}.stage-footer .object-note{max-width:45%}.stage-footer .object-note>span:last-of-type{font-size:12px;line-height:1.4;display:block}}@media(max-width:480px){.stage-actions:has(.assemble-button){flex-direction:column;align-items:flex-end;gap:0}.stage-actions:has(.assemble-button) .reset-view-button{padding:5px 0}.stage-actions:has(.assemble-button) .assemble-button{padding:5px 0}}
