/* ============================================================
   MSKA INDIA — responsive.css
   Breakpoints: 1024 | 768 | 480
   ============================================================ */

/* ── TABLET ≤ 1024px ─────────────────────────────────────── */
@media (max-width: 1024px) {
  /* Hero */
  .hero-grid { grid-template-columns:1fr; text-align:center; }
  .hero-emblem { display:none; }
  .hero-desc { margin-inline:auto; }
  .hero-btns { justify-content:center; }
  .tribar { margin-inline:auto; }
  .hero-stats { max-width:460px; margin:24px auto 0; }

  /* 2-col → 1-col layouts */
  .founder-layout { grid-template-columns:1fr !important; text-align:center; }
  .founder-img-card { max-width:300px; margin-inline:auto; }
  .fdr-layout { grid-template-columns:1fr !important; text-align:center; }
  .fdr-img-wrap { display:flex; justify-content:center; }
  .fdr-img-wrap .founder-img-card { max-width:320px; }
  .story-grid { grid-template-columns:1fr !important; }
  .about-grid  { grid-template-columns:1fr !important; }

  /* Sensei */
  .pres-card { grid-template-columns:1fr; }
  .pres-photo { min-height:260px; }

  /* Grids */
  .aff-grid { grid-template-columns:repeat(3,1fr); }
  .kk-grid  { grid-template-columns:repeat(3,1fr); }
  .ach-grid { grid-template-columns:repeat(3,1fr); }
  .grid-4   { grid-template-columns:repeat(2,1fr); }

  /* Footer */
  .ft-grid { grid-template-columns:1fr 1fr; }

  /* Contact */
  .contact-grid { grid-template-columns:1fr; }

  /* FAQ */
  .faq-grid { grid-template-columns:1fr; }
}

/* ── MOBILE ≤ 768px ──────────────────────────────────────── */
@media (max-width: 768px) {
  /* Hide desktop nav, show hamburger */
  .hdr-nav   { display:none; }
  .hdr-actions #themeBtn { display:none; }
  .hamburger { display:flex; }

  /* Sections */
  .sec    { padding:clamp(44px,7vw,64px) 16px; }
  .sec-sm { padding:clamp(32px,5vw,48px) 16px; }
  .page-banner { padding:100px 16px 40px; }

  /* Grids → 1 col */
  .grid-3   { grid-template-columns:1fr; }
  .grid-2   { grid-template-columns:1fr; }
  .grid-4   { grid-template-columns:repeat(2,1fr); }
  .events-grid { grid-template-columns:1fr; }
  .sensei-row2 { grid-template-columns:1fr; }
  .sensei-row3 { grid-template-columns:1fr; }
  .kk-grid     { grid-template-columns:repeat(2,1fr); }
  .aff-grid    { display:none; } /* replaced by scroll on mobile */
  .vision-grid { grid-template-columns:repeat(2,1fr); }
  .ach-grid    { grid-template-columns:repeat(2,1fr); }
  .ft-grid     { grid-template-columns:1fr; }
  .ev-gallery  { grid-template-columns:repeat(2,1fr); }

  /* Nav cards — 2 col on medium mobile */
  .navcards-2 { grid-template-columns:1fr; }

  /* Slideshow */
  .ss-stage { height:clamp(200px,60vw,280px); }
  .ss-slide { width:88vw; height:clamp(150px,50vw,220px); }
  .ss-btn   { width:36px; height:36px; font-size:.9rem; }

  /* Quote */
  .quote-box { padding:22px 18px; }

  /* Hero stats — keep 3 col on medium mobile */
  .hero-stats { grid-template-columns:repeat(3,1fr); }

  /* Explore cards */
  .explore-3col { grid-template-columns:1fr; }
}

/* ── SMALL MOBILE ≤ 480px ────────────────────────────────── */
@media (max-width: 480px) {
  .hero-stats { grid-template-columns:1fr 1fr; }
  .hero-btns  { flex-direction:column; align-items:center; }
  .btn        { width:100%; max-width:272px; justify-content:center; }
  .kk-grid    { grid-template-columns:1fr 1fr; }
  .grid-4     { grid-template-columns:1fr; }
  .ach-grid   { grid-template-columns:repeat(2,1fr); }
  .vision-grid { grid-template-columns:1fr; }
  .strip-inner { gap:8px 20px; }
}