/* === Responsive === */
@media (max-width: 1100px) {
  .hero-grid, .story-grid, .donate-card, .donate-split, .contact-grid, .money-grid { grid-template-columns: 1fr; gap: 48px; }
  .hero-grid { padding: 80px 0 60px; }
  .hero-collage { height: 460px; }
  .hero-meta-item { text-align: center; }
  .hero-meta-item:first-child { text-align: center; }
  .bento { grid-template-columns: repeat(4, 1fr); }
  .b-1 { grid-column: span 4; }
  .b-2, .b-3, .b-4, .b-5 { grid-column: span 2; }
  .b-6 { grid-column: span 4; }
  .stats-row, .tiers-grid { grid-template-columns: repeat(2, 1fr); }
  .voices-grid { grid-template-columns: repeat(2, 1fr); }
  .mosaic { grid-template-columns: repeat(2, 1fr); }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 40px; }
  .donate-card { grid-template-columns: 1fr; gap: 40px; padding: 48px 40px; }
}

@media (max-width: 768px) {
  .section { padding: 72px 0; }
  .wrap { padding: 0 16px; }
  .topbar { display: none; }

  /* Mobile nav */
  .menu {
    position: fixed; top: 73px; left: 0; right: 0; bottom: 0;
    background: #fff; flex-direction: column; padding: 24px 20px;
    gap: 4px; box-shadow: var(--shadow-lg);
    transform: translateX(100%); transition: transform .3s ease;
    overflow-y: auto; z-index: 150; align-items: stretch;
  }
  .menu.open { transform: translateX(0); }
  .menu > li > a {
    padding: 10px 12px; border-radius: 8px; font-size: .95rem;
    justify-content: space-between;
  }
  .menu-toggle { display: grid; place-items: center; }
  .nav-cta { display: none; }

  /* Mobile dropdown */
  .dropdown {
    position: static; transform: none !important; box-shadow: none; border: none;
    border-left: 3px solid var(--brand); border-radius: 0; padding: 4px 0 4px 12px;
    margin: 4px 0 0 12px; opacity: 1; pointer-events: none;
    max-height: 0; overflow: hidden; transition: max-height .28s ease;
  }
  .dropdown::before { display: none; }
  .has-drop.open .dropdown { max-height: 400px; pointer-events: auto; }
  .dropdown a { padding: 8px 10px; font-size: .9rem; border-radius: 6px; }

  /* Hero */
  .hero { min-height: auto; }
  .hero-grid { padding: 60px 0 48px; }
  .hero-collage { height: 320px; }
  .hero-collage .ph1 { width: 72%; height: 66%; }
  .hero-collage .ph2 { width: 56%; height: 44%; }
  .hero-collage .ph3 { width: 42%; height: 36%; }
  .hero-badge { left: 0; padding: 12px 14px; }
  .hero-badge strong { font-size: .9rem; }
  .hero-meta { gap: 0; flex-wrap: wrap; }
  .hero-meta-item { flex: 0 0 50%; padding: 16px; border-right: none; border-bottom: 1px solid rgba(255,255,255,.15); }
  .hero-meta-item:nth-child(1), .hero-meta-item:nth-child(2) { border-right: 1px solid rgba(255,255,255,.15); }

  /* Bento */
  .bento { grid-template-columns: 1fr; }
  .b-1,.b-2,.b-3,.b-4,.b-5,.b-6 { grid-column: span 1; min-height: 240px; }

  /* Stats */
  .stats-row { grid-template-columns: repeat(2, 1fr); gap: 0; }
  .stat { border-right: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
  .stat:nth-child(2), .stat:nth-child(4) { border-right: none; }
  .stat-num { font-size: 2.8rem; }

  /* Achievement */
  .achievement-row { flex-direction: column; gap: 14px; text-align: center; }

  /* Voices */
  .voices-grid { grid-template-columns: 1fr; }

  /* Story */
  .story-images { grid-template-columns: 1fr; grid-template-rows: 200px 180px 180px; }
  .story-images > div:nth-child(1) { grid-row: auto; height: 200px; }

  /* Mosaic */
  .mosaic { grid-template-columns: 1fr 1fr; }

  /* Forms */
  .field-row { grid-template-columns: 1fr; }

  /* Donate */
  .donate-card { padding: 40px 24px; }
  .donate-tiers-mini { grid-template-columns: 1fr; }
  .tiers-grid { grid-template-columns: 1fr; }
  .ways-grid { grid-template-columns: 1fr; }

  /* Footer */
  .footer-top { grid-template-columns: 1fr; gap: 36px; }
  .footer-bot { flex-direction: column; gap: 8px; }

  /* Contact */
  .bank-card { padding: 28px; }
  .contact-form { padding: 26px; }

  /* Page hero */
  .page-hero { padding: 52px 0 60px; }
  .page-hero h1 { font-size: 1.9rem; }

  /* Gallery */
  .gal-filter { gap: 6px; }
  .gal-btn { padding: 8px 14px; font-size: .8rem; }

  /* Lightbox */
  .lb-prev { left: 6px; } .lb-next { right: 6px; }
  .lb-prev, .lb-next { width: 38px; height: 38px; }
  .lb-close { top: 12px; right: 12px; width: 38px; height: 38px; }
  .lightbox { padding: 8px; }

  /* Misc */
  .fab { width: 46px; height: 46px; font-size: 1.2rem; }
  .fab-wa { left: 14px; bottom: 14px; }
  .fab-top { right: 14px; bottom: 14px; }
  .money-grid { grid-template-columns: 1fr; }
  .shop-grid { grid-template-columns: repeat(2, 1fr); }
  .news-grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .hero-meta-item { flex: 0 0 100%; border-right: none !important; }
  .shop-grid { grid-template-columns: 1fr; }
  .stat-num { font-size: 2.4rem; }
}