:root{--experience-bg:#080808;--experience-fg:#f5f5f2;--experience-muted:#a7a7a1;--experience-line:#363633;--experience-accent:#a8a8a2;--experience-body:"Geist", Arial, sans-serif;--experience-display:"Archivo", "Arial Black", sans-serif;--experience-label:"IBM Plex Mono", monospace;color-scheme:dark;background:var(--experience-bg);color:var(--experience-fg);font-family:var(--experience-body);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer}button:disabled{cursor:wait}a{text-underline-offset:.25em}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--experience-accent);outline-offset:5px}::selection{color:#fff;background:#7e2cdb}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.experience-skip{z-index:10;background:var(--experience-bg);padding:1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.experience-skip:focus{transform:none}.experience-shell{max-width:1800px;margin:auto;padding:0 clamp(16px,3.1vw,56px)}.experience-header{border-bottom:1px solid var(--experience-line);justify-content:space-between;align-items:center;gap:24px;min-height:84px;display:flex}.experience-header img{display:block}.experience-eyebrow{font-family:var(--experience-label);text-transform:uppercase;letter-spacing:.08em;color:var(--experience-muted);margin:0;font-size:.6875rem;font-weight:400;line-height:1.5}.experience-back{padding:12px 0;font-size:.8125rem;text-decoration:none}.experience-back span{padding-left:16px}.experience-heading{justify-content:space-between;align-items:flex-end;gap:24px;padding:30px 0 26px;display:flex}h1{font:900 clamp(2.4rem, 4.5vw, 4.8rem)/.98 var(--experience-display);letter-spacing:-.065em;margin:8px 0 0}.experience-intro{color:var(--experience-muted);margin:0 0 3px;font-size:.875rem;line-height:1.5}.experience-viewer{border:1px solid var(--experience-line);background:var(--experience-bg);border-radius:16px;overflow:hidden}.experience-stage{color:#242422;background:#fff;height:clamp(360px,100svh - 340px,850px);min-height:300px;position:relative}.experience-stage canvas{touch-action:none;outline-offset:-5px;width:100%;height:100%;display:block}.experience-stage canvas:focus-visible{outline-color:#242422}.experience-stage-label{pointer-events:none;font:.625rem/1.4 var(--experience-label);letter-spacing:.07em;color:#65655f;justify-content:space-between;gap:12px;display:flex;position:absolute;inset:24px 28px auto}.experience-stage-instruction{z-index:1;color:#242422;pointer-events:none;max-width:calc(100% - 56px);font-family:var(--experience-body);margin:0;font-size:.875rem;line-height:1.2;position:absolute;bottom:22px;left:28px}.experience-hotspots{z-index:2;pointer-events:none;position:absolute;inset:0}.experience-hotspot{color:#4c168d;pointer-events:auto;width:46px;height:46px;font:.625rem var(--experience-label);background:#fffffff0;border:1px solid #7e2cdb;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 12px #00000029}.experience-hotspot:focus-visible{outline-color:#242422}.experience-hotspot:before{border-radius:inherit;content:"";border:1px solid #7e2cdb73;position:absolute;inset:5px}.experience-hotspot[aria-expanded=true]{color:#fff;background:#7e2cdb}.experience-hotspot-panel{color:#242422;pointer-events:auto;background:#fffffff5;border:1px solid #deded9;border-radius:12px;width:min(360px,100% - 48px);padding:22px 24px 20px;position:absolute;bottom:24px;left:24px;box-shadow:0 8px 32px #0000001f}.experience-hotspot-panel .experience-eyebrow{color:#65655f}.experience-hotspot-panel h2{font:700 1.125rem/1.2 var(--experience-display);letter-spacing:-.035em;margin:10px 28px 8px 0}.experience-hotspot-panel>p:last-child{color:#55554f;margin:0;font-size:.8125rem;line-height:1.55}.experience-hotspot-close{color:#242422;background:0 0;border:1px solid #deded9;border-radius:50%;place-items:center;width:36px;height:36px;font-size:1.25rem;line-height:1;display:grid;position:absolute;top:12px;right:12px}.experience-loading,.experience-nojs{text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:32px;display:flex;position:absolute;inset:0}.experience-loading .experience-eyebrow{color:#65655f}.experience-loading p{letter-spacing:-.02em;max-width:34ch;margin:0;font-size:1.1rem;line-height:1.5}.experience-loading progress{accent-color:#7e2cdb;width:min(240px,100%);height:4px}.experience-loading .experience-button{color:#242422;border-color:#aaa}.experience-controls{padding:22px 28px}.experience-controls fieldset{border:0;justify-content:space-between;align-items:center;gap:32px;min-width:0;margin:0;padding:0;display:flex}.experience-controls fieldset:disabled{opacity:.45}.experience-explode{flex:240px;width:min(100%,430px)}.experience-control-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.experience-control-heading label{font-size:.875rem}.experience-control-heading output{font:.6875rem var(--experience-label);color:var(--experience-muted)}.experience-explode input{accent-color:#b681f3;cursor:ew-resize;width:100%;height:36px;margin:0;display:block}.experience-range-labels{justify-content:space-between;margin-top:-7px;display:flex}.experience-range-labels button{min-height:32px;color:var(--experience-muted);font:.625rem var(--experience-label);text-transform:uppercase;letter-spacing:.04em;background:0 0;border:0;padding:8px 0}.experience-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.experience-button{border:1px solid var(--experience-line);white-space:nowrap;background:0 0;border-radius:999px;min-width:44px;min-height:44px;padding:10px 16px;font-size:.75rem}.experience-button span{margin-left:12px}.experience-button[aria-pressed=true]{background:var(--experience-fg);color:var(--experience-bg);border-color:var(--experience-fg)}.experience-zoom{gap:4px;display:flex}.experience-zoom button{padding:8px;font-size:1.25rem}.experience-footer{color:var(--experience-muted);justify-content:space-between;gap:24px;padding:16px 0 24px;font-size:.6875rem;line-height:1.6;display:flex}.experience-footer p{margin:0}.experience-footer a{color:var(--experience-fg)}.experience-project-navigation{border-top:1px solid var(--experience-line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:8px 0 24px;display:grid}.experience-project-navigation a{min-width:0;min-height:48px;color:var(--experience-fg);letter-spacing:-.025em;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;line-height:1.4;text-decoration:none;display:flex}.experience-project-navigation a:last-child{text-align:right;justify-self:end}.experience-project-navigation a span[aria-hidden=true]{flex:none}.experience-project-navigation a:hover span:not([aria-hidden=true]){text-underline-offset:.18em;text-decoration:underline 1px}.experience-project-navigation a:focus-visible{outline:2px solid var(--experience-accent);outline-offset:4px}.experience-viewer:fullscreen{border:0;border-radius:0;flex-direction:column;display:flex;overflow:auto}.experience-viewer:fullscreen .experience-stage{flex:1;height:auto;min-height:220px}.experience-viewer:fullscreen .experience-controls{flex-shrink:0}@media (hover:hover){.experience-button:hover:not(:disabled){border-color:var(--experience-muted)}.experience-range-labels button:hover:not(:disabled),.experience-back:hover{color:var(--experience-accent)}}@media (width<=900px){.experience-controls fieldset{flex-direction:column;align-items:stretch;gap:16px}.experience-explode{flex-basis:auto;width:100%}.experience-actions{justify-content:center}}@media (width<=540px){.experience-header{min-height:68px}.experience-header>.experience-eyebrow{display:none}.experience-heading{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 0}.experience-intro{font-size:.8125rem}.experience-stage{height:clamp(340px,55svh,550px)}.experience-stage-label{inset:18px 16px auto}.experience-stage-instruction{max-width:calc(100% - 32px);bottom:18px;left:16px}.experience-controls{padding:18px 16px}.experience-actions{justify-content:flex-start}.experience-button{padding-inline:12px}.experience-footer{flex-direction:column;gap:12px}}@media (prefers-reduced-motion:reduce){progress{animation:none}}