@font-face{font-family:Satoshi;src:url(/assets/fonts/Satoshi-Variable.woff2) format("woff2");font-style:normal;font-weight:300 900;font-display:swap}:root{color-scheme:light;font-family:Satoshi,sans-serif;font-synthesis:none;--background: #fafafa;--foreground: #141414;--muted: #3f3f44;--purple: #9554ee;--purple-bright: #a65dff;--text-hover: #a76dff;--extensions-gold: #fbc119;--page-gutter: clamp(1.25rem, 3.7vw, 4.5rem);--header-top: clamp(2rem, 11.8vh, 7rem);background:var(--background);color:var(--foreground)}*{box-sizing:border-box}::selection{color:#fff;background:var(--text-hover);text-shadow:none}::-moz-selection{color:#fff;background:var(--text-hover);text-shadow:none}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}html{background:#fafafa}body{background:var(--background);color:var(--foreground);transition:background .42s ease,color .42s ease}body.dark-mode{color-scheme:dark;--background: #101112;--foreground: #f4f4f2;--muted: #dedee1;background:radial-gradient(circle at 50% 40%,#1a1b1d,#131416 48%,#0c0d0e)}button,a{color:inherit;font:inherit}button{border:0}a{text-decoration:none}button,a,.project-card{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--purple);outline-offset:5px;border-radius:4px}.skip-link{position:fixed;top:1rem;left:1rem;z-index:10000;padding:.6rem .8rem;color:#fff;background:#191919;transform:translateY(-180%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.site-header{position:fixed;top:var(--header-top);right:var(--page-gutter);left:var(--page-gutter);z-index:70;display:flex;align-items:flex-start;justify-content:space-between;font-size:clamp(1.12rem,1.56vw,1.9rem);font-weight:600;letter-spacing:.01em;line-height:1;pointer-events:none}.header-left,.header-right,.primary-nav{display:flex;align-items:flex-start}.header-left{gap:clamp(1.15rem,1.65vw,2rem)}.primary-nav{gap:clamp(.45rem,.65vw,.8rem)}.header-right{gap:clamp(.75rem,1vw,1.2rem)}.site-header a,.site-header button{font-size:1em;font-weight:600;line-height:1;pointer-events:auto}.nav-link,.social-link,.mode-control{position:relative;padding:0;background:transparent;cursor:pointer}.nav-link,.social-link{display:block;min-height:0;white-space:nowrap}.header-control{color:var(--foreground);transition:color .18s ease}.nav-link:not(.extensions-link):hover,.nav-link:not(.extensions-link).is-active,.social-link:hover{color:var(--text-hover)}.extensions-link:hover{background:linear-gradient(110deg,var(--extensions-gold) 30%,#fff1ae 50%,var(--extensions-gold) 70%);background-position:130% 50%;background-size:240% 100%;background-clip:text;color:var(--extensions-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:extensions-shimmer .9s ease both}.extensions-link:focus-visible{outline-color:var(--extensions-gold)}@keyframes extensions-shimmer{0%{background-position:130% 50%}to{background-position:-40% 50%}}.mode-control{display:inline-flex;width:.875em;height:.718em;min-height:0;align-items:center;justify-content:flex-start;margin-top:.141em;transform:translate(.19em)}.theme-bars{display:flex;width:.875em;height:.718em;align-items:center;justify-content:space-between}.theme-bar{width:.184em;height:.184em;border-radius:.031em;background:currentColor;transform:scaleY(1);transform-origin:center;transition:transform 90ms linear;will-change:transform}.mode-control.is-preparing .theme-bars{animation:theme-icon-pulse .7s ease-in-out infinite alternate}body.dark-mode .mode-control.is-playing .theme-bar{transform:scaleY(var(--bar-scale, 1));transition:none}@keyframes theme-icon-pulse{to{opacity:.45}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-title{position:fixed;right:var(--page-gutter);bottom:clamp(3.75rem,8.4vh,5rem);left:var(--page-gutter);z-index:10;display:flex;align-items:baseline;justify-content:space-between;margin:0;padding:0;color:#333;font-size:clamp(3.7rem,5.86vw,7.15rem);font-weight:900;font-synthesis:weight;letter-spacing:-.02em;line-height:.84;white-space:nowrap;pointer-events:none;transition:color .38s ease}body.dark-mode .hero-title{color:var(--purple-bright)}.title-dash{position:relative;top:-.09em}.gooey-part{display:inline-block;opacity:0;filter:blur(9px);transition:opacity .5s ease;will-change:filter}.gooey-part.is-ready{opacity:1}.about-panel{position:fixed;top:39.5vh;right:var(--page-gutter);left:var(--page-gutter);z-index:42;width:auto;mix-blend-mode:difference;visibility:hidden;opacity:0;transform:translateY(.6rem);transition:opacity .26s ease,transform .3s ease,visibility 0s linear .3s}.about-panel.is-visible{visibility:visible;opacity:1;transform:translateY(0);transition-delay:0s}.about-panel p{width:80%;margin:0;color:#fff;font-size:clamp(1.65rem,2.12vw,2.6rem);font-weight:400;letter-spacing:-.01em;line-height:1.08;text-align:justify;text-align-last:left}.project-card{--project-card-x: -50%;position:fixed;top:46%;left:50%;z-index:48;display:block;width:min(23vw,25rem);min-width:19rem;color:var(--foreground);visibility:hidden;opacity:0;transform:translate(var(--project-card-x)) scale(.96);transform-origin:50% 0;transition:opacity .28s ease,transform .33s ease,visibility 0s linear .33s,color .38s ease;cursor:pointer}.project-card:before{display:block;width:100%;aspect-ratio:16 / 5;content:"";pointer-events:none}.project-card.is-visible{visibility:visible;opacity:1;transform:translate(var(--project-card-x)) scale(1);transition-delay:0s}.project-card.is-pulsing{animation:card-pulse .38s ease}@keyframes card-pulse{50%{transform:translate(var(--project-card-x)) scale(1.025)}}.project-image-frame{position:absolute;top:0;left:0;width:100%;aspect-ratio:16 / 10;overflow:hidden;border-radius:clamp(.4rem,.5vw,.65rem);background:#d8d8d8;box-shadow:0 1rem 3rem #0000002e;transform:translateY(-50%)}.project-image{display:block;width:100%;height:100%;object-fit:cover}.project-title{margin-top:.22rem;font-size:clamp(1.08rem,1.28vw,1.55rem);font-weight:600;letter-spacing:-.01em;line-height:1.05}.project-description{max-width:95%;margin:.08rem 0 0;font-size:clamp(.82rem,.94vw,1.12rem);font-weight:400;line-height:1.17;opacity:.72}.tetrapod-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none}.tetrapod-layer-back{z-index:6}.tetrapod-layer-front{z-index:24}.tetrapod-layer canvas{display:block;width:100%;height:100%;pointer-events:none}.theme-fold{display:none}@media(min-width:701px)and (hover:hover)and (pointer:fine){.theme-fold{position:fixed;bottom:0;left:0;z-index:90;display:block;width:4.5rem;aspect-ratio:1;padding:0;overflow:hidden;border:0;background:transparent;cursor:pointer;filter:drop-shadow(.65rem -.4rem 1.25rem rgb(0 0 0 / 20%));transform-origin:0 100%;transition:width .52s cubic-bezier(.22,1,.36,1),opacity .26s ease,visibility 0s linear 0s,transform .32s cubic-bezier(.22,1,.36,1)}.theme-fold:before{position:absolute;bottom:0;left:0;z-index:2;width:0;height:0;box-sizing:content-box;border-style:solid;border-width:4.5rem 0 0 4.5rem;border-color:#d9d9dc transparent transparent transparent;content:"";pointer-events:none;transition:border-top-width .52s cubic-bezier(.22,1,.36,1),border-left-width .52s cubic-bezier(.22,1,.36,1),border-top-color .3s ease}.theme-fold-dark{position:absolute;inset:0;display:block;pointer-events:none}.theme-fold-dark{background:radial-gradient(circle at 15% 85%,rgb(149 84 238 / 32%),transparent 36%),radial-gradient(circle at 38% 65%,#21152f,#101112 54%,#08090a);clip-path:polygon(0 0,100% 100%,0 100%)}.theme-fold-dark:after{position:absolute;inset:0;background-image:url(/assets/noise.gif);background-size:18rem 18rem;content:"";mix-blend-mode:overlay;opacity:.1}.theme-fold-title{position:absolute;bottom:clamp(3.75rem,8.4vh,5rem);left:var(--page-gutter);z-index:1;display:flex;align-items:baseline;justify-content:space-between;width:calc(100vw - (var(--page-gutter) * 2));padding:0;color:var(--purple-bright);font-size:clamp(3.7rem,5.86vw,7.15rem);font-weight:900;font-synthesis:weight;letter-spacing:-.02em;line-height:.84;white-space:nowrap;opacity:0;transition:opacity .18s ease}.theme-fold:hover,.theme-fold:focus-visible{width:clamp(15rem,min(27vw,72vh),30rem)}.theme-fold:hover:before,.theme-fold:focus-visible:before{border-top-width:clamp(15rem,min(27vw,72vh),30rem);border-left-width:clamp(15rem,min(27vw,72vh),30rem);border-top-color:#eeeeef}.theme-fold:hover .theme-fold-title,.theme-fold:focus-visible .theme-fold-title{opacity:1;transition-delay:.12s}body.dark-mode .theme-fold{visibility:hidden;opacity:0;pointer-events:none;transform:scale(.84);transition-delay:0s,.26s,0s}}.soundtrack-timeline{position:fixed;right:0;bottom:0;left:0;z-index:110;height:1rem;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s ease,visibility 0s linear .22s}body.dark-mode .soundtrack-timeline{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}.soundtrack-progress{--timeline-progress: 0%;position:absolute;inset:0;width:100%;height:1rem;padding:0;margin:0;appearance:none;background:transparent;cursor:pointer}.soundtrack-progress:disabled{cursor:wait}.soundtrack-progress::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--text-hover) 0 var(--timeline-progress),rgb(255 255 255 / 22%) var(--timeline-progress) 100%)}.soundtrack-progress::-webkit-slider-thumb{width:0;height:0;margin:0;appearance:none;border:0;background:transparent}.soundtrack-progress::-moz-range-track{height:2px;border:0;background:#ffffff38}.soundtrack-progress::-moz-range-progress{height:2px;background:var(--text-hover)}.soundtrack-progress::-moz-range-thumb{width:0;height:0;border:0;background:transparent}.soundtrack-progress:focus-visible{outline:0}.loading-indicator{position:fixed;right:1.5rem;bottom:1.25rem;z-index:80;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.5;transition:opacity .3s ease}.loading-indicator.is-hidden{opacity:0;pointer-events:none}@media(max-width:1024px){:root{--page-gutter: 2.4rem;--header-top: clamp(1.6rem, 8vh, 4.5rem)}.about-panel{top:34vh}.about-panel p{font-size:clamp(1.6rem,3.2vw,2.2rem)}.project-card{top:46%;left:50%;width:min(38vw,21rem);min-width:15rem}.hero-title{font-size:clamp(3.8rem,8.4vw,6rem)}}@media(max-width:700px){:root{--page-gutter: 1.15rem;--header-top: max(1.4rem, env(safe-area-inset-top))}.site-header{align-items:flex-start;font-size:clamp(.92rem,4.15vw,1.18rem)}.header-left{gap:.8rem}.primary-nav{max-width:none;flex-wrap:nowrap;gap:.48rem}.header-right{gap:.65rem}.about-panel{top:27vh}.about-panel p{width:100%;font-size:clamp(1.32rem,6.2vw,1.8rem);line-height:1.06}.project-card{--project-card-x: 0%;top:36%;left:6vw;width:min(50vw,14rem);min-width:9.5rem}.project-title{font-size:clamp(.94rem,4.4vw,1.15rem)}.project-description{font-size:clamp(.7rem,3.3vw,.88rem)}.hero-title{bottom:max(4.25rem,calc(env(safe-area-inset-bottom) + 3.25rem));right:var(--page-gutter);left:var(--page-gutter);display:block;max-width:calc(100vw - (var(--page-gutter) * 2));font-size:clamp(3.35rem,16vw,5.3rem);line-height:.78;white-space:normal}.gooey-part{margin-right:.08em}}@media(max-height:620px)and (min-width:701px){:root{--header-top: 2rem}.about-panel{top:30vh}.project-card{top:46%;width:min(18rem,30vw)}.hero-title{bottom:2.4rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important}.gooey-part{transition:none}}