@font-face{font-family:Courier New Fallback;src:local("Courier New"),local("Courier-New");size-adjust:100%;ascent-override:83%;descent-override:26%;line-gap-override:22%}@font-face{font-family:Consolas Fallback;src:local("Consolas Bold"),local("Consolas-Bold");size-adjust:109%;ascent-override:86%;descent-override:21%;line-gap-override:13%}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:300;src:local("JetBrainsMono"),url(/fonts/JetBrainsMonoLight.woff) format("woff");font-display:swap}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;src:local("JetBrainsMono"),url(/fonts/JetBrainsMonoBold.woff) format("woff");font-display:swap}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:800;src:url(/fonts/JetBrainsMonoExtraBold.woff) format("woff");font-display:swap}:root{--breakpoint-mobile:666px;--hoverIntent:0.1s;--transition-fast:0.05s;--transition-default:0.1s;--transition-slow:0.2s;--color-dark-gray:#404040;--color-ascii:#848484;--bgColor:#000;--fgColor:#fff;--fgColor-subtle:#aaa;--fgColor-barely-visible:#666;--spacing-default:1ch;--spacing-large:2ch;--spacing-xl:3ch;--spacing-v-tiny:2px;--spacing-v-small:5px;--spacing-v-default:10px;--spacing-v-large:20px;--spacing-v-xl:40px;--spacing-v-section:60px;--rounded-default:0px;--rounded-large:0px;--contentWidth:770px;--lineHeight:1.75rem;--borderColor:#333;--outline:1px solid var(--fgColor);--control-default-bgColor-active:#222;--control-inverted-bgColor-active:#ccc}@keyframes appear{0%,32%{color:grey}33%,65%{color:#bfbfbf}66%,to{color:var(--fgColor)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}:root{color-scheme:dark;background-color:var(--bgColor)}a:focus-visible{outline:var(--outline);outline-offset:4px}body,canvas,html{background-color:var(--bgColor)}body{margin:0;width:100%;height:100vh;overflow-y:scroll;overflow-x:hidden}iframe{border:none}img{background-color:#222;background-position:50%;background-repeat:no-repeat;background-size:cover;color:transparent;height:auto}ul{margin:0;padding:0}li{list-style:none}canvas{position:absolute;inset:0;height:100%;width:100%;image-rendering:pixelated}article,main,section{margin-bottom:var(--spacing-v-section)}.fuzz-pedal-vertical img{aspect-ratio:770/915}:root{--font-stack:"JetBrains Mono","Consolas Fallback","Courier New Fallback",monospace;font-family:var(--font-stack);font-weight:400;font-synthesis:none;font-optical-sizing:auto;font-style:normal;font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums;font-size:16px;letter-spacing:.5px}h1,h2{margin-bottom:var(--spacing-v-large)}h1{min-height:73px;margin-top:0;margin-bottom:40px;font-size:3.25rem;letter-spacing:3.6px;font-weight:900}@media(max-width:810px){h1{font-size:2.5rem}}h2{min-height:32px}p{line-height:var(--lineHeight)}a{color:var(--fgColor-barely-visible)}.dim{color:var(--color-dark-gray)!important}.copyright{display:inline-block;position:relative;top:3px;font-size:1.3rem;line-height:.5;width:11px}#root{width:100%;height:100vh;margin:0}#website{display:flex;min-height:100%;color:#fff}#fade{z-index:1;position:absolute;inset:0;background:radial-gradient(circle at bottom,var(--bgColor) 20%,transparent 100%),linear-gradient(to bottom,var(--bgColor) 30%,transparent);pointer-events:none}.content{width:100%;z-index:5;padding-top:80px;padding-bottom:160px;min-height:100%;box-sizing:border-box}@media(max-width:810px){.content{padding-top:0;padding-bottom:var(--spacing-v-large)}}.container{height:100%;padding-left:var(--spacing-large);padding-right:var(--spacing-large);max-width:var(--contentWidth);margin:auto}.container,.container>*{position:relative}.container:before{content:"";z-index:0;background:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);position:absolute;inset:0}@media(max-width:810px){.container{overflow:hidden}}.canvas-wrapper{position:fixed;top:0;width:100%;height:100%;z-index:0}.canvas-wrapper table{color:var(--color-ascii);filter:grayscale(1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.skills{display:flex;flex-direction:column;gap:var(--spacing-v-large)}.projects,.side-quests{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:calc(var(--spacing-v-xl)) calc(var(--spacing-large) - 4px);gap:calc(var(--spacing-v-xl)) calc(var(--spacing-large) - 4px)}@media(max-width:680px){.projects,.side-quests{grid-template-columns:1fr}}.footer-links{display:flex;flex-wrap:wrap;gap:var(--spacing-default);margin-bottom:var(--spacing-v-default)}.footer-text{color:var(--fgColor-barely-visible)}.hero{margin-top:-44px;display:flex}.hero-left{display:flex;flex-direction:column;justify-content:flex-end;max-width:450px}.hero-left h1 span{display:inline-block}.hero-left p{margin-top:0}.hero-left h1,.hero-left p{margin-bottom:var(--spacing-v-large)}.hero-right{flex:1 1;position:relative;width:100%}.hero-right pre{margin:auto;border-radius:var(--rounded-large)}.hero-right pre.completed span{animation:none!important}.hero-right pre,.hero-right pre span{width:-moz-fit-content;width:fit-content}@media(max-width:810px){.hero{margin-top:0;margin-inline:calc(-1*var(--spacing-v-large));padding-inline:var(--spacing-v-large)}.hero-left{max-width:unset;z-index:1}.hero-left h1{margin-top:var(--spacing-v-xl)}}@media(max-width:810px)and (max-width:380px){.hero-left h1{max-width:190px}}@media(max-width:810px)and (max-width:200px){.hero-left h1{max-width:150px}}@media(max-width:810px){.hero-right{top:-45px;left:-95px;height:270px;opacity:.4;transform-origin:left;scale:2;overflow:hidden;pointer-events:none;will-change:transform;transform:translateY(var(--scroll))}.hero-right,.hero-right>div{position:absolute}.hero-right:after,.hero-right:before{content:"";position:absolute;width:700px;inset:-2px;z-index:2}.hero-right:before{background:linear-gradient(transparent 35%,var(--bgColor))}.hero-right:after{background:linear-gradient(to left,var(--bgColor) 60%,transparent)}.hero-right pre{margin:unset}.hero br{display:none}}.project h2{margin-top:0;margin-bottom:var(--spacing-v-section)}.project h2 a{text-decoration:none;color:var(--fgColor)}.project ul:not(.tags-list,.button-group){list-style:initial;list-style-type:circle;margin:var(--spacing-v-large) 3ch}.project ul:not(.tags-list,.button-group) li{margin-bottom:var(--spacing-v-large);list-style:decimal}.project strong{font-weight:900}.project a{color:inherit!important}.project p:first-of-type{margin-top:var(--spacing-v-xl)}.project .tags{max-width:min(var(--contentWidth) - 300px,100%);margin-top:var(--spacing-v-default);margin-bottom:var(--spacing-v-large)}.project img,.project video{width:100%;margin-bottom:var(--spacing-v-default)}.project figure{margin-inline:0;margin-block:var(--spacing-v-xl)}.project figure figcaption{margin:0;color:var(--fgColor-barely-visible)}@media(max-width:810px){.project h2{position:relative;z-index:1;margin-top:var(--spacing-v-xl);margin-bottom:var(--spacing-v-xl)}.project h2 a span{display:inline-block}}@media(max-width:220px){.project h2{max-width:100px}}.not-found{height:100%;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-v-xl)}.not-found pre{all:unset;white-space:pre-wrap;overflow:hidden}.button{all:unset;display:inline-block;padding:var(--spacing-v-small) calc(var(--spacing-default) - 1px);font-weight:500;letter-spacing:.5px!important;border-radius:var(--rounded-default);border:1px solid #333;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:calc(4ch + 2px);text-align:center;min-height:calc(1rem + var(--spacing-v-default)/2)}.button.inverted{background-color:var(--fgColor);color:var(--bgColor);font-weight:600}.button.inverted:active{background-color:var(--control-inverted-bgColor-active)}.button:hover{cursor:pointer}.button:active{background-color:var(--control-default-bgColor-active)}.button:focus-visible{outline:var(--outline);outline-offset:0;background-color:var(--bgColor);color:var(--fgColor);font-weight:400}.button-group{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing-default) + 2px)}.card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-v-xl);height:100%;text-decoration:none}.card-link{position:absolute;inset:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1;outline-offset:7.5px!important;color:transparent}.card-link>div{aspect-ratio:16/9}.card-tags{min-height:72px}.card:last-child .card-tags,.card:nth-last-child(2) .card-tags{min-height:unset}.card-top{display:flex;flex-direction:column;gap:var(--spacing-v-default)}.card-image{position:relative;cursor:pointer}.card-image,.card-image img{aspect-ratio:16/9;overflow:hidden}.card-image img{width:100%;max-height:100%;object-fit:cover;border-radius:var(--rounded-default);transition:filter var(--transition-fast) ease-in}.card-title{font-size:inherit;margin:0;display:flex;gap:var(--spacing-default)}.card-title-text{font-weight:700}.card-title-year{color:var(--fgColor-barely-visible)}.card .card-image{background-color:#222}.card:nth-child(4n-1) .card-image,.card:nth-child(4n-2) .card-image{background-color:#fff}.card hr{display:none}.tags--skills{display:flex;flex-wrap:wrap}.tags--skills .tags-list{display:contents!important}.tags--skills .tag.tag--intro,.tags--skills .tags-list .tag{color:#fff;padding:3.5px calc(1ch + .5px)}.tags-title{display:none}.tags .tags-list{display:flex;flex-wrap:wrap}.tags .tags-list a{text-decoration:none}.tags .tag{position:relative;padding:1.5px calc(var(--spacing-default) + .5px);border-radius:var(--rounded-default);color:#757575;height:calc(1rem + var(--spacing-v-default)/2);box-shadow:1px 0 0 0 var(--borderColor),0 1px 0 0 var(--borderColor),1px 1px 0 0 var(--borderColor),1px 0 0 0 var(--borderColor) inset,0 1px 0 0 var(--borderColor) inset}.tags .tag:has(a:focus-visible):before{content:"";position:absolute;inset:0;bottom:-1px;right:-1px;z-index:1;outline:var(--outline)}.tags .tag:has(a:focus-visible) a{outline:none}.tags .tag:has(a):active{background-color:var(--control-default-bgColor-active)}.tags .tag--intro{box-shadow:none;padding-right:1ch;padding-left:0}.tags h3{font-size:inherit;margin:0}.tags ul{display:contents}.tags:not(.tags--skills) .tag{text-decoration:none}.react,.tags .tags-list .tag.react{color:#61dafb;text-shadow:0 0 10px #61dafb,0 0 30px #61dafb}.tags .tags-list .tag.work,.work{color:#c6ad7b;text-shadow:0 0 10px #c6ad7b,0 0 30px #c6ad7b}.react-flash,.tags .tags-list .tag.react-flash{transition-delay:var(--hoverIntent);color:#b4edfd}.react-flash.tag,.tags .tags-list .tag.react-flash.tag{position:relative;background:#002421}.tags .tags-list .tag.work-flash,.work-flash{transition-delay:var(--hoverIntent);color:#ffe6b3}.tags .tags-list .tag.work-flash.tag,.work-flash.tag{position:relative;background-color:#241200}.header{position:relative;display:flex;justify-content:space-between}.header-title{line-height:1.15;margin-bottom:0}.header-left{position:relative;flex:1 1;z-index:1;max-width:55%;display:flex;flex-direction:column;justify-content:space-between}.header-right{flex:0 1;margin-right:var(--spacing-v-xl);display:flex;justify-content:center}.header-right pre{margin:0}@media(max-width:810px){.header-title{font-size:2.5rem;min-height:unset}.header-left{max-width:unset}.header-right{position:absolute;top:-50px;left:-95px;height:240px;opacity:.3;transform-origin:bottom left;scale:2;pointer-events:none;overflow:hidden}.header-right pre{will-change:transform;transform:translateY(var(--scroll))}.header-right:after,.header-right:before{content:"";position:absolute;width:700px;inset:-2px;z-index:2;pointer-events:none}.header-right:before{background:linear-gradient(transparent 35%,var(--bgColor))}.header-right:after{background:linear-gradient(to left,var(--bgColor) 60%,transparent)}.header-right .ascii-glitch-glitched{top:0}}.header--pedalboard .header-tags{max-width:340px}@media(max-width:810px){.header--pedal .header-right pre,.header--pedalboard .header-right pre{top:60px}}.header--resizer .header-tags{max-width:200px}@media(max-width:810px){.header--bloggyn .header-right pre,.header--resizer .header-right pre{top:50px}}.header--fps .header-tags{max-width:350px}.header--fps .header-right{margin-right:var(--spacing-v-large)}@media(max-width:810px){.header--fps .header-right pre{top:10px;left:-40px}.header--lab .header-right pre{top:30px}.header--agpyspl .header-right pre{top:-80px;left:30px}.header--granular .header-right pre{top:50px}}.header--bloggyn .header-tags,.header--recorder .header-tags{max-width:300px}@media(max-width:810px){.header--recorder .header-right pre{top:30px}}.header--taskify .header-tags{max-width:180px}@media(max-width:810px){.header--taskify .header-right pre{top:50px}}@media(max-width:350px){.header-title{font-size:clamp(1.5rem,12vw,2.5rem)!important}}pre{font-family:var(--font-stack);font-size:10px;letter-spacing:-3px;line-height:.59;-webkit-user-select:none;-moz-user-select:none;user-select:none}body.intro-finished .hero-ascii-encrypted{display:none}.hero-ascii{--interval:400ms;position:relative;display:flex;align-items:flex-end;justify-content:center}.hero-ascii-original .appear{animation:appear var(--interval)}.hero-ascii-encrypted{position:absolute;inset:0;top:unset;padding:2px;height:100%;overflow:hidden;margin-left:-5px;margin-right:-5px}.hero-ascii-encrypted pre{margin-top:8px;position:absolute;inset:0;top:unset;color:var(--color-dark-gray);padding-inline:3px;background-color:#000}