@layer reset,tokens,base,layout,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;hanging-punctuation:first last}img,video,svg{display:block;max-inline-size:100%}ul[role=list],ol[role=list]{list-style:none}}@layer tokens{:root{--c-bg: #0a0a0a;--c-surface: #111111;--c-surface-2: #181818;--c-border: #242424;--c-border-2: #303030;--c-text: #e8e8e8;--c-text-dim: #888888;--c-text-muted: #444444;--c-accent: #f0a500;--c-accent-dim: rgba(240, 165, 0, .14);--c-accent-glow: rgba(240, 165, 0, .06);--c-active: #22c55e;--c-planning: #60a5fa;--c-maintenance: #f59e0b;--c-archived: #52525b;--c-shopify: #96bf48;--c-web3: #8b5cf6;--c-infra: #06b6d4;--c-tooling: #f0a500;--c-saas: #ec4899;--f-mono: "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;--fs-2xs: clamp(.6rem, .55rem + .25vw, .7rem);--fs-xs: clamp(.7rem, .65rem + .25vw, .8rem);--fs-sm: clamp(.8rem, .75rem + .25vw, .9rem);--fs-base: clamp(.9rem, .85rem + .25vw, 1rem);--fs-md: clamp(1rem, .9rem + .5vw, 1.1rem);--fs-lg: clamp(1.1rem, 1rem + .6vw, 1.35rem);--fs-xl: clamp(1.4rem, 1.1rem + 1.5vw, 2rem);--fs-2xl: clamp(2rem, 1.4rem + 3vw, 3.5rem);--fs-3xl: clamp(3rem, 2rem + 5vw, 6rem);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--pad: clamp(1rem, 3vw, 2.5rem);--radius: 2px;--dur: .14s;--ease: cubic-bezier(.4, 0, .2, 1);--color-bg: var(--c-bg);--color-surface: var(--c-surface);--color-raised: var(--c-surface-2);--color-border: var(--c-border);--color-text: var(--c-text);--color-muted: var(--c-text-dim);--color-accent: var(--c-accent);--color-accent-hover: var(--c-accent);--color-status-active: var(--c-active);--font-body: var(--f-mono);--font-mono: var(--f-mono);--radius-sm: var(--radius);--transition-fast: var(--dur) var(--ease);--space-xs: var(--sp-2);--space-sm: var(--sp-3);--space-md: var(--sp-4);--space-lg: var(--sp-6);--space-xl: var(--sp-8);--space-2xl: var(--sp-12);--text-sm: var(--fs-sm);--text-base: var(--fs-base);--text-lg: var(--fs-lg);--text-xl: var(--fs-xl)}}@layer base{html{font-family:var(--f-mono);font-size:var(--fs-base);line-height:1.6;color:var(--c-text);background-color:var(--c-bg);color-scheme:dark;-webkit-font-smoothing:antialiased;scrollbar-color:var(--c-border) var(--c-bg);scrollbar-width:thin}body{min-block-size:100dvb}h1,h2,h3,h4,h5,h6{font-family:var(--f-mono);font-weight:500;line-height:1.15;letter-spacing:-.02em;color:var(--c-text)}a{color:inherit;text-decoration:none}a:hover{color:var(--c-accent)}::selection{background:var(--c-accent-dim);color:var(--c-accent)}:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}}@layer layout{.container{inline-size:100%;max-inline-size:1200px;margin-inline:auto;padding-inline:var(--pad)}.section{padding-block:var(--sp-12);border-bottom:1px solid var(--c-border)}.section-header{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-8)}.section-header h2{font-size:var(--fs-xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.14em;white-space:nowrap}.section-rule{flex:1;block-size:1px;background:var(--c-border)}.section-count{font-size:var(--fs-xs);color:var(--c-text-muted);white-space:nowrap}}@layer components{.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--pad);background:#0a0a0ae6;border-bottom:1px solid var(--c-border);backdrop-filter:blur(12px)}.wordmark{font-size:var(--fs-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-dim)}.wordmark strong{color:var(--c-accent);font-weight:500}.header-meta{font-size:var(--fs-xs);color:var(--c-text-muted);letter-spacing:.06em}.ticker{overflow:hidden;background:var(--c-accent);color:var(--c-bg);padding:var(--sp-2) 0;font-size:var(--fs-xs);letter-spacing:.06em;white-space:nowrap;user-select:none}.ticker__track{display:inline-flex;gap:var(--sp-10);animation:ticker 28s linear infinite}.ticker__track:hover{animation-play-state:paused}.ticker__item:before{content:"// ";opacity:.5}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero{padding-block:var(--sp-16);border-bottom:1px solid var(--c-border);display:grid;grid-template-columns:1fr auto;align-items:end;gap:var(--sp-8)}@media(max-width:640px){.hero{grid-template-columns:1fr}}.hero__eyebrow{font-size:var(--fs-xs);color:var(--c-accent);text-transform:uppercase;letter-spacing:.14em;margin-bottom:var(--sp-4)}.hero__title{font-size:var(--fs-3xl);line-height:1;color:var(--c-text)}.hero__title em{font-style:normal;color:var(--c-accent)}.hero__sub{margin-top:var(--sp-5);font-size:var(--fs-sm);color:var(--c-text-dim);max-inline-size:56ch;line-height:1.8}.hero__meta{text-align:right;font-size:var(--fs-xs);color:var(--c-text-muted);line-height:2}.hero__meta strong{color:var(--c-text-dim);font-weight:400}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--c-border);border:1px solid var(--c-border)}.stat-cell{background:var(--c-surface);padding:var(--sp-6) var(--sp-8)}.stat-cell__val{font-size:var(--fs-xl);color:var(--c-accent);line-height:1;margin-bottom:var(--sp-1)}.stat-cell__label{font-size:var(--fs-xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.1em}.badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);padding:2px var(--sp-2);border:1px solid currentColor;border-radius:var(--radius);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.badge:before{content:"";display:block;inline-size:5px;block-size:5px;border-radius:50%;background:currentColor;flex-shrink:0}.badge--active{color:var(--c-active)}.badge--planning{color:var(--c-planning)}.badge--maintenance{color:var(--c-maintenance)}.badge--archived{color:var(--c-archived)}.badge--paused{color:var(--c-maintenance)}.tag{display:inline-block;font-size:var(--fs-xs);padding:2px var(--sp-2);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius);text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-dim)}.tag--shopify{border-color:var(--c-shopify);color:var(--c-shopify)}.tag--web3{border-color:var(--c-web3);color:var(--c-web3)}.tag--infra{border-color:var(--c-infra);color:var(--c-infra)}.tag--tooling{border-color:var(--c-tooling);color:var(--c-tooling)}.tag--saas{border-color:var(--c-saas);color:var(--c-saas)}.pill{display:inline-block;font-size:var(--fs-xs);color:var(--c-text-muted);padding:1px var(--sp-2);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius)}.card{container-type:inline-size;container-name:card;background:var(--c-surface);border:1px solid var(--c-border);padding:var(--sp-6);position:relative;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.card:hover{border-color:var(--c-border-2);background:var(--c-surface-2)}.card--featured:before{content:"FEATURED";position:absolute;top:0;left:var(--sp-6);transform:translateY(-50%);font-size:var(--fs-2xs);color:var(--c-accent);letter-spacing:.14em;background:var(--c-surface);padding:0 var(--sp-2)}.card--featured{border-color:var(--c-border-2)}.card__index{position:absolute;top:var(--sp-3);right:var(--sp-4);font-size:var(--fs-xs);color:var(--c-text-muted)}.card__head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-4)}.card__title{font-size:var(--fs-lg);flex:1 1 auto}.card__desc{font-size:var(--fs-sm);color:var(--c-text-dim);line-height:1.75;margin-bottom:var(--sp-5)}.card__stack{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-5)}.card__foot{display:flex;gap:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--c-border)}.card__link{font-size:var(--fs-xs);color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.08em;transition:color var(--dur) var(--ease)}.card__link:hover{color:var(--c-accent)}.sub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;background:var(--c-border);border:1px solid var(--c-border);margin-top:var(--sp-5)}.sub-cell{background:var(--c-bg);padding:var(--sp-4)}.sub-cell__title{font-size:var(--fs-sm);margin-bottom:var(--sp-2)}.sub-cell__desc{font-size:var(--fs-xs);color:var(--c-text-dim);line-height:1.6;margin-bottom:var(--sp-3)}.nav-link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-5);font-size:var(--fs-sm);color:var(--c-text-dim);transition:color var(--dur) var(--ease),background var(--dur) var(--ease);border-left:2px solid transparent}.nav-link:hover{color:var(--c-text);background:var(--c-surface)}.nav-link--active{color:var(--c-accent);border-left-color:var(--c-accent);background:var(--c-surface)}.nav-link:before{content:"//";font-size:var(--fs-xs);color:var(--c-text-muted)}.filter-tabs{display:flex;flex-wrap:wrap;gap:1px;background:var(--c-border);border:1px solid var(--c-border);margin-bottom:var(--sp-8)}.filter-tab{font-family:var(--f-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;padding:var(--sp-3) var(--sp-5);background:var(--c-surface);color:var(--c-text-dim);border:none;cursor:pointer;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.filter-tab:hover{color:var(--c-text);background:var(--c-surface-2)}.filter-tab[aria-selected=true]{color:var(--c-accent);background:var(--c-surface-2)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--f-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;padding:var(--sp-3) var(--sp-5);border:1px solid currentColor;border-radius:var(--radius);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease);background:transparent;min-block-size:44px}.btn--primary{color:var(--c-accent);border-color:var(--c-accent)}.btn--primary:hover{background:var(--c-accent);color:var(--c-bg)}.btn--ghost{color:var(--c-text-dim);border-color:var(--c-border)}.btn--ghost:hover{color:var(--c-text);border-color:var(--c-border-2)}.input{font-family:var(--f-mono);font-size:var(--fs-sm);color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);inline-size:100%;transition:border-color var(--dur) var(--ease);outline:none;appearance:none}.input::placeholder{color:var(--c-text-muted)}.input:focus{border-color:var(--c-accent)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));gap:1px;background:var(--c-border);border:1px solid var(--c-border)}.site-footer{padding:var(--sp-5) var(--pad);border-top:1px solid var(--c-border);display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-xs);color:var(--c-text-muted)}.site-footer a:hover{color:var(--c-accent)}}