:root{color-scheme:light;font-family:InterVariable,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #f6f5f2;--ink: #302e2a;--muted: #89857d;--rule: rgb(48 46 42 / 9%);--new: #fa0aa8;--cell: 1.75rem;--grid-line: #e6e3dc;--baseline-shift: calc(var(--cell) / 2 - .364 * .875rem)}*{box-sizing:border-box}html,body,#root{width:100vw;height:100vh;height:100dvh;margin:0;overflow:hidden}body{background:var(--paper);color:var(--ink);overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}a,img{-webkit-user-drag:none}button,canvas{-webkit-tap-highlight-color:transparent}#root{display:grid;grid-template:100% / 100%}.floor{position:relative;grid-area:1 / 1;z-index:1;width:100%;min-height:0;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgb(0 0 0 / 55%) 10%,#000 30%),linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0,rgb(0 0 0 / 55%) 10%,#000 30%),linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%);mask-composite:intersect}.world{isolation:isolate;position:relative;grid-area:1 / 1;z-index:3;width:100%;min-height:0;pointer-events:none;touch-action:none;overflow:hidden}.world canvas{display:block;width:100%;height:100%;pointer-events:none}.portfolio{position:relative;grid-area:1 / 1;z-index:2;width:calc(var(--cell) * 16);max-width:100%;height:100%;overflow-y:auto;scrollbar-width:none;padding:calc(var(--cell) * 2 + var(--baseline-shift)) calc(var(--cell) * 2) calc(var(--cell) * 2);font-size:.875rem;line-height:var(--cell)}.portfolio::-webkit-scrollbar{display:none}.portfolio-header{display:grid;gap:.6rem}.portfolio-header h1,.portfolio-header p,.biography p,.projects-section h2{margin:0}.portfolio-header h1{font-size:.875rem;font-weight:500;letter-spacing:-.025em}.portfolio-header p,.projects-section h2,.projects-list .project-detail{color:var(--muted)}.portfolio-header p{font-size:.875rem}.biography{display:grid;gap:var(--cell);padding-top:calc(var(--cell) * 2);letter-spacing:-.01em}.portfolio a{position:relative;color:inherit;text-decoration-color:#0000002e;text-decoration-thickness:1px;text-underline-offset:.16em}.projects-section{padding-top:calc(var(--cell) * 2)}.projects-section h2{box-sizing:border-box;height:calc(var(--cell) * 2 - var(--baseline-shift));border-bottom:1px solid var(--rule);font-size:.875rem;font-weight:400}.projects-groups{display:grid}.projects-group{display:grid;grid-template-columns:minmax(0,1fr)}.projects-group:last-child{border-bottom:0}.projects-list{list-style:none;min-width:0;margin:0;padding:0}.projects-list li{box-sizing:border-box;height:calc(var(--cell) * 2)}.projects-list li+li{border-top:1px solid var(--rule)}.projects-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;height:100%;text-decoration:none}.projects-title{min-width:0;font-size:.875rem}.projects-list .project-detail{font-size:.875rem;font-variant-numeric:tabular-nums}.new-mark{position:relative;margin-left:.65rem;color:var(--new);white-space:nowrap}.new-mark:after{position:absolute;inset:-.12em -.35em;border:2px solid currentColor;border-radius:50%;content:"";transform:rotate(5deg)}@media(max-width:48rem){.portfolio{width:100%;padding:calc(var(--cell) + var(--baseline-shift)) var(--cell) var(--cell)}}.intro-trigger{position:fixed;inset:0;z-index:3;width:100%;height:100%;border:0;padding:0;background:transparent;color:var(--muted);font:inherit;font-size:.875rem;cursor:pointer;pointer-events:none;touch-action:manipulation}.intro-trigger:focus-visible{outline:2px dotted var(--muted);outline-offset:-6px}.intro-cursor{position:fixed;top:0;left:0;z-index:4;pointer-events:none}.intro-cursor:before{content:"";position:absolute;inset:0;border:2px dotted var(--muted);border-radius:50%}.intro-cursor--pulse:before{animation:pulse-intro-cursor 1.6s ease-in-out infinite}@keyframes pulse-intro-cursor{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.intro-cursor--dismissed:before{animation:dismiss-intro-cursor .28s ease-in-out 30ms forwards}@keyframes dismiss-intro-cursor{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.intro-cursor--dismissed:before{animation-duration:1ms}.intro-cursor--pulse:before{animation:none}}.projects-list .project-detail{transition:transform .15s ease,color .15s ease}.projects-list a:hover .project-detail,.projects-list a:focus-visible .project-detail{transform:translate(2px,-2px);color:var(--ink)}@media(prefers-reduced-motion:reduce){.projects-list .project-detail{transition:none}.projects-list a:hover .project-detail,.projects-list a:focus-visible .project-detail{transform:none}}.keyboard-hint{display:none;margin:calc(var(--cell) * 2) 0 0;color:var(--muted);pointer-events:none}.keyboard-hint kbd{margin-right:1px;padding:0 4px;border:1px solid #d4d1ca;border-radius:3px;background:#fff;font:inherit;line-height:1}@media(hover:hover)and (pointer:fine){.keyboard-hint{display:block}}@media(hover:hover)and (pointer:fine)and (min-height:46rem){.portfolio{overflow:visible}.keyboard-hint{white-space:nowrap}}@supports (top: round(down,1px,1px)){@media(min-height:56rem){.keyboard-hint{position:fixed;top:calc(round(down,100dvh - var(--cell) * 2,var(--cell)) + var(--baseline-shift));left:calc(var(--cell) * 2);z-index:3;margin:0}}}.touch-controls{display:none}@media(hover:none)and (pointer:coarse){html[data-playing] .touch-controls[data-ready]{position:fixed;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:flex-end;justify-content:space-between;padding:0 calc(var(--cell) * .75 + env(safe-area-inset-right)) calc(var(--cell) * .75 + env(safe-area-inset-bottom)) calc(var(--cell) * .75 + env(safe-area-inset-left));pointer-events:none;animation:touch-controls-in .32s ease-out both}}@keyframes touch-controls-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.touch-pad,.touch-button{border:1px solid #d4d1ca;padding:0;background:#ffffffd1;box-shadow:0 1px #302e2a14,0 6px 16px #302e2a0f;color:var(--muted);font:inherit;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.touch-pad{position:relative;width:6.5rem;height:6.5rem;border-radius:.9rem;clip-path:polygon(34% 0,66% 0,66% 34%,100% 34%,100% 66%,66% 66%,66% 100%,34% 100%,34% 66%,0 66%,0 34%,34% 34%);border:0;background:#ffffff9e;filter:drop-shadow(0 0 .5px #b9b5ac) drop-shadow(0 4px 10px rgb(48 46 42 / 10%))}.touch-pad-arrow{position:absolute;width:0;height:0;border:.42rem solid transparent;opacity:.55;transition:opacity 80ms ease}.touch-pad-arrow--up{top:9%;left:50%;translate:-50% 0;border-top:0;border-bottom-color:currentColor}.touch-pad-arrow--down{bottom:9%;left:50%;translate:-50% 0;border-bottom:0;border-top-color:currentColor}.touch-pad-arrow--left{top:50%;left:9%;translate:0 -50%;border-left:0;border-right-color:currentColor}.touch-pad-arrow--right{top:50%;right:9%;translate:0 -50%;border-right:0;border-left-color:currentColor}.touch-pad[data-up] .touch-pad-arrow--up,.touch-pad[data-down] .touch-pad-arrow--down,.touch-pad[data-left] .touch-pad-arrow--left,.touch-pad[data-right] .touch-pad-arrow--right{color:var(--ink);opacity:1}.touch-buttons{display:flex;align-items:flex-end;gap:.9rem;padding-bottom:.4rem}.touch-button{display:grid;place-content:center;width:3.5rem;height:3.5rem;border-radius:50%;font-size:1rem;font-weight:600;line-height:1.05}.touch-button small{font-size:.5625rem;font-weight:400;letter-spacing:.02em}.touch-button--a{margin-bottom:1.4rem}.touch-button:active{background:#fff;color:var(--ink);transform:scale(.96)}@media(prefers-reduced-motion:reduce){html[data-playing] .touch-controls[data-ready]{animation:none}}.touch-pad[data-up],.touch-pad[data-down],.touch-pad[data-left],.touch-pad[data-right]{background:#ffffffeb}.play-switch{display:none}@media(hover:none)and (pointer:coarse){.portfolio-header{grid-template-columns:1fr auto;align-items:center}.play-switch{position:relative;z-index:4;display:inline-flex;align-items:center;gap:.5rem;margin:-.75rem -.5rem;padding:.75rem .5rem;border:0;background:none;color:var(--muted);font:inherit;font-size:.875rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.play-switch-track{display:block;width:2.25rem;height:1.3rem;border:1px solid #d4d1ca;border-radius:1rem;background:#fff;transition:background .18s ease,border-color .18s ease}.play-switch-knob{display:block;width:.95rem;height:.95rem;margin:.125rem;border-radius:50%;background:var(--muted);transition:transform .18s ease,background .18s ease}.play-switch[aria-checked=true]{color:var(--ink)}.play-switch[aria-checked=true] .play-switch-track{border-color:var(--ink);background:var(--ink)}.play-switch[aria-checked=true] .play-switch-knob{background:#fff;transform:translate(.95rem)}.biography,.projects-section{transition:opacity .26s ease,visibility 0s linear 0s}html[data-playing] .biography,html[data-playing] .projects-section{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s ease,visibility 0s linear .26s}html[data-playing],html[data-playing] body{overflow:hidden;overscroll-behavior:none}}@media(prefers-reduced-motion:reduce){.play-switch-track,.play-switch-knob,.biography,.projects-section{transition:none}}.ball-pointer{position:fixed;top:0;left:0;z-index:4;width:0;height:0;color:var(--muted);opacity:0;pointer-events:none;transition:opacity .24s ease}.ball-pointer[data-shown]{opacity:1}.ball-pointer-arrow{position:absolute;top:-.3rem;left:-.3rem;width:.6rem;height:.6rem}.ball-pointer-arrow:before{content:"";position:absolute;inset:0;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}.ball-pointer-label{position:absolute;top:0;left:0;font-size:.6875rem;font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap}@media(prefers-reduced-motion:reduce){.ball-pointer{transition:none}}