:root{--bg: #f3efe6;--card: #fffdf8;--ink: #1c1914;--muted: #6d675e;--line: #d4cdc0;--accent: #8a3d2a;--accent-soft: #f3e4dc;--ok: #2f5d3a;--warn: #8a5a12;--mono: "IBM Plex Mono", "ui-monospace", "Cascadia Mono", Consolas, monospace;--sans: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--ui: "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ui);line-height:1.5}a{color:inherit}#root{min-height:100vh}.shell{min-height:100vh;display:flex;flex-direction:column}.wrap{width:min(1080px,calc(100% - 40px));margin:0 auto}.site-header,.site-footer{border-bottom:1px solid var(--line)}.site-footer{border-bottom:0;border-top:1px solid var(--line);margin-top:auto}.site-header .inner,.site-footer .inner{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 0}.brand{font-family:var(--sans);font-size:1.15rem;letter-spacing:-.02em;text-decoration:none}.nav{display:flex;gap:18px;font-size:.92rem}.nav a{color:var(--muted);text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.site-footer .inner{color:var(--muted);font-size:.88rem}.hero{padding:56px 0 28px}.hero h1{font-family:var(--sans);font-weight:500;font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;letter-spacing:-.03em;margin:0 0 14px}.hero p,.lede{max-width:62ch;color:var(--muted);margin:0;font-size:1.05rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:8px 0 64px}.card{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--line);padding:18px 18px 16px;text-decoration:none;min-height:180px}.card:hover{border-color:var(--ink)}.card h2{font-family:var(--sans);font-size:1.25rem;font-weight:500;letter-spacing:-.02em;margin:0}.card p{margin:0;color:var(--muted);flex:1}.pills{display:flex;flex-wrap:wrap;gap:6px}.pill{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--line);padding:2px 7px;color:var(--muted)}.pill.demo{color:var(--ok);border-color:#b7c9b6;background:#eef5ee}.pill.shot{color:var(--warn);border-color:#e2d2ad;background:#f8f1de}.back{display:inline-block;margin:28px 0 8px;color:var(--muted);text-decoration:none;font-size:.92rem}.back:hover{color:var(--ink)}.project h1{font-family:var(--sans);font-weight:500;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.03em;margin:0 0 10px}.meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:.92rem;margin-bottom:22px}.stack{font-family:var(--mono);font-size:.82rem}.body{display:grid;gap:28px;padding-bottom:72px}.body section h2{font-family:var(--sans);font-size:1.15rem;font-weight:500;margin:0 0 10px}.body p,.body li{max-width:68ch}.body ul{margin:0;padding-left:1.15em}.notes{border-left:3px solid var(--accent);padding:4px 0 4px 14px}.notes li{color:var(--muted)}.demo-frame{background:#111;border:1px solid var(--line);height:min(78vh,860px)}.demo-frame iframe{width:100%;height:100%;border:0;background:#111}.demo-link{display:inline-block;margin-top:8px;font-size:.88rem;color:var(--accent)}.flow{display:grid;gap:0;max-width:640px}.flow-step{background:var(--card);border:1px solid var(--line);padding:14px 16px}.flow-step+.flow-step{border-top:0}.flow-kicker{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 4px}.flow-step h3{margin:0 0 4px;font-size:1rem;font-weight:600}.flow-step p{margin:0;color:var(--muted)}.flow-arrow{color:var(--muted);font-size:.8rem;padding:4px 8px}.schematic{background:var(--card);border:1px solid var(--line);padding:18px;overflow:auto}.schematic svg{display:block;width:100%;height:auto}.caption{margin:8px 0 0;color:var(--muted);font-size:.85rem}@media (max-width: 640px){.site-header .inner,.site-footer .inner{flex-direction:column;align-items:flex-start}.hero{padding-top:36px}}