/* ============================================
   PROJECTS PAGE
   ============================================ */
.projects-hero {
  padding-top: calc(var(--navbar-height) + var(--space-4xl));
  padding-bottom: var(--space-3xl);
  text-align: center;
}

.projects-hero h1 {
  margin-bottom: var(--space-md);
}

.projects-hero p {
  max-width: 600px;
  margin: 0 auto;
}

.projects-filters {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-sm);
  margin-bottom: var(--space-3xl);
}

.projects-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-xl);
}

.projects-grid .project-card {
  opacity: 1;
  transform: scale(1);
  transition: all var(--transition-base), opacity 0.4s, transform 0.4s;
}

.projects-grid .project-card.hidden {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

@media (max-width: 768px) {
  .projects-grid { grid-template-columns: 1fr; }
}