/* ════════════════════════
   RESPONSIVE
   ════════════════════════ */

/* Tablet */
@media (max-width: 900px) {
  .nav-links, .nav-cta { display: none; }
  .hamburger { display: flex; }

  .about-grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .about-visual { max-width: 420px; }

  .edu-grid { grid-template-columns: 1fr; }
  .contact-grid { grid-template-columns: 1fr; gap: 2.5rem; }

  .hero-socials { display: none; }
}

/* Mobile */
@media (max-width: 640px) {
  section { padding: 5rem 0; }

  .hero-content { padding: 3rem 0; }
  .hero-btns { gap: 0.75rem; }
  .hero-btns .btn { padding: 0.7rem 1.25rem; font-size: 0.85rem; }

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

  .arch-flow { gap: 0.5rem; }
  .arch-node { min-width: 80px; padding: 0.9rem 0.6rem; }
  .arch-node-label { font-size: 0.7rem; }
  .arch-node-icon  { font-size: 1.3rem; }

  .tl-header { flex-direction: column; }

  .about-stats-grid { grid-template-columns: 1fr 1fr; }
  
  .footer-inner { flex-direction: column; align-items: flex-start; gap: 1rem; }
  .footer-links { gap: 1rem; }
}

/* Small mobile */
@media (max-width: 400px) {
  .container { padding: 0 1.25rem; }
  .hero-name { font-size: 2.5rem; }
}