/* Responsive breakpoints */
/* ============ RESPONSIVE ============ */
@media (max-width: 860px) {
  .about-grid { grid-template-columns: 1fr; gap: 2rem; }
  .projects-grid { grid-template-columns: 1fr 1fr; }
  .skills-grid { grid-template-columns: 1fr; }
}

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

  .nav-toggle { display: flex; z-index: 110; }
  .nav-links {
    position: fixed;
    inset: 0;
    background: rgba(7, 9, 15, 0.97);
    backdrop-filter: blur(16px);
    flex-direction: column;
    justify-content: center;
    gap: 2.5rem;
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .nav-links.open { transform: translateX(0); }
  .nav-links a { font-size: 1.3rem; }
}