/* No additional styling required – using existing styles from style.css */
/* ...existing code if needed... */

/* ===== RESPONSIVE PROJECTS CARD STYLING ===== */
@media (max-width: 767px) {
  /* Ensure two items per row */
  .projects__grid .project-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
  /* Scale down the project card */
  .project-card {
    margin: 0.5rem;
  }
  .project-card__content {
    padding: 0.75rem;
  }
  .project-card__title {
    font-size: 1rem;
  }
  .project-card__description,
  .project-card__tech {
    display: none;
  }
  .project-card__buttons .btn {
    padding: 0.4rem 0.8rem;
    font-size: 0.75rem;
  }
}