:root{--bg: #0e0d0c;--bg-2: #17150f;--ink: #f3ecdc;--ink-dim: #a49f93;--rule: #3a362e;--accent: #e2452d;--accent-2: #f6b538;--mint: #6fd3a5;--paper: #f5efe1;--shadow: 0 2px 0 var(--accent);--f-display: "Fraunces", Georgia, serif;--f-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink)}body{font-family:var(--f-mono);font-size:14px;line-height:1.5;background:radial-gradient(ellipse at 20% -10%,rgba(226,69,45,.08),transparent 50%),radial-gradient(ellipse at 80% 110%,rgba(246,181,56,.05),transparent 50%),var(--bg);background-attachment:fixed;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.95  0 0 0 0 0.92  0 0 0 0 0.86  0 0 0 0.06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");pointer-events:none;z-index:100;mix-blend-mode:overlay;opacity:.7}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.header{border-bottom:2px solid var(--ink);padding:22px 28px 18px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px}.wordmark{font-family:var(--f-display);font-weight:900;font-size:clamp(44px,6vw,82px);line-height:.85;letter-spacing:-.04em;margin:0}.wordmark em{font-style:italic;font-weight:400;color:var(--accent)}.wordmark .slash{color:var(--accent-2);font-style:normal}.tagline{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--ink-dim);text-align:right;max-width:280px}.tagline b{color:var(--ink)}.rule-stripes{height:10px;background:repeating-linear-gradient(-45deg,var(--ink) 0 8px,transparent 8px 16px);opacity:.6}.nav{display:flex;flex-wrap:wrap;gap:8px;padding:16px 28px;border-bottom:1px solid var(--rule);align-items:center}.chip{font-family:var(--f-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;padding:6px 12px;border:1px solid var(--rule);background:transparent;color:var(--ink-dim);cursor:pointer;border-radius:0}.chip:hover{color:var(--ink);border-color:var(--ink)}.chip.active{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:700}.search{font-family:var(--f-mono);background:transparent;border:1px solid var(--rule);color:var(--ink);padding:6px 10px;margin-left:auto;min-width:220px;font-size:12px}.search::placeholder{color:var(--ink-dim)}.sort-pill{margin-left:8px}.grid{padding:28px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}.card{position:relative;background:var(--bg-2);border:1px solid var(--rule);padding:18px 18px 16px;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.card:hover{transform:translate(-2px,-2px);border-color:var(--ink);box-shadow:4px 4px 0 var(--accent)}.card .catalog{font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;color:var(--ink-dim);text-transform:uppercase;display:flex;justify-content:space-between;margin-bottom:10px}.card .catalog b{color:var(--accent);font-weight:700}.card h3{font-family:var(--f-display);font-weight:600;font-size:20px;line-height:1.15;margin:0 0 10px;letter-spacing:-.01em}.card .hook{font-family:var(--f-display);font-style:italic;font-size:14px;color:var(--ink-dim);margin:0 0 14px;border-left:2px solid var(--accent);padding-left:10px}.card .thumb{width:100%;aspect-ratio:16/10;object-fit:cover;margin:0 0 12px;filter:grayscale(.25) contrast(1.05);background:var(--bg)}.card .stats{display:flex;gap:14px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dim);border-top:1px dashed var(--rule);padding-top:10px}.card .stats b{color:var(--ink);font-weight:500}.card .velocity{position:absolute;top:-10px;right:14px;background:var(--accent-2);color:var(--bg);font-family:var(--f-mono);font-weight:700;font-size:10px;padding:3px 8px;letter-spacing:.08em}.badge-source{position:absolute;top:14px;left:-6px;background:var(--ink);color:var(--bg);padding:2px 8px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.scrim{position:fixed;inset:0;background:#0e0d0ce0;backdrop-filter:blur(4px);z-index:200;display:grid;place-items:center;padding:40px 20px;overflow-y:auto;animation:fade .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{background:var(--paper);color:#19160f;max-width:760px;width:100%;padding:34px 36px 40px;position:relative;border:2px solid #19160f;box-shadow:10px 10px 0 var(--accent)}.sheet .close{position:absolute;top:10px;right:14px;background:none;border:0;font-size:28px;cursor:pointer;font-family:var(--f-display)}.sheet .slug{font-family:var(--f-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.sheet h2{font-family:var(--f-display);font-weight:900;font-size:38px;line-height:1;letter-spacing:-.02em;margin:0 0 14px}.sheet .meta{display:flex;flex-wrap:wrap;gap:16px;font-family:var(--f-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;border-top:1px solid #19160f;border-bottom:1px solid #19160f;padding:10px 0;margin:14px 0 18px}.sheet .meta span b{color:var(--accent)}.sheet h4{font-family:var(--f-mono);font-size:11px;text-transform:uppercase;letter-spacing:.22em;margin:22px 0 10px;border-bottom:1px solid #19160f;padding-bottom:4px}.sheet button.primary{background:var(--accent);color:var(--paper);border:0;padding:10px 18px;font-family:var(--f-mono);font-weight:700;text-transform:uppercase;letter-spacing:.18em;font-size:11px;cursor:pointer}.sheet button.primary:hover{background:#19160f}.sheet textarea,.sheet input{font-family:var(--f-mono);font-size:12px;width:100%;padding:8px 10px;border:1px solid #19160f;background:transparent;margin-bottom:8px}.twist-card{border-left:3px solid var(--accent);padding:10px 12px;margin:0 0 10px;background:#e2452d0f}.twist-card h5{font-family:var(--f-display);font-weight:600;margin:0 0 4px;font-size:16px}.twist-card p{margin:0;font-size:12px}.twist-card .why{font-style:italic;color:#555;margin-top:4px;font-size:11px}.foot{padding:40px 28px 60px;text-align:center;font-family:var(--f-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim)}.foot em{font-style:italic;color:var(--accent)}@media (max-width: 640px){.header{grid-template-columns:1fr}.tagline{text-align:left}.sheet{padding:22px;box-shadow:4px 4px 0 var(--accent)}.sheet h2{font-size:28px}}