/* css/responsive.css */
@media (max-width: 1024px) {
  .hero-title { font-size: 3.5rem; }
  .section-padding { padding-top: 5rem; padding-bottom: 5rem; }
}

@media (max-width: 768px) {
  .hero-title { font-size: 2.5rem; }
  .section-padding { padding-top: 5rem; padding-bottom: 5rem; }
  .timeline-line { left: 20px; transform: none; }
}

@media (max-width: 425px) {
  .hero-title { font-size: 2rem; }
  .section-padding { padding-top: 3.75rem; padding-bottom: 3.75rem; }
  :root { --nav-height: 64px; }
}