/* ═══════════════════════════════════════════════════════════

       RESPONSIVE — SMALL MOBILE  (≤ 400px)
    ═══════════════════════════════════════════════════════════ */
    @media (max-width: 400px) {
      :root { --section-pad-x: 1rem; }
      .hero__ctas   { flex-direction: column; align-items: flex-start; }
      .social-links { flex-wrap: wrap; }
      .disco__filters { flex-wrap: wrap; }
    }