/* responsive.css — shared responsive overrides
   Page-specific responsive rules remain in their own files. */

@media (max-width: 1024px) {
  .container { padding-left: 24px; padding-right: 24px; }
}

@media (max-width: 768px) {
  .nav-menu { display: none; }
  .hero-title, .section-title { font-size: 2rem; }
}

@media (max-width: 480px) {
  .hero-title { font-size: 1.6rem; }
  .btn { width: 100%; }
}