*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--background:#0c0c0e;--surface:#151518;--border:#ffffff14;--text:#ededf0;--muted:#8b8b94;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--background);min-height:100vh;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;padding-block:clamp(40px,8vw,96px);padding-inline:clamp(16px,5vw,64px)}.header{max-width:1280px;margin:0 auto clamp(40px,6vw,72px)}.eyebrow{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;font-size:12px}.title{letter-spacing:-.04em;font-size:clamp(40px,7vw,88px);font-weight:600;line-height:.95}.subtitle{max-width:44ch;color:var(--muted);margin-top:20px;font-size:clamp(16px,1.6vw,19px);line-height:1.5}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:clamp(24px,3vw,40px) 24px;max-width:1280px;margin:0 auto;display:grid}.empty{color:var(--muted)}.empty code{color:var(--text);font-family:var(--mono)}.card{color:inherit;outline-offset:6px;border-radius:12px;text-decoration:none;display:block}.card:focus-visible{outline:2px solid var(--text)}.card-media{aspect-ratio:16/10;border:1px solid var(--border);background:radial-gradient(circle at 25% 20%, hsl(var(--hue) 75% 58% / .5), transparent 55%), radial-gradient(circle at 85% 95%, hsl(calc(var(--hue) + 70) 70% 45% / .4), transparent 50%), var(--surface);border-radius:12px;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1);display:block}.card-placeholder{color:#ffffffd9;font-family:var(--mono);letter-spacing:-.06em;mix-blend-mode:overlay;font-size:clamp(56px,8vw,96px);font-weight:500;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:8px;right:20px}.card:hover .card-image{transform:scale(1.04)}.card:hover .card-placeholder{transform:translateY(-6px)}.card-body{padding:16px 2px 0}.card-title{letter-spacing:-.01em;align-items:baseline;gap:10px;font-size:17px;font-weight:500;display:flex}.card-number{color:var(--muted);font-family:var(--mono);font-size:13px;font-weight:400}.card-description{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.5}.card-tags{flex-wrap:wrap;gap:6px;margin-top:12px;list-style:none;display:flex}.card-tags li{border:1px solid var(--border);color:var(--muted);font-family:var(--mono);border-radius:999px;padding:3px 8px;font-size:11px}