@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/InstrumentSans-400.ttf)format("truetype")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/InstrumentSans-600.ttf)format("truetype")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/InstrumentSans-700.ttf)format("truetype")}:root{--bg:#000;--text:#f4f4f5;--body:#a3a3ab;--muted:#6e6e76;--link:#d4d4d8;--rule:#ffffff1f;--ease:cubic-bezier(.22, .9, .24, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;font-family:Instrument Sans,Instrument Sans Fallback,-apple-system,system-ui,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;font-family:inherit;line-height:1.4;display:flex;overflow-x:hidden}#root{display:contents}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{display:block}::selection{color:#fff;background:#1f5ef0}a:focus-visible,button:focus-visible{outline-offset:3px;border-radius:8px;outline:2px solid #4c8dff}.site-shell{background:var(--bg);flex-direction:column;flex:1;width:100%;min-height:100dvh;display:flex;position:relative}.background-video{z-index:0;object-fit:cover;opacity:.28;filter:grayscale()contrast(1.22)brightness(.62);pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.background-video:after{content:"";background:#0008;position:absolute;inset:0}.nav,.hero,.toggle,.more{z-index:1;position:relative}.deck{--disc:min(31vh, 48vw, 250px);pointer-events:none;transition:opacity .8s var(--ease);position:fixed;inset:0}.record{z-index:1;width:var(--disc);height:var(--disc);margin:calc(var(--disc) / -2);transition:opacity .7s var(--ease), transform .9s var(--ease);background:conic-gradient(from 20deg,#0000 0deg 30deg,#ffffff0a 50deg,#0000 75deg 200deg,#ffffff07 225deg,#0000 250deg),repeating-radial-gradient(circle,#0b0b0c 0 2px,#111113 2.5px 4px);border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #ffffff0d}.arm{z-index:3;top:calc(50% - var(--disc) * .51);left:calc(50% + var(--disc) * .07);width:calc(var(--disc) * .6);height:calc(var(--disc) * .9);color:var(--muted);transform-origin:80% 10%;transition:transform .7s cubic-bezier(.5, 0, .2, 1), opacity .6s var(--ease);position:absolute}html.drop .arm{transform:rotate(20deg)}.welcome{z-index:3;top:calc(50% - var(--disc) / 2 - 64px);color:var(--text);letter-spacing:-.03em;white-space:nowrap;transition:opacity .5s var(--ease);margin:0;font-size:22px;font-weight:600;line-height:1.4;position:absolute;left:50%;transform:translate(-50%)}.choose{z-index:3;top:calc(50% + var(--disc) / 2 + 24px);pointer-events:auto;transition:opacity .4s var(--ease);gap:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.choose button{color:var(--muted);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s, color .2s, transform .3s var(--spring);background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:7px 13px 7px 10px;font:500 13px Instrument Sans,Instrument Sans Fallback,-apple-system,system-ui,Helvetica Neue,Arial,sans-serif;display:flex}.play-intro{color:var(--text)!important;background:#ffffff1a!important}.choose button:hover{color:var(--text);transform:scale(1.04)}.choose button:active{transform:scale(.95)}.choose button:disabled{cursor:default;transform:none}.muted-icon{flex:none;width:14px;height:14px;display:block}html.gate .nav,html.gate .more,html.gate .toggle,html.gate .experience-toggle,html.gate .ch,html.gate .bio{opacity:0;visibility:hidden}html.gate .photo{transform:translate(var(--fx), var(--fy)) scale(var(--fs))}html.gate:not(.set) .photo,html.gate:not(.set) .deck{opacity:0}html.gate:not(.set) .choose{pointer-events:none}html.gate.set .photo{animation:appear 1s var(--ease) backwards}html.gate.set .photo img{animation:spin-in 1.2s var(--ease) backwards}html.gate.set .record{animation:press 1s var(--ease) backwards}html.gate.set .welcome{animation:rise .9s var(--ease) .2s backwards}html.gate.set .choose{animation:rise .8s var(--ease) .4s backwards}html.gate.drop .photo img{animation:.7s ease-in turn,.41s linear .7s infinite turn}html.drop .choose,html:not(.gate) .choose{opacity:0;pointer-events:none}html:not(.gate) .welcome{opacity:0}html:not(.gate) .deck{visibility:hidden;transition:visibility 0s .9s}html:not(.gate) .record{opacity:0;transform:scale(.85)}html:not(.gate) .arm{opacity:0}.nav{justify-content:space-between;align-items:flex-start;gap:24px;padding:26px 40px 0;display:flex}.who{flex-direction:column;align-items:flex-start;gap:8px;padding-top:6px;display:flex}.handle{letter-spacing:-.02em;font-size:16px;font-weight:600}.music-toggle{min-width:18px;color:var(--text);letter-spacing:-2px;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-size:18px;font-weight:700;line-height:.7}.elsewhere{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-width:267px;color:var(--body);background:#181818d9;border:1px solid #ffffff13;border-radius:24px;gap:8px;padding:10px 16px 12px;font-size:12px;display:grid}.elsewhere div{color:var(--text);white-space:nowrap;align-items:center;gap:18px;font-size:15px;font-weight:600;display:flex}.elsewhere a,.social-link{align-items:center;gap:7px;display:inline-flex}.social-icon{flex:none;width:16px;height:16px;display:block}.elsewhere a{transition:opacity .2s}.elsewhere a:hover{opacity:.72}.hero{text-align:center;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.mark{--wm:clamp(96px, min(22vw, 34vh), 280px);--tuck:.215;--drop:.03;text-align:left;grid-template-columns:min-content;display:grid}.wordmark{color:var(--text);font-size:var(--wm);letter-spacing:-.055em;white-space:nowrap;text-shadow:0 10px 40px #0008;margin:0;font-weight:600;line-height:.78;position:relative}.ch{margin:-.15em -.06em -.3em -.2em;padding:.15em .06em .3em .2em;display:inline-block}.photo{z-index:2;vertical-align:-.0496em;border-radius:50%;width:.6093em;height:.6093em;margin:0 -.049em 0 .006em;display:inline-block;position:relative;overflow:hidden;box-shadow:0 30px 60px -24px #000c}.photo:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff26}.photo img{object-fit:cover;width:100%;height:100%;scale:1.12;transform:perspective(700px) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .6s var(--ease)}html.gate .photo img{transform:none}.bio{margin:calc(var(--wm) * var(--drop)) 0 0 calc(var(--wm) * (var(--tuck) + .03));color:var(--body);font-size:clamp(14px, calc(var(--wm) * .062), 18px);text-wrap:pretty;line-height:1.3}.w{display:inline-block}.hand{transform-origin:70% 80%}html.play .photo{animation:1.1s cubic-bezier(.6,0,.25,1) backwards land}html.play .photo img{animation:1.1s cubic-bezier(.3,.6,.3,1) unspin}html.play .ch{animation:emerge 1.1s var(--ease) calc(.6s + var(--d)) backwards}html.play .handle{animation:slide-right 1s var(--ease) 1.15s backwards}html.play .w{animation:word .8s var(--ease) calc(1s + var(--i) * 35ms) backwards}html.play .hand{animation:word .8s var(--ease) 1s backwards, hand 1.5s ease-in-out 1.6s}html.play .toggle,html.play .experience-toggle{animation:fade 1s var(--ease) 1.6s backwards, float 1.6s ease-in-out 1.6s infinite alternate}html.revealed .ch,html.revealed .w,html.revealed .handle,html.revealed .photo,html.revealed .photo img{opacity:1;visibility:visible;filter:none;animation:none}html.revealed .photo{transform:none}.toggle,.experience-toggle{width:34px;height:34px;color:var(--link);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-self:center;place-items:center;margin:0 0 12px;padding:0;transition:color .2s;display:grid}.toggle:hover,.experience-toggle:hover{color:#fff}.chevron{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s var(--ease);display:block}html.open .chevron{transform:rotate(180deg)}.more{transition:grid-template-rows .7s var(--ease);grid-template-rows:0fr;display:grid}html.open .more{grid-template-rows:1fr}.more>div{min-height:0;overflow:hidden}.strip{perspective:1200px;grid-template-columns:minmax(0,1fr) minmax(300px,21vw);align-items:start;column-gap:clamp(28px,1.35vw,48px);padding:24px clamp(40px,2.25vw,80px) 0;display:grid;position:relative}.positions{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,1.2vw,42px);display:grid}.projects{border-left:1px solid var(--rule);grid-template-columns:1fr;gap:18px;min-width:0;padding-left:clamp(24px,1.35vw,48px);display:grid}.strip:before{content:"";background:linear-gradient(90deg, transparent, var(--rule) 12%, var(--rule) 88%, transparent);height:1px;position:absolute;inset:0 0 auto}html.open .strip:before{animation:draw 1s var(--ease) .1s backwards}.position{min-width:0;color:var(--text);transform-origin:50% 0;grid-template-columns:20px minmax(0,1fr);align-content:start;align-items:center;gap:8px 10px;display:grid}html.open .position{animation:flip .9s var(--ease) calc(.15s + var(--i) * 80ms) backwards}.logo{object-fit:contain;width:20px;height:20px;transition:transform .4s var(--spring)}.position:hover .logo{transform:scale(1.2)rotate(-8deg)}.title{white-space:nowrap;align-items:baseline;gap:8px;min-width:0;display:flex}.position b{letter-spacing:-.02em;font-size:15px;font-weight:600}.title span{color:var(--muted);text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.position p{color:var(--body);grid-column:1/-1;margin:0;font-size:12.5px;line-height:1.45;transition:color .2s}.position:hover p{color:#c4c4ca}.project{grid-template-columns:28px minmax(0,1fr);align-items:start;column-gap:12px;min-width:0;display:grid}.project .logo{grid-row:span 2;width:28px;height:28px}.project .title{white-space:normal}.project b{font-size:14px}.project p{color:var(--body);grid-column:2;margin:1px 0 0;font-size:12px;line-height:1.35}@keyframes float{0%{transform:translateY(-3px)}to{transform:translateY(4px)}}@keyframes land{0%{transform:translate(var(--fx), var(--fy)) scale(var(--fs))}}@keyframes unspin{0%{transform:perspective(700px) rotateY(0deg) rotateX(0deg) rotate(var(--a,0deg))}to{transform:perspective(700px) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg)) rotate(720deg)}}@keyframes spin-in{0%{transform:rotate(-540deg)}to{transform:rotate(0)}}@keyframes turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translate(var(--fx), var(--fy)) scale(calc(var(--fs) * .6))}}@keyframes press{0%{opacity:0;transform:scale(.8)}}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes emerge{0%{opacity:0;transform:translateX(var(--sx)) scale(.6);filter:blur(12px)}}@keyframes word{0%{opacity:0;filter:blur(8px);transform:translateY(.6em)rotate(4deg)}}@keyframes hand{0%,to{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(14deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(10deg)}}@keyframes flip{0%{opacity:0;filter:blur(6px);transform:rotateX(-75deg)translateY(30px)}}@keyframes fade{0%{opacity:0}}@keyframes slide-right{0%{opacity:0;filter:blur(6px);transform:translate(-24px)}}@keyframes draw{0%{transform:scaleX(0)}}@media (width>=641px){html,body{height:100%;overflow:hidden}}@media (width>=641px) and (height<=720px){.nav{padding-top:18px}.strip{padding:16px 40px 0}}@media (width<=960px){.strip{grid-template-columns:1fr;gap:24px;padding-inline:40px}.positions{gap:24px}.projects{border-top:1px solid var(--rule);border-left:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px;padding:18px 0 0}}@media (width<=640px){.nav{padding:18px 18px 0}.who{gap:6px;padding-top:2px}.handle{font-size:14px}.hero{padding:48px 24px 40px}.mark{--wm:clamp(80px, 28vw, 140px)}.bio{margin-top:14px;font-size:14px;line-height:1.4}.strip{gap:20px;padding:18px 18px 0}.positions{grid-template-columns:1fr;gap:18px 16px}.projects{grid-template-columns:1fr;gap:16px;padding-top:18px}.position{grid-template-columns:18px minmax(0,1fr);gap:6px 8px}.logo{width:18px;height:18px}.position b{font-size:13.5px}.title{flex-direction:column;align-items:flex-start;gap:0}.title span{font-size:11.5px}.position p{font-size:11px;line-height:1.35}.elsewhere{border-radius:18px;min-width:auto;padding:8px 10px}.elsewhere div{gap:8px;font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}