/* ─── CATEGORY HERO ──────────────────────────────────────────────────────── */
.cat-hd {
  padding: 52px 0 44px;
  border-bottom: 1px solid var(--border);
  position: relative;
  overflow: hidden;
}
.cat-hd::before {
  content: '';
  position: absolute;
  top: -60px; left: 20%;
  width: 500px; height: 280px;
  background: radial-gradient(ellipse, rgba(0,255,148,.05) 0%, transparent 70%);
  pointer-events: none;
}
.cat-eyebrow { font-family: var(--mono); font-size: 10px; color: var(--fg3); letter-spacing: .12em; text-transform: uppercase; margin-bottom: 12px; }
.cat-title { font-family: var(--syne); font-size: clamp(28px, 4.5vw, 52px); font-weight: 800; line-height: 1.1; letter-spacing: -.02em; color: #fff; }
.cat-title span { color: var(--green); }
.cat-count { font-family: var(--mono); font-size: 11px; color: var(--fg3); margin-top: 12px; letter-spacing: .06em; }
.empty-card { padding: 36px; text-align: center; color: var(--fg3); font-family: var(--mono); font-size: 13px; }

/* ─── RESPONSIVE ─────────────────────────────────────────────────────────── */
@media (max-width: 600px) { .cat-hd { padding: 40px 0 32px; } }