@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}@media(min-width:1600px){.intro{left:8%}.object-note{right:8%}.camera-console{bottom:80px}}@media(max-width:1150px){.masthead-caption{display:none}.intro{left:4%;max-width:230px}.intro h1{font-size:32px}.intro-caption{font-size:14px;max-width:210px}.object-note{display:none}.camera-console{width:min(620px,calc(100% - 72px))}.room-status{right:4%;font-size:12px}}@media(max-width:760px){.exhibit{min-height:780px}.masthead{left:22px;right:22px;top:20px;gap:12px}.wordmark{font-size:12px;gap:7px;letter-spacing:.12em}.wordmark svg{width:23px;height:23px}.view-navigation{gap:15px}.view-navigation button{font-size:13px;padding:10px 0}.intro,.in-room .intro{left:25px;right:25px;top:92px;max-width:340px}.eyebrow{font-size:12px;margin-bottom:12px;letter-spacing:.12em}.intro h1,.in-room .intro h1{font-size:28px;line-height:1.18}.intro h1 br{display:none}.intro-caption{font-size:13px;line-height:1.6;max-width:300px;margin-top:12px}.in-studio .intro-caption{display:none}.text-action{font-size:13px;margin-top:12px;padding:8px 0;gap:25px}.text-action span{font-size:17px}.scene{top:202px;bottom:330px}.in-room .scene{top:230px;bottom:320px}.in-room .scene:after{background:linear-gradient(180deg,#0b0f10,transparent 20%,transparent 65%,#0b0f10)}.room-status{inset:auto auto 335px 25px;font-size:12px;letter-spacing:.07em}.camera-console{bottom:60px;width:calc(100% - 54px)}.parameter-tabs{margin-bottom:10px}.parameter-tabs button{padding-bottom:10px;gap:5px}.parameter-tabs button+button{padding-left:18px}.parameter-name{font-size:12px;letter-spacing:.09em}.parameter-value{font-size:23px}.parameter-value small{font-size:12px}.control-heading{gap:10px;margin-bottom:3px;min-height:49px}.control-description{font-size:12px;max-width:200px}.control-unit,.console-action{font-size:12px}.capture-button{font-size:12px;padding:10px 12px;min-width:100px}.scale-captions{font-size:12px;letter-spacing:.08em}.stop-labels{margin:0 -18px}.stop-labels button{width:36px;font-size:12px;min-height:36px}.console-foot{gap:12px;min-height:43px;margin-top:10px;padding-top:10px;align-items:flex-start}.console-foot p{font-size:12px;line-height:1.45}.mode-control{gap:10px}.mode-control button{font-size:12px;padding:0 0 4px}.ev-readout{font-size:12px}.exhibit-footer{left:25px;right:25px;bottom:23px;font-size:12px}.exhibit-footer>span:last-child{display:none}.lesson-shutter .stop-labels button:nth-child(2)>span:last-child,.lesson-shutter .stop-labels button:nth-child(4)>span:last-child,.lesson-shutter .stop-labels button:nth-child(6)>span:last-child{visibility:hidden}}@media(max-width:360px){.masthead{left:18px;right:18px}.view-navigation{gap:12px}.view-navigation button,.wordmark{font-size:12px}.intro,.in-room .intro{left:22px;right:22px}.intro h1,.in-room .intro h1{font-size:26px}.camera-console{width:calc(100% - 48px)}.parameter-tabs button+button{padding-left:12px}.parameter-value{font-size:22px}.parameter-name{font-size:12px}.console-foot{gap:9px}.console-foot p,.ev-readout,.stop-labels button{font-size:12px}.room-status{left:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
