@media (max-width: 991.98px) {
   .page-hero { padding: 3.5rem 0; }
   .filter-bar { gap: .6rem; margin-bottom: 2.5rem; }
}

@media (max-width: 767.98px) {
   .hero h1 {
      font-size: 1.8rem;
   }
}