/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .projects-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nav-links {
    display: none;
  }

  .hamburger {
    display: flex;
  }

  .hero-title {
    font-size: 36px;
  }

  section {
    padding: var(--space-section) var(--space-lg);
  }

  .detail-page {
    padding: 90px 20px 60px;
  }

  .detail-title {
    font-size: 26px;
  }
}

@media (max-width: 480px) {
  .projects-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .project-card {
    padding: var(--space-base);
  }

  .hero-title {
    font-size: 28px;
  }
}