/* PORTFOLIO.CSS */

.portfolio-grid-full {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-bottom:48px;
}

.portfolio-grid-full .portfolio-card[style*="display: none"],
.portfolio-grid-full .portfolio-card.hidden { display:none !important; }

@media(max-width:900px){ .portfolio-grid-full { grid-template-columns:repeat(2,1fr); } }
@media(max-width:540px){ .portfolio-grid-full { grid-template-columns:1fr; } }

.portfolio-empty {
  grid-column:1/-1;
  text-align:center;
  padding:64px 20px;
  color:var(--color-text-muted);
}
.portfolio-empty__icon { font-size:48px; margin-bottom:16px; opacity:.4; }