/* Portfolio Works — Frontend-only grid layout for category cards */
/* Loaded only when portfolio-works element is rendered on the frontend. */

.portfolio-categories__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: var(--lm-space-4);
}

@media (max-width: 1024px) {
  .portfolio-categories__grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .portfolio-categories__grid {
    grid-template-columns: 1fr !important;
  }
}