/* ───────────────────────────────────────────────────────────
   RESPONSIVE CSS (GLOBAL BREAKPOINTS)
   ─────────────────────────────────────────────────────────── */

@media (max-width: 1440px) {
  .showcase__card--primary { grid-column: span 12; }
  .showcase__card--secondary, .showcase__card--standard { grid-column: span 6; }
  .showcase__card--small { grid-column: span 4; }
  .insights__card--featured, .insights__card--secondary { grid-column: span 6; }
}

@media (max-width: 1024px) {
  /* ── Layout ── */
  .intro__grid { grid-template-columns: 1fr; gap: 4rem; }
  .intro__image-col { min-height: 500px; }

  /* ── Capabilities ── */
  .capabilities__item { grid-template-columns: 50px 1fr; padding: 2rem 0; }
  .capabilities__item-icon { display: none; }

  /* ── Showcase ── */
  .storytelling__item--large, .storytelling__item--tall,
  .storytelling__item--square, .storytelling__item--wide {
    grid-column: span 6; height: 400px;
  }

  /* ── Footer ── */
  .footer__top { grid-template-columns: 1fr; gap: 4rem; }
  .footer__nav-group { text-align: left; }
}

@media (max-width: 768px) {
  /* ── Navigation ── */
  :root {
    --nav-height-desktop: var(--nav-height-mobile);
  }
  .navbar__links, .navbar__cta { display: none; }
  .navbar__mobile-toggle { display: block; }
  .navbar { padding: 1rem 0; }

  /* ── Stats ── */
  .stats-band__grid { flex-direction: column; gap: 3rem; }
  .stats-band__item:not(:last-child)::after { display: none; }

  /* ── Showcase ── */
  .showcase__card--primary, .showcase__card--secondary,
  .showcase__card--standard, .showcase__card--small {
    grid-column: span 12;
  }

  /* ── Capabilities ── */
  .capabilities__item { grid-template-columns: 1fr; gap: 0.5rem; padding: 1.5rem 0; }
  .capabilities__item-number { font-size: var(--text-lg); }
  .capabilities__item-title { font-size: var(--text-2xl); }

  /* ── Storytelling ── */
  .storytelling__item--large, .storytelling__item--tall,
  .storytelling__item--square, .storytelling__item--wide {
    grid-column: span 12; height: 300px;
  }

  /* ── Insights ── */
  .insights__card--featured, .insights__card--secondary { grid-column: span 12; }
  .insights__card--featured .insights__card-image { height: 250px; }
  .insights__card--featured .insights__card-body { padding: 2rem; }

  /* ── CTA ── */
  .final-cta__buttons { flex-direction: column; }

  /* ── FAQ ── */
  .faq__question { font-size: var(--text-xl); flex-direction: row-reverse; justify-content: flex-end; gap: 1rem; }
  .faq__answer-inner { font-size: var(--text-base); }

  /* ── Footer ── */
  .footer__legal { flex-direction: column; align-items: flex-start; gap: 1.5rem; }
  .footer__legal-links { flex-direction: column; gap: 1rem; }
}

@media (max-width: 480px) {
  .intro__timeline { flex-direction: column; gap: 1.5rem; }
  .showcase__card-content { padding: 1.5rem; }
}