:root{--ground: #f7f7f5;--panel: #f2f2ee;--panel-warm: #f2efe7;--paper: #f7f4ec;--rule: #e4e2dd;--rule-soft: #eeeeea;--plate: #16181a;--ink: #1d2432;--ink-soft: #4a505c;--muted: #63676f;--muted-light: #9ba0a3;--brass: #895c22;--brass-bright: #b8913f;--signal: #2f6b4f;--verdigris: #3d6b63;--font-display: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-body: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--t-12: .75rem;--t-14: .875rem;--t-16: 1rem;--t-18: 1.125rem;--t-22: 1.375rem;--t-30: 1.875rem;--t-42: 2.625rem;--t-58: 3.625rem;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 20px;--s-5: 32px;--s-6: 52px;--s-7: 84px;--radius: 0;--radius-chip: 2px;--width: 1120px;--width-prose: 680px}@font-face{font-family:Archivo;src:url(/fonts/archivo-400.woff2) format("woff2");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Archivo;src:url(/fonts/archivo-500.woff2) format("woff2");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Archivo;src:url(/fonts/archivo-800.woff2) format("woff2");font-weight:800;font-display:swap;font-style:normal}@font-face{font-family:IBM Plex Mono;src:url(/fonts/plexmono-400.woff2) format("woff2");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:IBM Plex Mono;src:url(/fonts/plexmono-500.woff2) format("woff2");font-weight:500;font-display:swap;font-style:normal}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:var(--t-16);line-height:1.6;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;height:auto;display:block}a{color:var(--brass);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--plate)}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:1.12;letter-spacing:-.015em;margin:0}p{margin:0 0 1em}hr{border:0;border-top:1px solid var(--rule);margin:var(--s-6) 0}.wrap{max-width:var(--width);margin:0 auto;padding:0 var(--s-4)}.prose{max-width:var(--width-prose)}.prose p{margin-bottom:1.1em}.mono{font-family:var(--font-mono)}.label{font-family:var(--font-mono);font-size:var(--t-12);font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--s-3);top:var(--s-3);background:var(--plate);color:var(--ground);padding:var(--s-2) var(--s-3);z-index:20}.site-head{border-bottom:1px solid var(--rule);background:var(--ground)}.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding-top:var(--s-3);padding-bottom:var(--s-3)}.brand{display:inline-flex;align-items:center;gap:var(--s-2);text-decoration:none;color:var(--plate)}.brand .mark{width:26px;height:26px;background:var(--plate);color:var(--ground);font-family:var(--font-display);font-weight:800;font-size:15px;display:grid;place-items:center;letter-spacing:0}.brand .word{font-family:var(--font-display);font-weight:800;letter-spacing:.14em;font-size:var(--t-14);text-transform:uppercase}.site-nav ul{list-style:none;display:flex;gap:var(--s-4);margin:0;padding:0;flex-wrap:wrap}.site-nav a{font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--plate)}.hero{padding:var(--s-7) 0 var(--s-6)}.hero h1{font-size:var(--t-42);max-width:18ch}.hero .lede{font-size:var(--t-18);color:var(--ink-soft);max-width:62ch;margin-top:var(--s-4)}.cta-row{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-5)}.btn{display:inline-block;font-family:var(--font-mono);font-size:var(--t-14);letter-spacing:.04em;padding:10px var(--s-4);text-decoration:none;border:1px solid var(--plate);color:var(--plate);background:transparent}.btn:hover,.btn-solid{background:var(--plate);color:var(--ground)}.btn-solid:hover{background:var(--brass);border-color:var(--brass);color:#fff}.panel{background:var(--panel);border:1px solid var(--rule);padding:var(--s-4)}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-4)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4)}.stat .n{font-family:var(--font-display);font-weight:800;font-size:var(--t-42);line-height:1;color:var(--plate)}.stat .k{font-family:var(--font-mono);font-size:var(--t-12);color:var(--muted);letter-spacing:.06em;margin-top:var(--s-2)}.sec{padding:var(--s-6) 0;border-top:1px solid var(--rule)}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-5);flex-wrap:wrap}.sec-head h2{font-size:var(--t-30)}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-4)}.cards-3{grid-template-columns:repeat(3,1fr)}.card{border:1px solid var(--rule);background:#fff;display:flex;flex-direction:column}.card-shot{background:var(--panel);border-bottom:1px solid var(--rule);aspect-ratio:16 / 10;overflow:hidden}.card-shot img{width:100%;height:100%;object-fit:cover;object-position:top center}.card-shot.empty{display:grid;place-items:center}.card-shot.empty span{font-family:var(--font-mono);font-size:var(--t-12);color:var(--muted-light);letter-spacing:.08em}.card-body{padding:var(--s-4);flex:1;display:flex;flex-direction:column;gap:var(--s-2)}.card-body h3{font-size:var(--t-22)}.card-body h3 a{text-decoration:none;color:var(--plate)}.card-body h3 a:hover{color:var(--brass)}.card-body p{margin:0;color:var(--ink-soft);font-size:var(--t-16)}.card-foot{margin-top:auto;padding-top:var(--s-3)}.status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.status .dot{width:8px;height:8px;background:var(--signal);border-radius:50%;flex:none}.status.is-dark .dot,.status.is-private .dot{background:transparent;border:1px solid var(--muted);border-radius:0}.status.is-quiet .dot{background:var(--muted-light)}.entry{border-top:1px solid var(--rule);padding:var(--s-5) 0;display:grid;grid-template-columns:120px 1fr;gap:var(--s-4)}.entry:first-of-type{border-top:0}.entry-date{font-family:var(--font-mono);font-size:var(--t-12);color:var(--muted);letter-spacing:.06em}.entry h3{font-size:var(--t-22);margin-bottom:var(--s-2)}.entry h3 a{text-decoration:none;color:var(--plate)}.entry h3 a:hover{color:var(--brass)}.entry-body{color:var(--ink-soft)}.entry-body p:last-child{margin-bottom:0}.kind{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--t-12);font-weight:500;letter-spacing:.09em;text-transform:uppercase;margin-bottom:var(--s-2)}.kind-shipped{color:var(--signal)}.kind-experiment{color:var(--brass)}.kind-verdict{color:var(--verdigris)}.kind-note{color:var(--muted)}.metric{border-left:2px solid var(--brass);padding:var(--s-2) var(--s-4);margin:var(--s-4) 0;background:var(--panel)}.metric .v{font-family:var(--font-display);font-weight:800;font-size:var(--t-30);line-height:1}.metric .l{font-family:var(--font-mono);font-size:var(--t-12);color:var(--muted);margin-top:6px}.tags{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-top:var(--s-3)}.tag{font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--rule);padding:2px 8px;border-radius:var(--radius-chip);text-decoration:none}.tag:hover{border-color:var(--plate);color:var(--plate)}.filters{display:flex;gap:var(--s-2);flex-wrap:wrap;margin:var(--s-4) 0 var(--s-5)}.filters button{font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:.06em;text-transform:uppercase;background:transparent;border:1px solid var(--rule);padding:5px 10px;cursor:pointer;color:var(--muted);border-radius:var(--radius-chip)}.filters button[aria-pressed=true]{background:var(--plate);border-color:var(--plate);color:var(--ground)}.legend{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4)}.legend div{font-size:var(--t-14);color:var(--muted)}.ph{padding:var(--s-6) 0 var(--s-5)}.ph h1{font-size:var(--t-42)}.ph .tagline{font-size:var(--t-18);color:var(--ink-soft);max-width:60ch;margin-top:var(--s-3)}.links-row{display:flex;gap:var(--s-3);flex-wrap:wrap;margin-top:var(--s-4)}.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4);margin:var(--s-5) 0}.shots img{border:1px solid var(--rule);background:#fff}.shots figcaption{font-family:var(--font-mono);font-size:var(--t-12);color:var(--muted);margin-top:var(--s-2)}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:var(--s-4) 0}.signup{background:var(--plate);color:var(--ground);padding:var(--s-6) 0;margin-top:var(--s-6)}.signup h2{font-size:var(--t-30);color:#fff}.signup p{color:#c3c7c9;max-width:52ch}.signup form{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-top:var(--s-4)}.signup input[type=email]{font-family:var(--font-mono);font-size:var(--t-14);padding:11px var(--s-3);border:1px solid #3a3f42;background:#1f2224;color:#fff;min-width:280px;flex:1 1 280px;max-width:420px}.signup input::placeholder{color:#7a7f82}.signup button{font-family:var(--font-mono);font-size:var(--t-14);padding:11px var(--s-4);background:var(--brass-bright);border:1px solid var(--brass-bright);color:#16181a;cursor:pointer}.signup button:hover{background:#fff;border-color:#fff}.signup .hp{position:absolute;left:-9999px}.signup .msg{font-family:var(--font-mono);font-size:var(--t-14);margin-top:var(--s-3);min-height:1.4em}.site-foot{border-top:1px solid var(--rule);margin-top:var(--s-7);padding:var(--s-6) 0;background:var(--panel)}.foot-grid{display:flex;justify-content:space-between;gap:var(--s-5);flex-wrap:wrap}.site-foot a{color:var(--ink-soft)}.site-foot ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--s-4);flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:.06em;text-transform:uppercase}.codex{background:var(--paper)}.codex .sec{border-top-color:#e0d9c8}@media (max-width: 900px){.cards,.cards-3,.shots,.meta-grid,.legend{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(2,1fr)}.hero h1,.ph h1{font-size:var(--t-30)}}@media (max-width: 620px){.cards,.cards-3,.shots,.meta-grid,.legend{grid-template-columns:1fr}.entry{grid-template-columns:1fr;gap:var(--s-2)}.site-head .wrap{flex-direction:column;align-items:flex-start;gap:var(--s-2)}}