:root{--color-paper:oklch(96.5% .015 95);--color-grid:oklch(92% .012 95);--color-card:oklch(98.5% .006 95);--color-paper-2:oklch(94% .016 95);--color-rule:oklch(88% .014 95);--color-faint:oklch(68% .01 85);--color-neutral:oklch(52% .012 85);--color-muted:oklch(40% .013 82);--color-ink:oklch(22% .015 80);--color-accent:oklch(75% .14 85);--color-focus:oklch(48% .13 85);--color-shadow-a:oklch(22% .015 80/.06);--color-shadow-b:oklch(22% .015 80/.09);--font-display:"Satoshi", ui-sans-serif, system-ui, sans-serif;--font-body:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-meta:"Space Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:clamp(2.25rem, 4.2vw + .9rem, 3.5rem);--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--radius-card:15px;--radius-chip:999px;--radius-sm:6px;--rule-hair:1px solid var(--color-rule);--measure:60ch;--grid-cell:24px;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-micro:.14s;--dur-lift:.12s;--dur-mark:.15s;--dur-tally:.8s;--shadow-whisper:0 1px 2px var(--color-shadow-a), 0 10px 28px var(--color-shadow-b)}html{overflow-x:clip}body{background-color:var(--color-paper);background-image:repeating-linear-gradient(to right, var(--color-grid) 0 1px, transparent 1px var(--grid-cell)), repeating-linear-gradient(to bottom, var(--color-grid) 0 1px, transparent 1px var(--grid-cell));color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);margin:0;line-height:1.6;overflow-x:clip}*{box-sizing:border-box}h1,h2,h3,h4{font-style:normal}a{color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-rule);text-underline-offset:.2em;transition:text-decoration-color var(--dur-micro) var(--ease-out);text-decoration-thickness:1px}a:hover{text-decoration-color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.wrap{max-width:74rem;padding-inline:var(--space-lg);margin-inline:auto}.nav{padding-block:var(--space-lg) 0;display:flex}.chip{align-items:baseline;gap:var(--space-lg);background:var(--color-card);border:var(--rule-hair);border-radius:var(--radius-chip);padding:var(--space-xs) var(--space-lg);box-shadow:0 1px 2px var(--color-shadow-a);flex-wrap:wrap;max-width:100%;display:flex}.wordmark{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);letter-spacing:-.015em;white-space:nowrap;text-decoration:none}.chip ul{gap:var(--space-md);margin:0;padding:0;list-style:none;display:flex}.chip a{font-size:var(--text-base);white-space:nowrap}.hero{gap:var(--space-2xl);padding-block:var(--space-2xl) var(--space-3xl);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.hero-lede{min-width:0}.hero h1{font-family:var(--font-display);font-weight:700;font-size:var(--text-3xl);letter-spacing:-.03em;overflow-wrap:anywhere;min-width:0;margin:0 0 var(--space-md);max-width:15ch;line-height:1.06}.inventory-line{font-family:var(--font-meta);font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--color-neutral);margin:0 0 var(--space-lg);overflow-wrap:anywhere;min-width:0}.byline{max-width:var(--measure);color:var(--color-muted);overflow-wrap:anywhere;min-width:0;margin:0}.byline a{font-weight:700}@property --tally{syntax:"<integer>";inherits:false;initial-value:0}.tally{--tally:var(--tally-to,0);counter-reset:tally var(--tally);animation:tally-up var(--dur-tally) var(--ease-out) both;font-variant-numeric:tabular-nums}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tally:after{content:counter(tally)}@keyframes tally-up{0%{--tally:0}to{--tally:var(--tally-to,0)}}.shelf{padding-block:0 var(--space-2xl)}.shelf>h2{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);letter-spacing:-.025em;margin:0 0 var(--space-xl)}.category{margin-bottom:var(--space-2xl)}.category-head{margin-bottom:var(--space-lg)}.category-mark{background:var(--color-accent);width:22px;height:6px;margin-bottom:var(--space-sm);transition:width var(--dur-mark) var(--ease-out);border-radius:3px;display:block}.category-head:hover .category-mark{width:48px}.category-head h3{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:-.02em;margin:0 0 var(--space-2xs);overflow-wrap:anywhere;min-width:0}.category-head .count{font-family:var(--font-meta);font-size:var(--text-xs);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral);display:block}.grid{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.card{background:var(--color-card);border:var(--rule-hair);border-radius:var(--radius-card);min-width:0;padding:var(--space-sm);transition:box-shadow var(--dur-lift) var(--ease-out), transform var(--dur-lift) var(--ease-out);flex-direction:column;display:flex;position:relative}.card:hover{box-shadow:var(--shadow-whisper);transform:translateY(-2px)}.thumb{aspect-ratio:1;background:var(--color-paper-2);border-radius:calc(var(--radius-card) - 6px);min-width:0;text-decoration:none;display:block;position:relative}.thumb--image{padding:0;overflow:hidden}.thumb-img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.thumb-img--contain{object-fit:contain;background:var(--color-paper-2);padding:var(--space-md)}.index{top:var(--space-xs);right:var(--space-xs);font-family:var(--font-meta);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-faint);background:var(--color-card);border:1px dotted var(--color-faint);border-radius:var(--radius-sm);padding:0 var(--space-2xs);line-height:1.6;position:absolute}.card-body{padding:var(--space-md) var(--space-sm) var(--space-xs);min-width:0}.card h4{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);letter-spacing:-.02em;margin:0 0 var(--space-xs);overflow-wrap:anywhere;min-width:0;line-height:1.25}.card p{color:var(--color-muted);font-size:var(--text-base);overflow-wrap:anywhere;min-width:0;max-width:46ch;margin:0;line-height:1.55}.badges{gap:var(--space-2xs);margin:var(--space-md) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.badge{font-family:var(--font-meta);font-size:var(--text-xs);color:var(--color-neutral);background:var(--color-paper-2);border-radius:var(--radius-chip);padding:var(--space-2xs) var(--space-xs);white-space:nowrap}.notes{margin-top:var(--space-sm);color:var(--color-neutral);font-size:var(--text-sm)}.repo{margin-top:var(--space-sm);font-family:var(--font-meta);font-size:var(--text-xs);overflow-wrap:anywhere;min-width:0;display:inline-block}.project{gap:var(--space-xl);background:var(--color-card);border:var(--rule-hair);border-radius:var(--radius-card);padding:var(--space-sm);transition:box-shadow var(--dur-lift) var(--ease-out), transform var(--dur-lift) var(--ease-out);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;display:grid}.project:hover{box-shadow:var(--shadow-whisper);transform:translateY(-2px)}.project--text{grid-template-columns:minmax(0,1fr)}.project .thumb{aspect-ratio:16/10}.project-body{padding:var(--space-md) var(--space-lg) var(--space-lg) var(--space-sm);min-width:0}.project .kind{font-family:var(--font-meta);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral);margin-bottom:var(--space-sm);display:block}.project h3{font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);letter-spacing:-.03em;margin:0 0 var(--space-sm);overflow-wrap:anywhere;min-width:0;line-height:1.05}.project p{max-width:var(--measure);color:var(--color-muted);overflow-wrap:anywhere;min-width:0;margin:0}.foot{border-top:var(--rule-hair);padding-block:var(--space-xl) var(--space-2xl)}.foot .statement{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:-.02em;margin:0 0 var(--space-sm);overflow-wrap:anywhere;min-width:0;max-width:24ch}.foot p.meta-line{font-size:var(--text-base);color:var(--color-neutral);overflow-wrap:anywhere;min-width:0;max-width:62ch;margin:0}.foot a{white-space:nowrap}.foot .meta{font-family:var(--font-meta);font-size:var(--text-sm)}@media (width<=900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.hero{gap:var(--space-lg);padding-block:var(--space-xl) var(--space-2xl);grid-template-columns:minmax(0,1fr)}.hero h1{max-width:20ch}.project{gap:var(--space-md);grid-template-columns:minmax(0,1fr)}.project-body{padding:var(--space-xs) var(--space-sm) var(--space-md)}}@media (width<=600px){.grid{grid-template-columns:minmax(0,1fr)}}@media (width<=414px){.wrap{padding-inline:var(--space-md)}.chip{gap:var(--space-sm);padding-inline:var(--space-md)}.chip ul{gap:var(--space-sm)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important}.tally{animation:none}.card:hover,.project:hover{transform:none}}