/* ══════════════════════════════════
   RESPONSIVE / MOBILE
══════════════════════════════════ */
@media (max-width: 820px) {
  .hero-grid { grid-template-columns: 1fr; }
  .term-wrap { display: none; }
  .about-grid { grid-template-columns: 1fr; }
  .edu-grid { grid-template-columns: 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
  .nav-links { display: none; }
  .foot-inner { flex-direction: column; gap: 1rem; text-align: center; }
  nav { padding: 0 1.25rem; }
  .container { padding: 0 1.25rem; }
  .skills-grid { grid-template-columns: 1fr; }
  .hero-profile { width: 120px; height: 120px; }
  .cv-btns { flex-direction: column; gap: 0.65rem; }
}

@media (max-width: 480px) {
  section { padding: 4rem 0; }
  .hero-metrics { flex-wrap: wrap; gap: 1.5rem; }
  .proj-grid { grid-template-columns: 1fr; }
  .certs-grid { grid-template-columns: 1fr; }
  .hero-profile { width: 100px; height: 100px; }
  #term-overlay {
    width: calc(100vw - 1rem);
    right: 0.5rem;
    bottom: 5rem;
    height: 400px;
  }
  #term-fab {
    width: 48px;
    height: 48px;
    bottom: 1rem;
    right: 1rem;
    font-size: 1rem;
  }
}