/* ==========================================================================
   Responsive — All breakpoints
   ========================================================================== */
@media (max-width: 900px) {
  .hero-inner {
    flex-direction: column;
    text-align: center;
  }

  .hero-stats, .hero-socials { justify-content: center; }
  .hero-info .tagline { margin-left: auto; margin-right: auto; }

  .about-top { flex-direction: column; }
  .about-highlights {
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
  }
  .highlight-card { flex: 1; min-width: 120px; }

  .values-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-grid { grid-template-columns: 1fr 1fr; }
  .exp-header  { flex-direction: column; gap: 0.75rem; }
}

@media (max-width: 600px) {
  .hero-avatar { width: 120px; border-radius: 14px; }
  .hero-info h1 { font-size: 1.6rem; }

  .hero-stats { flex-direction: column; align-items: center; }
  .hero-stat-card { width: 100%; }

  .nav-links a { padding: 0.75rem 0.75rem; font-size: 0.82rem; }

  .about-highlights { flex-direction: row; flex-wrap: wrap; }
  .highlight-card { min-width: 45%; }

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

  .contact-grid { grid-template-columns: 1fr; }
  .footer-grid  { grid-template-columns: 1fr; }
  .section      { padding: 2rem 1rem; }
}