/* ============================================================
   responsive.css
   ============================================================ */

@media (max-width: 1024px) {
  .hero-inner          { grid-template-columns: 1fr; }
  .hero-visual         { display: none; }
  .about-grid          { grid-template-columns: 1fr; gap: 3rem; }
  .contact-grid        { grid-template-columns: 1fr; gap: 3rem; }
  .footer-inner        { grid-template-columns: 1fr 1fr; gap: 2.5rem; }
  .footer-inner > :first-child { grid-column: 1 / -1; }
  .project-item,
  .project-item.reverse{ grid-template-columns: 1fr; direction: ltr; gap: 2rem; }
  .testimonial-card    { flex: 0 0 calc(80% - .75rem); }
}

@media (max-width: 768px) {
  section { padding: 5rem 0; }
  .nav-links  { display: none; }
  .nav-hire   { display: none; }
  .nav-burger { display: flex; }
  .hero-stats { flex-wrap: wrap; gap: 1.5rem; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { justify-content: center; }
  .skills-grid { grid-template-columns: 1fr 1fr; }
  .certs-grid  { grid-template-columns: 1fr 1fr; }
  .footer-inner { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .contact-form-wrap { padding: 1.75rem; }
  .testimonial-card { flex: 0 0 calc(90% - .75rem); }
  .timeline-item { gap: 1.25rem; }
}

@media (max-width: 480px) {
  .skills-grid { grid-template-columns: 1fr; }
  .certs-grid  { grid-template-columns: 1fr; }
  .hero-name   { font-size: 2.6rem; }
  .social-inner{ gap: 1.25rem; }
}