:root{--bg:#fdfdfc;--ink:#21201c;--muted:#63635e;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;margin:0}#root{min-height:100vh}body{color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;font-weight:400;line-height:1.5}::selection{background:#e8e8e3}.portfolio{width:min(100% - 48px,644px);margin:0 auto;padding:116px 0 128px}.header{min-height:40px;margin-bottom:128px;position:relative}.intro{z-index:1;padding-right:164px;position:relative}.name,.role,.bio,.section-heading,.projects-heading,.project-name,.project-description{font:inherit;margin:0}.name,.role{line-height:20px}.name{font-weight:500}.role,.bio,.project-description{color:var(--muted)}.bio{margin-top:24px;line-height:1.65}.section-heading,.projects-heading{font-weight:500}.visual{z-index:2;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;width:140px;height:122px;position:absolute;top:-30px;right:0}.visual.is-dragging{cursor:grabbing;z-index:5}.shader{isolation:isolate;background:0 0;width:100%;height:100%;display:block;position:relative}.shader,.shader canvas{background:0 0!important}.shader canvas{pointer-events:none;z-index:0!important}.projects{margin-top:128px}.projects-stack{width:100%}.project-list{gap:16px;margin:16px 0 -12px;padding:0;list-style:none;display:grid}.project{min-width:0;margin:0}.project-box{overflow-wrap:anywhere;border-radius:8px;margin:0 -12px;padding:12px;display:block}.project-box--link{color:inherit;text-decoration:none;transition:background-color .16s}.project-box--link:hover{background-color:#f2f2ef}.project-box--link:active{background-color:#eaeae6}.project-box--link:focus-visible{outline:2px solid var(--muted);outline-offset:3px;background-color:#f2f2ef}.project-name{color:var(--ink);display:block}@media (width<=520px){.portfolio{padding-top:64px;padding-bottom:80px}.header{margin-bottom:96px}.intro{padding-right:116px}.visual{width:104px;height:92px;top:-18px}.projects{margin-top:80px}}@media (prefers-reduced-motion:reduce){.project-box--link{transition:none}}.visual{cursor:default;touch-action:auto;will-change:auto}.visual:focus-visible{outline:2px solid var(--muted);outline-offset:8px;border-radius:50%}.sphere-surface{pointer-events:none;width:100%;height:100%}.sphere-hint{opacity:0;white-space:nowrap;color:var(--muted);pointer-events:none;font-size:11px;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,-4px)}.sphere-hint kbd{font:inherit;background:#efefec;border-radius:4px;padding:2px 4px}.visual:hover .sphere-hint{opacity:1;transform:translate(-50%)}.sphere-cursor{transform-origin:1.5px 1.5px;pointer-events:none;z-index:100;filter:drop-shadow(0 1px 1px #0003);width:20px;height:26px;display:none;position:fixed;top:-1.5px;left:-1.5px}.sphere-interaction,.sphere-interaction *{cursor:none!important}.sphere-interaction .sphere-cursor{display:block}@media (hover:none){.sphere-hint{display:none}}@media (prefers-reduced-motion:reduce){.sphere-hint{transition:none}}.intro,.today,.projects{z-index:1;position:relative}.visual{z-index:1}.sphere-surface{position:relative}.sphere-surface:before{content:"";aspect-ratio:1;background:var(--bg);border-radius:50%;height:94%;position:absolute;top:3%;left:50%;transform:translate(-50%)}