: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:5;grid-template-columns:1fr auto;display:grid;position:relative}.wordmark{color:#e5e5e0;letter-spacing:.28em;font-size:15px;font-weight:600}.version-menu{z-index:10;justify-self:end;position:relative}.version-menu summary{color:#e5e5e0;letter-spacing:.04em;cursor:pointer;background:#161817;border:1px solid #505350;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-size:11px;list-style:none;display:flex}.version-menu summary::-webkit-details-marker{display:none}.version-menu summary svg{width:17px;height:17px}.version-menu summary:hover,.version-menu[open] summary{background:#262825}.version-menu summary:focus-visible{outline-offset:3px;outline:2px solid #e2e4df}.version-menu-panel{background:#181a19;border:1px solid #494c49;border-radius:14px;min-width:222px;padding:8px;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 18px 48px #000c}.version-menu-caption{color:#929691;letter-spacing:.14em;text-transform:uppercase;padding:8px 11px 9px;font-size:10px;display:block}.version-menu-panel button,.version-menu-panel a,.version-menu-panel .version-menu-current{color:#d4d7d2;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;width:100%;min-height:40px;padding:0 11px;font-size:12px;text-decoration:none;display:flex}.version-menu-panel b{color:#8a8f89;font-variant-numeric:tabular-nums;min-width:28px;font-size:10px;font-weight:400}.version-menu-panel button:hover,.version-menu-panel a:hover{background:#30332f}.version-menu-panel button[aria-pressed=true],.version-menu-panel .version-menu-current{color:#1a1d1b;cursor:default;background:#e2e4df}.version-menu-panel button[aria-pressed=true] b,.version-menu-panel .version-menu-current b{color:#666b67}.version-menu-panel button:focus-visible,.version-menu-panel a:focus-visible{outline-offset:-2px;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:52px;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}@media (width<=680px){.experience{--wash-alpha:.18;--rim-alpha:.26;padding:21px 15px 19px}.wordmark{letter-spacing:.22em;font-size:12px}.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:4px;padding-top:9px}.instruction{font-size:12px}.instruction span{margin-top:3px;display:block}.step-controls{gap:8px}.camera-status{text-align:right;width:100%}}@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}}