/* =============================================
   RESPONSIVE BREAKPOINTS
   ============================================= */

/* ---- Tablet: ≤ 1024px ---- */
@media (max-width: 1024px) {
  .hero-inner {
    grid-template-columns: 1fr;
    justify-items: start;
  }
  .hero-terminal { display: none; }
  .about-grid    { grid-template-columns: 1fr; }
  .contact-grid  { grid-template-columns: 1fr; }
}

/* ---- Mobile: ≤ 768px ---- */
@media (max-width: 768px) {
  .nav-links  { display: none; }
  .hamburger  { display: flex; }

  .projects-bento         { grid-template-columns: 1fr; }
  .project-card.featured  { grid-column: span 1; }

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

  .footer-inner {
    flex-direction: column;
    text-align: center;
    gap: var(--space-4);
  }
}

/* ---- Small mobile: ≤ 480px ---- */
@media (max-width: 480px) {
  .hero-ctas { flex-direction: column; }
  .hero-ctas .btn-primary,
  .hero-ctas .btn-ghost { width: 100%; justify-content: center; }

  .stat-grid { grid-template-columns: 1fr 1fr; }

  section { padding: var(--space-16) 0; }
  .section-inner { padding: 0 var(--space-4); }

  .section-heading { font-size: var(--text-3xl); }
}