.cat-hero {
  padding: var(--sp-10) 0 var(--sp-8);
  border-bottom: 1px solid var(--border);
  margin-bottom: var(--sp-10);
}
.cat-hero .chip { margin-bottom: var(--sp-4); }
.cat-hero h1 { font-size: var(--text-3xl); font-weight: var(--fw-extrabold); margin-bottom: var(--sp-3); }
.cat-hero p  { color: var(--text-secondary); font-size: var(--text-lg); }