:root{--color-paper: oklch(16.5% .014 240);--color-paper-2: oklch(21% .016 240);--color-surface: oklch(19% .016 240);--color-rule: oklch(30% .018 235);--color-rule-2: oklch(38% .02 235);--color-neutral: oklch(62% .014 235);--color-muted: oklch(72% .012 235);--color-ink: oklch(94% .008 235);--color-accent: oklch(72% .16 245);--color-accent-2: oklch(80% .13 245);--color-accent-soft: oklch(28% .05 245);--color-focus: oklch(76% .17 245);--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter Tight", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-3xl: 2.9rem;--text-display: clamp(2.6rem, 4.2vw + 1rem, 4.6rem);--text-display-s: clamp(2.1rem, 3vw + 1rem, 3.4rem);--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.25rem;--space-xl: 3.5rem;--space-2xl: 5rem;--space-3xl: 7.5rem;--radius-sm: 6px;--radius-md: 10px;--radius-pill: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--measure: 65ch}*,*:before,*:after{box-sizing:border-box}html,body,#root{overflow-x:clip}html{scroll-behavior:smooth;color-scheme:dark}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit}.skip-link{position:absolute;left:-999px;top:0;background:var(--color-ink);color:var(--color-paper);padding:var(--space-2xs) var(--space-sm);z-index:100}.skip-link:focus{left:var(--space-sm);top:var(--space-sm)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-paper-2);padding:.1em .4em;border-radius:4px}.nav{position:sticky;top:var(--space-sm);z-index:40;display:flex;justify-content:center;padding-inline:clamp(1rem,4vw,1.5rem)}.nav__inner{display:flex;align-items:center;gap:var(--space-lg);width:100%;max-width:46rem;padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-md);border-radius:var(--radius-pill);background:color-mix(in oklch,var(--color-surface) 78%,transparent);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border:1px solid var(--color-rule);box-shadow:0 8px 30px -12px #00000080}.nav__wordmark{display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-display);font-weight:700;font-size:var(--text-md);letter-spacing:-.02em;text-decoration:none;white-space:nowrap}.nav__wordmark-text{color:var(--color-ink)}.nav__wordmark-accent{color:var(--color-accent)}.nav__avatar{width:24px;height:24px;border-radius:50%;border:1px solid var(--color-rule-2);object-fit:cover}.nav__links{display:flex;gap:var(--space-md);margin-inline-start:auto}.nav__links a{text-decoration:none;font-size:var(--text-sm);color:var(--color-muted);transition:color var(--dur-micro) var(--ease-out)}.nav__links a:hover{color:var(--color-ink)}.nav__cta{display:inline-flex;align-items:center;gap:var(--space-3xs);text-decoration:none;background:var(--color-ink);color:var(--color-paper);font-size:var(--text-sm);font-weight:600;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);transition:transform var(--dur-micro) var(--ease-out),background var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.nav__cta:hover{transform:translateY(-1px);background:var(--color-accent);color:var(--color-paper)}.nav__cta:active{transform:translateY(0)}@media (max-width: 40rem){.nav__links{display:none}}.hero{max-width:52rem;margin-inline:auto;padding:var(--space-2xl) clamp(1rem,4vw,1.5rem) var(--space-xl)}.hero__eyebrow{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);margin:0 0 var(--space-sm)}.hero__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-display);line-height:1.08;letter-spacing:-.03em;margin:0 0 var(--space-md);overflow-wrap:anywhere;min-width:0}.hero__lede{max-width:var(--measure);color:var(--color-muted);font-size:var(--text-md);margin:0 0 var(--space-lg)}.wave{display:inline-block;cursor:default;transform-origin:70% 70%;border-radius:var(--radius-sm)}.wave:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.wave.is-waving{animation:wave-hand .65s var(--ease-in-out)}@keyframes wave-hand{0%{transform:rotate(0)}12%{transform:rotate(16deg)}24%{transform:rotate(-10deg)}36%{transform:rotate(16deg)}48%{transform:rotate(-6deg)}60%{transform:rotate(10deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){.wave.is-waving{animation:none}}.hero__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-md);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:transform var(--dur-micro) var(--ease-out),background var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out);white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--color-ink);color:var(--color-paper);border:1px solid var(--color-ink)}.btn--primary:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-paper)}.btn--ghost{background:transparent;color:var(--color-ink);border:1px solid var(--color-rule-2)}.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}.stats{max-width:64rem;margin:0 auto var(--space-2xl);padding:var(--space-lg) clamp(1rem,4vw,1.5rem);border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.stat{display:flex;flex-direction:column;gap:var(--space-3xs)}.stat__num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-2xl);font-weight:500;letter-spacing:-.02em}.stat__label{font-size:var(--text-sm);color:var(--color-muted)}.stats__note{margin:var(--space-sm) 0 0;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-neutral)}@media (max-width: 60rem){.stats__grid{grid-template-columns:repeat(2,1fr)}}.work{max-width:64rem;margin:0 auto;padding:var(--space-2xl) clamp(1rem,4vw,1.5rem)}.section__eyebrow{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);margin:0 0 var(--space-2xs)}.section__head{font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);letter-spacing:-.02em;margin:0 0 var(--space-lg);overflow-wrap:anywhere;min-width:0}.filter-bar{display:flex;gap:var(--space-2xs);flex-wrap:wrap;margin-bottom:var(--space-lg)}.filter-chip{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-paper-2);border:1px solid var(--color-rule);color:var(--color-muted);border-radius:var(--radius-pill);padding:var(--space-3xs) var(--space-sm);min-height:32px;cursor:pointer;transition:background var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}.filter-chip:hover{color:var(--color-ink)}.filter-chip.is-active{background:var(--color-accent);color:var(--color-paper);border-color:var(--color-accent)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}@media (max-width: 60rem){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 40rem){.grid{grid-template-columns:minmax(0,1fr)}}.repo-card{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);text-decoration:none;color:inherit;transition:transform var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out);opacity:0;transform:translateY(8px);animation:card-in var(--dur-long) var(--ease-out) forwards}@keyframes card-in{to{opacity:1;transform:none}}.repo-card:hover{transform:translateY(-2px);border-color:var(--color-accent);box-shadow:0 12px 24px -16px #0009}.repo-card--skeleton{min-height:148px;background:linear-gradient(100deg,var(--color-paper-2) 30%,var(--color-rule) 45%,var(--color-paper-2) 60%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-color:transparent}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.repo-card__name{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);letter-spacing:-.01em;overflow-wrap:anywhere}.repo-card__desc{font-size:var(--text-sm);color:var(--color-muted);flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.repo-card__meta{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-neutral)}.repo-card__lang{display:inline-flex;align-items:center;gap:.35em}.repo-card__lang:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lang-color, var(--color-accent))}.work__error{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-muted);border:1px dashed var(--color-rule-2);border-radius:var(--radius-md);padding:var(--space-md)}.tech{max-width:64rem;margin:0 auto;padding:0 clamp(1rem,4vw,1.5rem) var(--space-2xl)}.tech__groups{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.tech__group-title{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--color-neutral);margin:0 0 var(--space-sm)}.tech__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.tech-badge{display:flex;align-items:center;gap:var(--space-sm)}.tech-badge__icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.02em;color:var(--tech-color, var(--color-accent));background:color-mix(in oklch,var(--tech-color, var(--color-accent)) 16%,var(--color-surface));border:1px solid color-mix(in oklch,var(--tech-color, var(--color-accent)) 35%,transparent)}.tech-badge__icon--logo{background:#eef2f5;border-color:color-mix(in oklch,var(--tech-color, var(--color-accent)) 45%,transparent);padding:6px}.tech-badge__icon--logo img{width:100%;height:100%;object-fit:contain}.tech-badge__label{font-size:var(--text-sm);color:var(--color-muted)}@media (max-width: 60rem){.tech__groups{grid-template-columns:repeat(2,1fr)}}@media (max-width: 40rem){.tech__groups{grid-template-columns:1fr;gap:var(--space-lg)}}.exp{max-width:64rem;margin:0 auto;padding:var(--space-2xl) clamp(1rem,4vw,1.5rem)}.exp__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-rule)}.exp__row{border-bottom:1px solid var(--color-rule)}.exp__row-inner{display:grid;grid-template-columns:11rem 11rem 1fr 9rem;align-items:baseline;gap:var(--space-md);padding:var(--space-md) var(--space-2xs);text-decoration:none;color:inherit;transition:background var(--dur-micro) var(--ease-out)}a.exp__row-inner:hover{background:var(--color-paper-2)}a.exp__row-inner:hover .exp__org{color:var(--color-accent)}.exp__org{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);letter-spacing:-.01em;display:flex;align-items:center;gap:var(--space-2xs);overflow-wrap:anywhere;transition:color var(--dur-micro) var(--ease-out)}.exp__badge{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;color:var(--color-accent);border:1px solid var(--color-accent-soft);background:var(--color-accent-soft);border-radius:var(--radius-pill);padding:.1em .6em;white-space:nowrap}.exp__role{font-size:var(--text-sm);color:var(--color-muted)}.exp__desc{font-size:var(--text-sm);color:var(--color-muted);max-width:45ch}.exp__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.15em;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-neutral);text-align:right}@media (max-width: 60rem){.exp__row-inner{grid-template-columns:1fr 1fr;grid-template-areas:"org meta" "role role" "desc desc"}.exp__org{grid-area:org}.exp__meta{grid-area:meta;align-items:flex-end}.exp__role{grid-area:role}.exp__desc{grid-area:desc}}@media (max-width: 40rem){.exp__row-inner{grid-template-columns:1fr;grid-template-areas:"org" "role" "desc" "meta"}.exp__meta{flex-direction:row;gap:var(--space-sm);align-items:baseline}}.rail{background:var(--color-paper-2);padding:var(--space-2xl) clamp(1rem,4vw,1.5rem) var(--space-3xl);margin-top:var(--space-2xl);border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}.rail__eyebrow,.rail__head,.rail__lede{max-width:64rem;margin-inline:auto}.rail__lede{margin-bottom:var(--space-2xl);color:var(--color-muted);font-size:var(--text-md)}.rail__lede code{background:var(--color-paper)}.track{position:relative;max-width:64rem;margin-inline:auto;padding-inline-start:var(--space-lg)}.track__line{position:absolute;left:calc(var(--space-lg) - 1px);top:0;bottom:0;width:3px;background:repeating-linear-gradient(to bottom,var(--color-accent-2) 0 10px,transparent 10px 20px);opacity:.45}.track__engine{position:absolute;left:calc(var(--space-lg) - 9px);width:18px;height:auto;top:0;filter:drop-shadow(0 6px 10px oklch(0% 0 0 / .6));transition:top var(--dur-long) var(--ease-in-out);will-change:top}@media (prefers-reduced-motion: reduce){.track__engine{transition:none}}.track__stops{list-style:none;margin:0;padding:0}.stop{position:relative;padding:var(--space-sm) 0 var(--space-2xl) var(--space-lg);opacity:0;transform:translate(-8px);filter:blur(4px);transition:opacity var(--dur-long) var(--ease-out),transform var(--dur-long) var(--ease-out),filter var(--dur-short) var(--ease-out)}.stop.is-visible{opacity:1;transform:none}.stop.is-active{filter:blur(0)}@media (prefers-reduced-motion: reduce){.stop{filter:none}}.stop:before{content:"";position:absolute;left:5px;top:var(--space-sm);width:14px;height:14px;border-radius:50%;background:var(--color-paper-2);border:3px solid var(--color-accent-2);transition:border-color var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out)}.stop.is-visible:before{background:var(--color-accent);border-color:var(--color-accent)}.stop__year{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent-2);display:block;margin-bottom:var(--space-3xs)}.stop__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:-.015em;margin:0 0 var(--space-2xs);overflow-wrap:anywhere}.stop__desc{margin:0;max-width:56ch;color:var(--color-muted);font-size:var(--text-base)}.stop__link{display:inline-block;margin-top:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent-2);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.stop__link:hover{color:var(--color-accent);border-color:var(--color-accent)}.footer{max-width:64rem;margin-inline:auto;padding:var(--space-3xl) clamp(1rem,4vw,1.5rem) var(--space-2xl)}.footer__top{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-xl)}.footer__statement{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,3.4vw + 1rem,3rem);letter-spacing:-.02em;line-height:1.1;max-width:22ch;margin:0}.footer__prompt{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent-2);margin:0}.footer__socials{list-style:none;margin:0 0 var(--space-2xl);padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.social-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);text-decoration:none;color:inherit;min-height:44px;transition:border-color var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out)}.social-card:hover{border-color:var(--color-accent);transform:translateY(-2px);background:var(--color-paper-2)}.social-card__icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent-2);flex-shrink:0;transition:background var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.social-card:hover .social-card__icon{background:var(--color-accent);color:var(--color-paper)}.social-card__text{display:flex;flex-direction:column;gap:.1em;min-width:0}.social-card__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-neutral);text-transform:uppercase;letter-spacing:.08em}.social-card__handle{font-size:var(--text-sm);font-weight:600;overflow-wrap:anywhere}.footer__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-rule);flex-wrap:wrap}.wordmark{font-family:var(--font-display);font-weight:700;text-decoration:none;font-size:var(--text-md)}.wordmark span{color:var(--color-accent)}.footer__domains{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-neutral);margin:0 0 var(--space-2xs)}.footer__copyright{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-neutral);margin:0}@media (max-width: 60rem){.footer__socials{grid-template-columns:repeat(2,1fr)}}@media (max-width: 40rem){.footer__socials{grid-template-columns:1fr}.footer__meta{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}.runcat{position:fixed;top:0;left:0;width:40px;height:32px;z-index:60;pointer-events:none;transform:translate(-999px,-999px);opacity:0;transition:opacity var(--dur-short) var(--ease-out)}.runcat.is-active{opacity:1}.runcat__sprite{position:relative;width:100%;height:100%;image-rendering:pixelated}.runcat__ear{position:absolute;top:0;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid var(--color-ink)}.runcat__ear--l{left:4px;transform:rotate(-14deg)}.runcat__ear--r{right:4px;transform:rotate(14deg)}.runcat__head{position:absolute;top:5px;left:6px;width:28px;height:16px;background:var(--color-ink);border-radius:50% 50% 40% 40%}.runcat__head:before,.runcat__head:after{content:"";position:absolute;top:6px;width:3px;height:3px;background:var(--color-paper);border-radius:50%}.runcat__head:before{left:7px}.runcat__head:after{right:7px}.runcat__tail{position:absolute;right:-4px;bottom:8px;width:14px;height:4px;background:var(--color-ink);border-radius:var(--radius-pill);transform-origin:left center}.runcat__legs{position:absolute;bottom:0;left:8px;width:22px;height:10px}.runcat__leg{position:absolute;bottom:0;width:4px;height:9px;background:var(--color-ink);border-radius:2px;transform-origin:top center}.runcat__leg:nth-child(1){left:0}.runcat__leg:nth-child(2){left:6px}.runcat__leg:nth-child(3){left:12px}.runcat__leg:nth-child(4){left:18px}.runcat[data-frame="0"] .runcat__leg:nth-child(1){transform:rotate(28deg)}.runcat[data-frame="0"] .runcat__leg:nth-child(2){transform:rotate(-20deg)}.runcat[data-frame="0"] .runcat__leg:nth-child(3){transform:rotate(20deg)}.runcat[data-frame="0"] .runcat__leg:nth-child(4){transform:rotate(-28deg)}.runcat[data-frame="0"] .runcat__tail{transform:rotate(-10deg)}.runcat[data-frame="1"] .runcat__leg:nth-child(1){transform:rotate(-8deg)}.runcat[data-frame="1"] .runcat__leg:nth-child(2){transform:rotate(8deg)}.runcat[data-frame="1"] .runcat__leg:nth-child(3){transform:rotate(-8deg)}.runcat[data-frame="1"] .runcat__leg:nth-child(4){transform:rotate(8deg)}.runcat[data-frame="1"] .runcat__tail{transform:rotate(4deg)}.runcat[data-frame="2"] .runcat__leg:nth-child(1){transform:rotate(-28deg)}.runcat[data-frame="2"] .runcat__leg:nth-child(2){transform:rotate(20deg)}.runcat[data-frame="2"] .runcat__leg:nth-child(3){transform:rotate(-20deg)}.runcat[data-frame="2"] .runcat__leg:nth-child(4){transform:rotate(28deg)}.runcat[data-frame="2"] .runcat__tail{transform:rotate(-10deg)}.runcat[data-frame="3"] .runcat__leg:nth-child(1){transform:rotate(8deg)}.runcat[data-frame="3"] .runcat__leg:nth-child(2){transform:rotate(-8deg)}.runcat[data-frame="3"] .runcat__leg:nth-child(3){transform:rotate(8deg)}.runcat[data-frame="3"] .runcat__leg:nth-child(4){transform:rotate(-8deg)}.runcat[data-frame="3"] .runcat__tail{transform:rotate(4deg)}.runcat__sprite{animation:bob .18s var(--ease-in-out) infinite alternate}@keyframes bob{to{transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){.runcat{display:none}}@media (max-width: 40rem){.runcat{display:none}}