/* Responsive rules */
@media (max-width: 900px) {
  .grid--3 { grid-template-columns: repeat(2, 1fr); }
  .media { flex-direction:column; }
  .hero-content { margin-top:-3rem; }
  .gallery-grid { grid-template-columns: repeat(2,1fr); }
  .container { width:94%; }
}

@media (max-width: 600px) {
  .grid--3 { grid-template-columns: 1fr; }
  .header-inner { flex-direction:column; gap:.75rem; align-items:flex-start; }
  .primary-nav .nav-list { flex-wrap:wrap; gap:.5rem; }
  .hero-content { margin-top:-2rem; padding:.75rem; }
  .gallery-grid { grid-template-columns: 1fr; }
  .media-img { width:100%; height:auto; }
  .card-img { height:140px; }
  .hero-image { border-radius:8px; }
}