@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}img,svg{max-width:100%;display:block}img{height:auto}a{color:inherit;text-decoration:none}}@layer base{html{background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--leading-body);scroll-behavior:smooth}body{overflow-x:hidden}a{transition:color var(--motion-fast) var(--ease-out)}:focus-visible{outline-offset:2px;box-shadow:var(--focus-ring);border-radius:var(--radius-1);outline:2px solid #0000}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes drift{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(-2deg)translateY(-8px)}}}@layer layout{.page{min-height:100dvh;max-width:calc(var(--content-max) + 2 * var(--gutter));padding:0 var(--gutter);grid-template-rows:auto 1fr auto;margin:0 auto;display:grid;position:relative}.section{gap:var(--space-6);padding-top:var(--space-7);border-top:1px solid var(--border-default);align-items:start;display:grid}.section+.section{margin-top:var(--space-8);padding-top:var(--space-8)}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);flex-wrap:wrap;display:flex}.section-split{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.section-split .section-head{gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}@media (width<=640px){.section-split{grid-template-columns:minmax(0,1fr)}}}@layer components{.site-header{padding:var(--space-5) 0;animation:rise var(--motion-reveal) var(--ease-out) both;justify-content:space-between;align-items:center;display:flex}.wordmark{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:var(--weight-medium);letter-spacing:var(--tracking-mono);color:var(--text-body);display:inline-flex}.wordmark:hover{color:var(--text-muted)}.wordmark-mark svg{flex:none;width:22px;height:22px}.wordmark-dot{color:var(--accent);transition:color var(--motion-fast) var(--ease-out)}.wordmark:hover .wordmark-dot{color:var(--accent-hover)}.site-nav{gap:var(--space-4);align-items:center;display:flex}.icon-link{border-radius:var(--radius-2);width:36px;height:36px;color:var(--text-muted);transition:color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.icon-link:hover{color:var(--text-body);background:var(--surface-card)}.icon-link svg{flex:none;width:20px;height:20px}.hero{gap:var(--space-7);padding:var(--space-8) 0 var(--space-9);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;display:grid;position:relative}.hero:before{content:"";background:radial-gradient(closest-side, var(--accent-glow), transparent);filter:blur(70px);opacity:.7;pointer-events:none;border-radius:50%;width:520px;height:520px;position:absolute;top:0;right:-10%}.hero-copy{gap:var(--space-5);display:grid;position:relative}.hero-headline{font-size:clamp(40px, 6vw, var(--font-size-3xl));font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-display);animation:rise var(--motion-reveal) var(--ease-out) .16s both}.hero-name{align-items:baseline;gap:var(--space-4);flex-wrap:wrap;display:flex}.hero-label{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-mono-caps);text-transform:uppercase;color:var(--text-muted)}.hero-line{margin-top:calc(var(--space-3) + 2px);font-size:clamp(20px, 2.4vw, var(--font-size-hero-line));font-weight:var(--weight-medium);letter-spacing:var(--tracking-hero-line);line-height:var(--leading-hero-line);color:var(--text-faint);display:block}.hero-body{max-width:52ch;color:var(--text-muted);animation:rise var(--motion-reveal) var(--ease-out) .24s both}.hero-actions{gap:var(--space-4);animation:rise var(--motion-reveal) var(--ease-out) .32s both;flex-wrap:wrap;align-items:center;display:flex}.button-primary{align-items:center;gap:var(--space-2);padding:var(--space-3) 20px;font-size:var(--font-size-md);font-weight:var(--weight-semibold);border-radius:var(--radius-2);background:var(--accent);color:var(--accent-ink);transition:background var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);line-height:1.2;display:inline-flex}.button-primary:hover{background:var(--accent-hover)}.button-primary:active{transform:scale(.98)}.hero-portrait{animation:rise var(--motion-reveal) var(--ease-out) .2s both;justify-items:end;display:grid;position:relative}.portrait{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-photo);border:1px solid var(--border-photo);width:min(100%,380px);box-shadow:var(--shadow-portrait);animation:drift var(--motion-drift) var(--ease-out) infinite;transform:rotate(-2deg)}@media (width<=760px){.hero{grid-template-columns:minmax(0,1fr)}.hero-portrait{justify-items:start}}.eyebrow{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:var(--tracking-mono-caps);text-transform:uppercase;color:var(--text-muted)}.section-title{font-size:var(--font-size-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}.project-list{display:grid}.project-row{gap:10px var(--space-5);padding:var(--space-5) var(--space-4);margin:0 calc(-1 * var(--space-4));border-top:1px solid var(--border-default);border-radius:var(--radius-2);transition:background-color var(--motion-base) var(--ease-out), transform var(--motion-fast) var(--ease-out);animation:rise var(--motion-reveal) var(--ease-out) .4s both;grid-template-rows:auto auto auto;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;display:grid;position:relative}.project-row:nth-child(2){animation-delay:.49s}.project-row:nth-child(3){animation-delay:.58s}.project-row:nth-child(4){animation-delay:.67s}.project-row:nth-child(n+5){animation-delay:.76s}.project-row:hover{background-color:var(--surface-card);background-image:radial-gradient(420px circle at 50% 50%, var(--accent-dim), transparent 60%)}.project-row:active{transform:scale(.98)}.project-row-link{grid-template-columns:subgrid;grid-template-rows:subgrid;color:var(--text-body);grid-area:1/1/-1/-1;align-items:start;display:grid}.project-row-mark{border-radius:var(--radius-2);grid-row:1/-1;width:40px;height:40px}.project-row-mark svg{width:100%;height:100%}.project-row-body{grid-area:1/2/-1;grid-template-rows:subgrid;min-width:0;display:grid}.project-row-heading{align-items:baseline;gap:var(--space-4);flex-wrap:wrap;display:flex}.project-row-name{font-size:var(--font-size-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:1.1}.project-row-host{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--accent)}.project-row-tagline{max-width:60ch;color:var(--text-muted)}.project-row-tags{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.tag{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:var(--tracking-mono);color:var(--text-muted);border-bottom:1px solid var(--border-strong);padding:2px 0}.project-row-repo{font-family:var(--font-mono);padding:var(--space-1) 0;margin:calc(-1 * var(--space-1)) 0;font-size:var(--font-size-xs);color:var(--text-muted);transition:color var(--motion-fast) var(--ease-out);grid-area:3/2;place-self:center end}@media (width<=640px){.project-row-repo{grid-row:4;justify-self:start}}.project-row-repo:hover{color:var(--text-body)}.row-arrow{padding-top:calc(var(--space-1) / 2);font-family:var(--font-mono);font-size:var(--font-size-xl);color:var(--text-faint);transition:transform var(--motion-base) var(--ease-out), color var(--motion-base) var(--ease-out);grid-area:1/3;line-height:1}.project-row:hover .row-arrow{transform:translate(3px,-3px)}.elsewhere-list{gap:var(--space-3);display:grid}.elsewhere-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--border-strong);border-radius:var(--radius-2);color:var(--text-body);font-family:var(--font-mono);font-size:var(--font-size-md);transition:border-color var(--motion-base) var(--ease-out), background var(--motion-base) var(--ease-out), transform var(--motion-fast) var(--ease-out);display:flex}.elsewhere-row:hover{border-color:var(--accent);background:var(--accent-dim)}.elsewhere-row:active{transform:scale(.98)}.elsewhere-row-label{align-items:center;gap:var(--space-3);display:flex}.elsewhere-row svg{flex:none;width:18px;height:18px}.elsewhere-row .row-arrow{font-size:var(--font-size-md);color:var(--accent)}.elsewhere-row:hover .row-arrow{transform:translate(3px,-3px)}.site-footer{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-9);padding:var(--space-5) 0 var(--space-7);border-top:1px solid var(--border-default);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);flex-wrap:wrap;display:flex}.back-to-top{padding:var(--space-1) 0;margin:calc(-1 * var(--space-1)) 0;color:var(--text-muted);border-bottom:1px solid var(--border-strong)}.back-to-top:hover{color:var(--text-body)}.text-link{color:var(--accent);border-bottom:1px solid var(--border-strong)}.text-link:hover{color:var(--accent-hover)}.not-found{align-content:center;justify-items:start;gap:var(--space-5);padding:var(--space-9) 0;display:grid}.not-found>*{animation:rise var(--motion-reveal) var(--ease-out) .16s both}.not-found>:nth-child(2){animation-delay:.24s}.not-found>:nth-child(3){animation-delay:.32s}.not-found>:nth-child(4){animation-delay:.4s}.not-found-title{font-size:var(--font-size-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.not-found-line{max-width:52ch;color:var(--text-muted)}}@layer utilities{@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none;animation:none}:active{transform:none}html{scroll-behavior:auto}}}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-page:#0d0c0b;--surface-card:#141311;--surface-raised:#1b1917;--border-default:#24211e;--border-strong:#332f2a;--border-photo:#ffffff14;--text-body:#efece7;--text-muted:#a8a39b;--text-faint:#6f6a63;--accent:#d9665f;--accent-hover:#e8827a;--accent-dim:#d9665f24;--accent-glow:#d9665f47;--accent-ink:#0d0c0b;--font-sans:"Geist Variable", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"Geist Mono Variable", "SF Mono", Menlo, Consolas, monospace;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:36px;--font-size-3xl:64px;--font-size-hero-line:28px;--leading-display:.98;--leading-tight:1.05;--leading-hero-line:1.15;--leading-snug:1.25;--leading-body:1.6;--tracking-tight:-.04em;--tracking-hero-line:-.02em;--tracking-mono:.02em;--tracking-mono-caps:.12em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:144px;--content-max:1040px;--gutter:var(--space-5);--radius-none:0;--radius-1:2px;--radius-2:4px;--radius-3:12px;--radius-photo:32px;--shadow-portrait:0 30px 60px -30px var(--accent-glow);--focus-ring:0 0 0 2px var(--surface-page), 0 0 0 4px var(--accent);--motion-fast:.12s;--motion-base:.24s;--motion-reveal:.7s;--motion-drift:9s;--motion-pulse:2.4s;--ease-out:cubic-bezier(.16, 1, .3, 1)}