/* ═══════════════════════════════════════════
   Responsive — mobile and tablet
   ═══════════════════════════════════════════ */

@media (max-width: 600px) {
  :root {
    --section-gap: 3.75rem;
  }

  .nav {
    padding: 0 1rem;
  }

  .nav__links {
    gap: 1.125rem;
  }

  .nav__right {
    gap: 0.875rem;
  }

  .nav__theme-toggle {
    width: 2rem;
    height: 2rem;
  }

  .nav__links a {
    font-size: 0.8rem;
  }

  .hero__name {
    font-size: clamp(2.2rem, 10vw, 3rem);
  }

  .hero__tagline {
    font-size: 0.9rem;
  }

  .section {
    padding: 3.75rem 1.25rem;
  }

  .now-grid,
  .project-grid {
    grid-template-columns: 1fr;
  }

  .contact-links {
    flex-direction: column;
  }
}