*,:before,:after{box-sizing:border-box}html,body{background:#000;width:100%;height:100%;margin:0;overflow:hidden}body{color:#f2f2f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}.title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.poster{filter:blur(18px);object-fit:cover;width:100%;height:100%;position:fixed;inset:0;transform:scale(1.06)}.canvas{cursor:none;opacity:0;touch-action:none;width:100%;height:100%;transition:opacity 1.2s;display:block;position:fixed;inset:0}.is-ready .canvas{opacity:1}@media (prefers-reduced-motion:reduce){.canvas{transition-duration:.3s}}.tracker{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;inset:0}.projects{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.projects:focus-within{clip-path:none;pointer-events:auto;z-index:2;width:min(420px,100% - 48px);height:286px;position:fixed;top:50%;left:24px;overflow:clip;transform:translateY(-50%);mask-image:linear-gradient(#0000,#000 28% 72%,#0000)}.projects ul{transform:translateY(calc(132px - var(--active,0) * 22px));margin:0;padding:0;list-style:none;transition:transform .6s cubic-bezier(.19,1,.22,1)}@media (prefers-reduced-motion:reduce){.projects ul{transition-duration:10ms}}.projects li{letter-spacing:-.2px;height:22px;opacity:calc(.5 - var(--distance,6) * .07);font-size:14px;line-height:22px;transition:opacity .4s}@media (prefers-reduced-motion:reduce){.projects li{transition-duration:10ms}}.projects .is-active{opacity:1}.projects a{color:inherit;text-decoration:none;display:inline-block;position:relative}.projects a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .6s cubic-bezier(.19,1,.22,1);position:absolute;bottom:1px;left:0;right:0;transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.projects a:after{transition-duration:10ms}}.projects a:focus,.projects a:focus-visible{outline:none}.projects a:focus:after{transform-origin:0;transform:scaleX(1)}.projects__details{color:#f2f2f273}.chrome{opacity:0;pointer-events:none;z-index:1;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;padding:24px;transition:opacity 1.2s .6s;display:grid;position:fixed;inset:0}.is-ready .chrome{opacity:1}.chrome a,.chrome button{pointer-events:auto}.chrome>a{color:inherit;text-decoration:none}.chrome>a:focus-visible{outline-offset:6px;outline:1px solid}@media (width<=640px){.chrome{padding:16px}}@media (prefers-reduced-motion:reduce){.chrome{transition-duration:.3s}}.logo{grid-area:1/1;place-self:start;height:22px;display:block}.logo img{width:auto;height:100%;display:block}.email{letter-spacing:-.2px;grid-area:1/2;place-self:start end;font-size:14px}@media (width<=640px){.email{font-size:13px}}.link{color:inherit;text-decoration:none;position:relative}.link:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .6s cubic-bezier(.19,1,.22,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.link:hover:after,.link:focus-visible:after{transform-origin:0;transform:scaleX(1)}.link:focus-visible{outline:none}.copy{letter-spacing:-.2px;text-wrap:balance;grid-area:3/1;align-self:end;max-width:400px;margin:0;font-size:14px;line-height:20px}@media (width<=640px){.copy{max-width:325px;font-size:13px}}.sound{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;grid-area:3/2;justify-content:center;place-self:end;align-items:center;width:28px;height:28px;margin:-6px;padding:0;display:flex}.sound:focus-visible{outline-offset:2px;outline:1px solid}.bars{align-items:flex-end;gap:2px;height:12px;display:flex}.bars span{transform-origin:bottom;background:currentColor;width:2px;height:100%;transition:transform .4s;transform:scaleY(.2)}[aria-pressed=true] .bars span{animation:.9s ease-in-out infinite alternate bars}[aria-pressed=true] .bars span:nth-child(2){animation-delay:-.45s}[aria-pressed=true] .bars span:nth-child(3){animation-delay:-.2s}[aria-pressed=true] .bars span:nth-child(4){animation-delay:-.7s}@media (prefers-reduced-motion:reduce){[aria-pressed=true] .bars span{animation:none;transform:scaleY(.7)}}@keyframes bars{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.is-unsupported:after{content:"This experience needs WebGL 2 with float render targets.";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}