@media (max-width: 768px) {
  nav { padding: 1rem 1.25rem; }

  .nav-links { display: none; }
  .hamburger { display: flex; }

  .nav-menu-open .nav-links {
    display: flex; flex-direction: column;
    position: fixed; top: 64px; left: 0; right: 0;
    background: var(--bg2); padding: 1.5rem;
    border-bottom: 1px solid var(--border);
  }

  .hero        { padding: 7rem 1.25rem 3rem; }
  .hero-stats  { gap: 1.5rem; }

  .about-grid,
  .contact-grid { grid-template-columns: 1fr; gap: 2rem; }

  .edu-grid  { grid-template-columns: 1fr; }
  .form-row  { grid-template-columns: 1fr; }
}
