:root{color:#d6d6d1;font-synthesis:none;text-rendering:optimizelegibility;background:#090a0a;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}button{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.experience{--light-tl:175 175 170;--light-t:175 175 170;--light-tr:175 175 170;--light-r:175 175 170;--light-br:175 175 170;--light-b:175 175 170;--light-bl:175 175 170;--light-l:175 175 170;--wash-alpha:.32;--rim-alpha:.45;isolation:isolate;background:#090a0a;grid-template-rows:auto 1fr auto;min-height:100svh;padding:clamp(24px,3.2vw,46px) clamp(22px,4.4vw,70px) 22px;display:grid}.experience:before{content:"";z-index:-1;pointer-events:none;opacity:.12;background:radial-gradient(ellipse min(36vw, 540px) 14px at 0% 0%, rgb(var(--light-tl) / var(--rim-alpha)), transparent), radial-gradient(ellipse min(44vw, 660px) 14px at 50% 0%, rgb(var(--light-t) / var(--rim-alpha)), transparent), radial-gradient(ellipse min(36vw, 540px) 14px at 100% 0%, rgb(var(--light-tr) / var(--rim-alpha)), transparent), radial-gradient(ellipse 14px min(55vh, 570px) at 100% 50%, rgb(var(--light-r) / var(--rim-alpha)), transparent), radial-gradient(ellipse min(36vw, 540px) 14px at 100% 100%, rgb(var(--light-br) / var(--rim-alpha)), transparent), radial-gradient(ellipse min(44vw, 660px) 14px at 50% 100%, rgb(var(--light-b) / var(--rim-alpha)), transparent), radial-gradient(ellipse min(36vw, 540px) 14px at 0% 100%, rgb(var(--light-bl) / var(--rim-alpha)), transparent), radial-gradient(ellipse 14px min(55vh, 570px) at 0% 50%, rgb(var(--light-l) / var(--rim-alpha)), transparent), radial-gradient(ellipse min(54vw, 750px) min(56vh, 520px) at 0% 0%, rgb(var(--light-tl) / var(--wash-alpha)), transparent 72%), radial-gradient(ellipse min(48vw, 690px) min(38vh, 360px) at 50% 0%, rgb(var(--light-t) / var(--wash-alpha)), transparent 75%), radial-gradient(ellipse min(54vw, 750px) min(56vh, 520px) at 100% 0%, rgb(var(--light-tr) / var(--wash-alpha)), transparent 72%), radial-gradient(ellipse min(32vw, 470px) min(67vh, 650px) at 100% 50%, rgb(var(--light-r) / var(--wash-alpha)), transparent 76%), radial-gradient(ellipse min(54vw, 750px) min(56vh, 520px) at 100% 100%, rgb(var(--light-br) / var(--wash-alpha)), transparent 72%), radial-gradient(ellipse min(48vw, 690px) min(38vh, 360px) at 50% 100%, rgb(var(--light-b) / var(--wash-alpha)), transparent 75%), radial-gradient(ellipse min(54vw, 750px) min(56vh, 520px) at 0% 100%, rgb(var(--light-bl) / var(--wash-alpha)), transparent 72%), radial-gradient(ellipse min(32vw, 470px) min(67vh, 650px) at 0% 50%, rgb(var(--light-l) / var(--wash-alpha)), transparent 76%);transition:opacity 1.1s ease-in-out;position:fixed;inset:0}.experience[data-moment-visible=true]:before{opacity:1}.masthead,.controls{justify-content:space-between;align-items:center;gap:20px;display:flex}.masthead{z-index:2;grid-template-columns:1fr auto 1fr;display:grid;position:relative}.wordmark{color:#e5e5e0;letter-spacing:.28em;font-size:15px;font-weight:600}.study-label{color:#777976;letter-spacing:.12em;justify-self:end;font-size:11px;font-weight:400}.label-divider{background:#4b4d4b;width:20px;height:1px;margin:0 9px 3px;display:inline-block}.demo-switcher{background:#111313;border:1px solid #383b39;border-radius:999px;gap:2px;padding:3px;display:flex}.demo-switcher button{color:#858985;letter-spacing:.03em;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:35px;padding:0 16px;font-size:11px}.demo-switcher button b{color:#676b68;font-variant-numeric:tabular-nums;margin-right:10px;font-size:10px;font-weight:400}.demo-switcher button[aria-pressed=true]{color:#1a1d1b;background:#e2e4df}.demo-switcher button[aria-pressed=true] b{color:#666b67}.demo-switcher button:focus-visible{outline-offset:3px;outline:2px solid #e2e4df}.scene{isolation:isolate;place-items:center;min-height:480px;display:grid;position:relative}.stage{aspect-ratio:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;width:min(74vmin,720px);position:relative}.stage.is-dragging{cursor:grabbing}.stage:focus-visible{outline-offset:11px;border-radius:50%;outline:1px solid #a7a7a0}.plate{pointer-events:none;border-radius:50%;position:absolute;inset:18%;overflow:hidden;box-shadow:0 20px 36px #000a,0 2px 6px #000a,0 0 32px #edf0ec13}.plate-photo{object-fit:cover;width:100%;height:100%;display:block}.moment-window{opacity:0;filter:brightness(.88);border-radius:50%;transition:opacity .26s,transform .43s cubic-bezier(.2,.7,.2,1);position:absolute;inset:15%;overflow:hidden;transform:scale(.91);-webkit-mask-image:radial-gradient(circle,#000 58%,#000d 68%,#0000 77%);mask-image:radial-gradient(circle,#000 58%,#000d 68%,#0000 77%)}.moment-window.visible{opacity:1;transform:scale(1)}.moment-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera-image{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.moment-window.camera-live .moment-image{opacity:0}.moment-window.camera-live .camera-image{opacity:1}.plate-sheen{pointer-events:none;background:radial-gradient(circle at 42% 27%,#ffffff09,#0000 46%);position:absolute;inset:0}.experience[data-demo=rect] .plate{background:linear-gradient(145deg,#1c1e1d,#111313 62%,#1a1c1a);border:1px solid #5b5e5a;border-radius:6px;inset:35% 22%;box-shadow:0 24px 44px #000b,0 2px 6px #000b,inset 0 0 0 7px #0b0d0c,inset 0 0 0 8px #484b47,0 0 40px #eef0eb12}.experience[data-demo=rect] .plate-photo{display:none}.experience[data-demo=rect] .moment-window{border-radius:3px;inset:8% 15%;-webkit-mask-image:none;mask-image:none}.experience[data-demo=rect] .moment-image{object-position:center 48%}.experience[data-demo=rect] .plate-sheen{background:linear-gradient(120deg,#ffffff0a,#0000 44%,#ffffff05)}.chairs{z-index:1;pointer-events:none;position:absolute;inset:0}.chair{pointer-events:none;filter:drop-shadow(0 5px 5px #000b);width:13%;height:auto;display:block;position:absolute}.diagnostics{z-index:10;color:#e2e4df;white-space:pre;pointer-events:none;background:#111e;border:1px solid #666;padding:9px 11px;font:10px/1.45 monospace;position:fixed;top:105px;left:12px}.controls{z-index:2;border-top:1px solid #353736;min-height:58px;position:relative}.instruction{color:#d7d8d2;letter-spacing:.01em;margin:0;font-size:13px}.instruction span{color:#777a76}.step-controls{align-items:center;gap:17px;margin-left:auto;display:flex}.step-controls button{color:#d7d8d2;cursor:pointer;background:#171918;border:1px solid #494c49;border-radius:50%;width:34px;height:34px;font-size:20px;font-weight:300;line-height:1}.step-controls button:hover{background:#2c2e2b}.step-controls button:focus-visible{outline-offset:3px;outline:2px solid #d4d4ce}.step-controls button:disabled{opacity:.55;cursor:wait}.step-controls button[aria-pressed=true]{color:#111313;background:#d8dad4;border-color:#d8dad4}.step-controls button svg{width:18px;height:18px;margin:auto;display:block}.step-count{color:#d7d8d2;text-align:center;letter-spacing:.13em;font-variant-numeric:tabular-nums;min-width:65px;font-size:11px}.step-count i{color:#666a66;margin:0 2px;font-style:normal}.camera-status{color:#a2a6a0;white-space:nowrap;font-size:11px}.camera-status:empty{display:none}.prototype-note{color:#666966;text-align:right;letter-spacing:.01em;width:195px;margin:0;font-size:11px}@media (width<=680px){.experience{--wash-alpha:.18;--rim-alpha:.26;padding:21px 15px 19px}.masthead{grid-template-columns:1fr auto;row-gap:19px}.wordmark{letter-spacing:.22em;font-size:12px}.study-label{letter-spacing:.04em;font-size:9px}.label-divider{width:8px;margin-inline:4px}.demo-switcher{grid-area:2/1/auto/-1;justify-self:center}.demo-switcher button{min-height:34px;padding-inline:11px;font-size:10px}.demo-switcher button b{margin-right:6px}.scene{min-height:min(74vh,570px)}.stage{width:min(96vw,550px)}.chair{width:14%}.experience[data-demo=rect] .plate{inset:22% 35%}.controls{flex-wrap:wrap;row-gap:7px;padding-top:13px}.instruction{font-size:12px}.instruction span{margin-top:3px;display:block}.step-controls{gap:8px}.camera-status{text-align:right;width:100%}.prototype-note{text-align:left;width:100%;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.experience:before{transition-duration:1.1s!important}}