@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600&family=Iosevka+Charon+Mono:wght@400;500;700&display=swap";@font-face{font-family:Snasm;src:url(/fonts/Snasm%20Lt.otf)format("opentype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Ledlight;src:url(/fonts/LEDLIGHT.otf)format("opentype");font-weight:400;font-style:normal;font-display:block}:root{--page:#f1f1ee;--ink:#0b0b0c;--line:#0b0b0cd1;--line-soft:#0b0b0c2e;--hover:#0b0b0c14;--shadow:0 8px 24px #0b0b0c33;--select:#58c376;--select-ink:#0a1b10;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--page:#0b0d12;--ink:#eef3f8;--line:#eef3f8cc;--line-soft:#eef3f82e;--hover:#eef3f81a;--shadow:0 8px 26px #0009;--select:#58c376;--select-ink:#0a1b10;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}::selection{background:var(--select);color:var(--select-ink)}html,body,#root{min-height:100%;margin:0}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{background:var(--page);color:var(--ink);font-family:Barlow Condensed,system-ui,sans-serif}html{scroll-behavior:auto}.grain{z-index:1;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}:root[data-theme=dark] .grain{mix-blend-mode:screen;opacity:.09}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav{z-index:100;background:var(--nav-bg);width:min(64rem,100% - 1.5rem);color:var(--nav-ink);border:1px solid var(--nav-line);box-shadow:var(--nav-shadow);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);--nav-bg:color-mix(in srgb, var(--page) 45%, transparent);--nav-ink:var(--ink);--nav-line:var(--line);--nav-hover:var(--hover);--nav-shadow:none;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:.45rem .6rem;transition:background .35s,color .35s,border-color .35s,box-shadow .35s;display:grid;position:fixed;top:clamp(.6rem,1.6vw,1.1rem);left:50%;transform:translate(-50%)}.nav-solid{--nav-bg:var(--page);--nav-line:var(--line-soft);--nav-shadow:var(--shadow)}.nav-mark{justify-self:start;place-items:center;width:2.1rem;height:2.1rem;margin-left:.35rem;display:grid}.nav-mark svg{fill:currentColor;width:1.35rem;height:1.35rem}.nav-links{justify-self:center;align-items:center;gap:.25rem;min-width:0;margin:0;padding:0;list-style:none;display:flex}.nav-links a,.nav-links button{color:inherit;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.42rem .8rem;font-family:Barlow Condensed,system-ui,sans-serif;font-size:clamp(.72rem,1.1vw,.84rem);font-weight:500;text-decoration:none;transition:background .2s;display:inline-block}.nav-links a:hover,.nav-links button:hover{background:var(--nav-hover)}.nav-theme{border:1px solid var(--nav-line);width:2.1rem;height:2.1rem;color:inherit;cursor:pointer;background:0 0;border-radius:50%;justify-self:end;place-items:center;padding:0;transition:background .2s;display:grid}.nav-theme:hover{background:var(--nav-hover)}.nav-theme svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:1.05rem;height:1.05rem}.nav :focus-visible{outline-offset:2px;outline:2px solid}@media (width<=560px){.nav{gap:.25rem;padding:.4rem}.nav-mark{margin-left:.15rem}.nav-links a,.nav-links button{letter-spacing:.05em;padding:.4rem;font-size:.68rem}}@media (prefers-reduced-motion:reduce){.nav,.nav-links a,.nav-links button,.nav-theme{transition:none}}.ornaments{z-index:0;pointer-events:none;position:absolute;inset:0}.orn{transform:translate(-50%, -50%) rotate(var(--rot,0deg));color:var(--ink);position:absolute}.orn-square,.orn-circle{background:currentColor}.orn-circle{border-radius:50%}.orn-square.is-outline,.orn-circle.is-outline{background:0 0;border:1.5px solid}.orn-tri path{fill:currentColor}.orn-tri.is-outline path{fill:none;stroke:currentColor;stroke-width:5px;stroke-linejoin:round}@media (width<=820px){.orn:nth-child(3n){display:none}.ornaments{inset:0 -2%}.orn{transform:translate(-50%, -50%) rotate(var(--rot,0deg)) scale(.7)}}.hero{z-index:0;isolation:isolate;background:var(--hero-bg);--hero-bg:var(--page);--hero-ink:var(--ink);--line-strong:var(--ink);height:100svh;position:sticky;top:0;overflow:hidden}.plate{min-height:100svh;color:var(--hero-ink);z-index:2;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-content:center;gap:clamp(1.5rem,4vw,3.5rem);padding:clamp(2rem,6vw,5rem);display:grid;position:relative}.plate-col{flex-direction:column;justify-content:center;min-width:0;display:flex}.typer{white-space:pre-wrap;max-width:21ch;color:var(--hero-ink);margin:0;font-family:Iosevka Charon Mono,ui-monospace,monospace;font-size:clamp(1.7rem,3.9vw,3.5rem);font-weight:500;line-height:1.18;position:relative}.typer-ghost{visibility:hidden;display:block}.typer-live{position:absolute;inset:0}.typer-caret{vertical-align:-.13em;background:currentColor;width:.55em;height:1em;margin-left:.12em;animation:1.05s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.wave{width:min(100%,26rem);margin:clamp(1rem,2.5vw,1.75rem) 0 0;display:block}.wave-line{fill:none;stroke:var(--line);stroke-width:2px;vector-effect:non-scaling-stroke}.wave-cap{stroke:var(--line-strong);stroke-width:5px;stroke-linecap:round;vector-effect:non-scaling-stroke}@keyframes drift{to{transform:translate(-1200px)}}.wave-1{opacity:.9;animation:9s linear infinite drift}.wave-2{opacity:.6;animation:6s linear infinite drift}.wave-3{opacity:.45;animation:14s linear infinite reverse drift}.furniture{align-items:center;gap:1rem;margin-top:clamp(1.25rem,3vw,2rem);display:flex}.rivet{border:1px solid var(--line);border-radius:50%;width:1.9rem;height:1.9rem;position:relative}.rivet:after{content:"";border:1px solid var(--line);border-radius:50%;position:absolute;inset:5px}.toggle{border:1px solid var(--line);border-radius:999px;width:4.2rem;height:1.7rem;position:relative}.toggle:after{content:"";border:1px solid var(--line);border-radius:999px;width:45%;position:absolute;top:3px;bottom:3px;right:3px}.hero-scene{aspect-ratio:1;pointer-events:none;backface-visibility:hidden;width:132%;max-height:74svh;margin-inline:-16%;transform:translateZ(0)}.marks{pointer-events:none;position:absolute;inset:clamp(1.25rem,3vw,2.25rem)}.marks span{border:1px solid var(--line);width:14px;height:14px;position:absolute}.marks span:first-child{border-bottom:0;border-right:0;top:0;left:0}.marks span:nth-child(2){border-bottom:0;border-left:0;top:0;right:0}.marks span:nth-child(3){border-top:0;border-right:0;bottom:0;left:0}.marks span:nth-child(4){border-top:0;border-left:0;bottom:0;right:0}.caption{text-align:center;letter-spacing:.4em;text-transform:uppercase;color:var(--hero-ink);opacity:.75;pointer-events:none;margin:0;font-family:Barlow Condensed,system-ui,sans-serif;font-size:clamp(.7rem,1.1vw,.85rem);position:absolute;bottom:clamp(2rem,5vw,3.5rem);left:0;right:0}@keyframes plate-on{0%{opacity:0}to{opacity:1}}.plate{animation:1s cubic-bezier(.2,.8,.2,1) both plate-on}@media (width<=820px){.plate{text-align:center;grid-template-columns:1fr;align-content:start;gap:1.75rem;padding:clamp(6rem,15svh,8rem) 2.5rem 5.5rem}.plate-col{align-items:center}.typer,.wave,.furniture{margin-inline:auto}.furniture{justify-content:center}.wave{width:min(90%,21rem)}.hero-scene{width:112%;max-height:46svh;margin-inline:-6%}.orn:nth-child(3n){display:none}}@media (prefers-reduced-motion:reduce){.plate,.typer-caret,.wave-line{animation:none}}.hero>.ornaments{z-index:0}.hero>.grain{z-index:1}@property --rise{syntax:"<number>";inherits:true;initial-value:1}.wheel{z-index:1;--shoulder:calc(5% * (1 - var(--rise)));--corner:calc(2.75rem * (1 - var(--rise)));touch-action:pan-y;width:100%;height:100svh;position:relative}.wheel-panel{background:var(--page);isolation:isolate;clip-path:inset(0 var(--shoulder) 0 var(--shoulder) round var(--corner) var(--corner) 0 0);position:absolute;inset:0;overflow:hidden}.wheel-panel canvas{display:block}.wheel-panel>.ornaments{z-index:0}.wheel-panel>.grain{z-index:1}.wheel-stage{z-index:2;position:absolute;inset:0}.wheel:before{content:"";inset:0 var(--shoulder) 0 var(--shoulder);border-radius:var(--corner) var(--corner) 0 0;box-shadow:0 calc(-16px * (1 - var(--rise))) calc(60px * (1 - var(--rise))) rgba(11, 11, 12, calc(.35 * (1 - var(--rise))));pointer-events:none;position:absolute}.wheel-active{cursor:grab}.wheel-active:active{cursor:grabbing}@media (prefers-reduced-motion:reduce){.wheel{--shoulder:0%;--corner:0px}}.page{isolation:isolate;background:var(--page);min-height:100svh;color:var(--ink);position:relative;overflow:hidden}.page-inner{z-index:2;max-width:46rem;margin:0 auto;padding:clamp(7rem,16vh,10rem) clamp(3.25rem,5vw,3rem) 6rem;position:relative}.page-eyebrow{border-bottom:1px solid var(--line);letter-spacing:.34em;text-transform:uppercase;margin:0 0 1.1rem;padding-bottom:.9rem;font-family:Iosevka Charon Mono,ui-monospace,monospace;font-size:.75rem;font-weight:500}.page h1{letter-spacing:-.01em;margin:0;font-family:Iosevka Charon Mono,ui-monospace,monospace;font-size:clamp(1.6rem,4.5vw,2.6rem);font-weight:700;line-height:1.12}.page-body .page-lede+.page-lede{margin-top:1.15rem}.page-lede{opacity:.82;max-width:38rem;margin:1.5rem 0 0;font-size:1.05rem;line-height:1.7}.page-links{border-top:1px solid var(--line-soft);margin:2.5rem 0 0;padding:0;list-style:none}.page-links li{border-bottom:1px solid var(--line-soft)}.page-links a{color:inherit;justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem .25rem;font-family:Iosevka Charon Mono,ui-monospace,monospace;font-size:.95rem;text-decoration:none;transition:padding .18s,background .18s;display:flex}.page-links a:after{content:"→";opacity:.5}.page-links a:hover{background:var(--hover);padding-inline:.75rem}.page-marks{z-index:2;pointer-events:none;position:absolute;inset:clamp(.9rem,3vw,2.25rem)}.page-marks span{border:1px solid var(--line);width:14px;height:14px;position:absolute}.page-marks span:first-child{border-bottom:0;border-right:0;top:0;left:0}.page-marks span:nth-child(2){border-bottom:0;border-left:0;top:0;right:0}.page-marks span:nth-child(3){border-top:0;border-right:0;bottom:0;left:0}.page-marks span:nth-child(4){border-top:0;border-left:0;bottom:0;right:0}@media (prefers-reduced-motion:reduce){.page-links a{transition:none}}.index-page{isolation:isolate;background:var(--page);min-height:100svh;color:var(--ink);position:relative;overflow:hidden}.index-inner{z-index:2;max-width:72rem;margin:0 auto;padding:clamp(7rem,15vh,9rem) clamp(3.25rem,5vw,3rem) 6rem;position:relative}.index-head{border-bottom:1px solid var(--line);margin-bottom:clamp(2rem,5vw,3.5rem);padding-bottom:1rem}.index-head h1{letter-spacing:-.01em;margin:0;font-family:Iosevka Charon Mono,ui-monospace,monospace;font-size:clamp(1.6rem,4.5vw,2.6rem);font-weight:700}.channels{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:clamp(1rem,2.5vw,1.75rem);margin:0;padding:0;list-style:none;display:grid}.channel{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--ink) 4%, var(--page));color:inherit;border-radius:1.1rem;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:block;overflow:hidden}.channel:hover,.channel:focus-visible{border-color:var(--line);box-shadow:var(--shadow);transform:translateY(-3px)}.channel-screen{aspect-ratio:4/3;background:color-mix(in srgb, var(--ink) 10%, var(--page));display:block;position:relative;overflow:hidden}.channel-screen img{object-fit:cover;width:100%;height:100%;display:block}.channel-gloss{pointer-events:none;background:linear-gradient(170deg,#ffffff6b 0%,#ffffff14 38%,#fff0 55%);position:absolute;inset:0}.channel-plate{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;gap:.75rem;padding:.85rem 1rem;display:flex}.channel-name{font-family:Iosevka Charon Mono,ui-monospace,monospace;font-size:.98rem;font-weight:700}.channel-meta{letter-spacing:.14em;text-transform:uppercase;opacity:.6;white-space:nowrap;font-size:.78rem}@media (prefers-reduced-motion:reduce){.channel{transition:none}}.project-page{isolation:isolate;background:var(--page);min-height:100svh;color:var(--ink);position:relative;overflow:hidden}.project-inner{z-index:2;max-width:64rem;margin:0 auto;padding:clamp(7rem,15vh,9rem) clamp(3.25rem,5vw,3rem) 6rem;position:relative}.project-back{color:inherit;letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin-bottom:2rem;font-family:Iosevka Charon Mono,ui-monospace,monospace;font-size:.8rem;text-decoration:none;display:inline-block}.project-back:hover{opacity:1}.project-head{border-bottom:1px solid var(--line);padding-bottom:1.5rem}.project-eyebrow{letter-spacing:.28em;text-transform:uppercase;opacity:.65;margin:0 0 .7rem;font-family:Iosevka Charon Mono,ui-monospace,monospace;font-size:.75rem}.project-head h1{letter-spacing:-.02em;margin:0;font-family:Iosevka Charon Mono,ui-monospace,monospace;font-size:clamp(1.8rem,5vw,3rem);font-weight:700;line-height:1.1}.project-tagline{opacity:.8;max-width:42ch;margin:.75rem 0 0;font-size:1.05rem;line-height:1.6}.project-links{flex-wrap:wrap;gap:1.25rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.project-links a{color:inherit;text-underline-offset:4px;font-family:Iosevka Charon Mono,ui-monospace,monospace;font-size:.9rem}.project-h2{letter-spacing:.28em;text-transform:uppercase;opacity:.7;margin:0 0 1rem;font-family:Iosevka Charon Mono,ui-monospace,monospace;font-size:.8rem;font-weight:700}.project-body{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);margin-top:clamp(2.5rem,6vw,4rem);display:grid}.project-summary p{opacity:.88;max-width:60ch;margin:0 0 1.1rem;line-height:1.75}.spotlight{aspect-ratio:1;width:100%;min-width:12rem;min-height:12rem}.spotlight canvas{display:block}.project-cols{border-top:1px solid var(--line-soft);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:clamp(2rem,5vw,3.5rem);margin-top:clamp(2.5rem,6vw,4rem);padding-top:clamp(2rem,5vw,3rem);display:grid}.chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--line-soft);border-radius:999px;padding:.35rem .8rem;font-family:Iosevka Charon Mono,ui-monospace,monospace;font-size:.82rem}.skills{margin:0;padding:0;list-style:none}.skills li{border-bottom:1px solid var(--line-soft);padding:.7rem 0 .7rem 1.4rem;line-height:1.55;position:relative}.skills li:before{content:"→";opacity:.45;position:absolute;left:0}.gallery{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.gallery img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line-soft);border-radius:.8rem;width:100%;transition:transform .2s;display:block}.gallery a:hover img{transform:scale(1.02)}.project-inner>section:last-of-type{margin-top:clamp(2.5rem,6vw,4rem)}.project-nav{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;margin-top:clamp(3rem,7vw,5rem);padding-top:1.5rem;display:flex}.project-nav a{color:inherit;gap:.3rem;font-family:Iosevka Charon Mono,ui-monospace,monospace;font-size:1rem;text-decoration:none;display:grid}.project-nav a:last-child{text-align:right}.project-nav span{letter-spacing:.26em;text-transform:uppercase;opacity:.55;font-size:.7rem}.project-nav a:hover{text-underline-offset:4px;text-decoration:underline}@media (width<=760px){.project-body{grid-template-columns:1fr}.spotlight{max-width:20rem;margin-inline:auto}}@media (prefers-reduced-motion:reduce){.gallery img{transition:none}}