/* ============================================================
   NEW HOPE MINISTRY — responsive.css
   ============================================================ */

@media (max-width: 1199.98px) {
  .masonry { column-count: 3; }
}

@media (max-width: 991.98px) {
  section { padding: 4rem 0; }
  .hero { padding: 4.5rem 0 6.5rem; }
  .hero__art { margin-top: 3rem; }
  .hero__chip--tl { left: 0; }
  .hero__chip--br { right: 0; }
  .masonry { column-count: 2; }
  .stat-box + .stat-box { border-left: none; }
}

@media (max-width: 767.98px) {
  section { padding: 3.2rem 0; }
  .hero h1 { font-size: 2.1rem; }
  .hero p.lead { font-size: 1rem; }
  .cta-banner { padding: 2rem 1.5rem; }
  .donate-panel { padding: 1.5rem; }
  .stat-box { padding: 1rem .5rem; }
  .stat-box__value { font-size: 2.1rem; }
  .footer-main { padding: 2.5rem 0 1.8rem; }
  .whatsapp-float { width: 50px; height: 50px; font-size: 1.4rem; }
  .back-to-top { bottom: 84px; }
}

@media (max-width: 575.98px) {
  .masonry { column-count: 1; }
  .hero { padding: 3.5rem 0 6rem; }
  .hero__chip { font-size: .8rem; padding: .6rem .8rem; }
  .page-hero { padding: 3rem 0 2.5rem; }
  .resource-row { flex-direction: column; align-items: flex-start; text-align: left; }
  .btn-nhm { width: 100%; text-align: center; }
  .hero .d-flex.gap-3 { flex-direction: column; }
}