/* Additional responsive fine-tuning beyond inline media queries in style.css */
@media (max-width: 480px) {
  .hero { padding: 70px 0 50px; }
  .hero-photo { width: 160px; height: 160px; font-size: 2.8rem; }
  .stats-row { gap: 30px; }
  .stat-number { font-size: 1.8rem; }
  section { padding: 56px 0; }
  .btn { width: 100%; }
  .hero-actions { flex-direction: column; }
}

@media (min-width: 1400px) {
  .container { max-width: 1280px; }
}