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

  .portfolio-thumb {
    height: 160px;
  }
}


/* BIO – MOBILE STACK */

@media (max-width: 768px) {
  .bio-cards {
    grid-template-columns: 1fr; /* stack vertically */
  }
}


@media (max-width: 640px) {
  nav ul {
    row-gap: 8px;
  }
}


/* MOBILE NAV FIX */

@media (max-width: 640px) {
  nav ul {
    flex-wrap: wrap;           /* 🔑 allow wrapping */
    gap: 14px;
    justify-content: center;
    padding: 12px 16px;
  }

  nav a {
    font-size: 13px;
  }
}


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

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



@media (max-width: 600px) {
  .project-header-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}