.works-categories { margin: 1rem 0; }
.works-categories a { margin-right: 8px; text-decoration: none; padding: 6px 10px; border-radius: 6px; }
.works-categories a.active { font-weight: bold; }

.works-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}

.works-item { background: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
.works-item img { width: 100%; height: 160px; object-fit: cover; display:block; }
.works-item-meta { padding: 8px; font-size: 0.9rem; }