@media (max-width: 1024px) {
  .skills-grid,
  .card-grid,
  .github-grid,
  .github-projects-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .projects-grid,
  .contact-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .menu-toggle { display: inline-flex; }

  .nav-links {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.97);
    border-bottom: 1px solid rgba(255,255,255,0.14);
    display: none;
    flex-direction: column;
    padding: 1rem 4%;
  }

  .nav-links.open { display: flex; }

  .skills-grid,
  .card-grid,
  .github-grid,
  .github-projects-grid,
  .projects-grid { grid-template-columns: 1fr; }

  .hero h1 { letter-spacing: 0.02em; }
  .section { padding: 5.2rem 0; }
}