:root{--bg:#1e1c2b;--panel:#282538;--line:#3a3650;--fg:#e8dcbc;--muted:#a29384;--accent:#d4886c;--accent-ink:#1e1c2b;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}img{max-width:100%;height:auto;display:block}code,pre{font-family:var(--mono);font-size:.9em}pre{background:var(--panel);border:1px solid var(--line);padding:12px 16px;overflow-x:auto}h1,h2,h3{font-family:var(--mono);margin:0 0 .5em;line-height:1.25}.wrap{max-width:1120px;margin:0 auto;padding:0 16px}header.top{border-bottom:1px solid var(--line)}header.top .wrap{flex-wrap:wrap;align-items:center;gap:4px 20px;padding-top:12px;padding-bottom:12px;display:flex}header.top .name{font-family:var(--mono);color:var(--fg);margin-right:auto;font-weight:700;text-decoration:none}header.top nav a{color:var(--muted);margin-left:16px;text-decoration:none}header.top nav a:first-child{margin-left:0}header.top nav a:hover,header.top nav a[aria-current]{color:var(--fg)}section{padding:40px 0}.lede{max-width:46em;font-size:1.15em}.muted{color:var(--muted)}.buttons{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.button{border:1px solid var(--accent);color:var(--accent);font-family:var(--mono);padding:6px 14px;font-size:.9em;text-decoration:none;display:inline-block}.button.primary{background:var(--accent);color:var(--accent-ink)}.button:hover{filter:brightness(1.15)}.hero h1{max-width:22em;font-size:clamp(1.6em,4vw,2.4em)}.hero img{object-fit:cover;width:100%;max-height:70vh;margin-top:8px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:24px;display:grid}.grid.three{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}figure{margin:0}figcaption{color:var(--muted);margin-top:6px;font-size:.9em}.card{background:var(--panel);border:1px solid var(--line);flex-direction:column;display:flex}.card>img{aspect-ratio:16/9;object-fit:cover;width:100%}.card .body{flex-direction:column;flex:1;padding:16px;display:flex}.card .body p{margin:0 0 12px}.card .buttons{margin:auto 0 0}.tag{font-family:var(--mono);color:var(--muted);border:1px solid var(--line);vertical-align:middle;margin-left:6px;padding:1px 6px;font-size:.75em}footer{border-top:1px solid var(--line);color:var(--muted);padding:24px 0 40px;font-size:.85em}footer p{margin:0 0 8px}