@media (max-width: 768px) {
  /* =========================
   MOBILE ONLY
========================= */

  @media (max-width: 768px) {
    /* ABOUT HERO */

    .about-grid {
      display: flex !important;
      flex-direction: column !important;
      gap: 50px !important;
    }

    .about-image div {
      height: auto !important;
    }

    /* TITLE */

    .about-text h2 {
      font-size: 52px !important;
      white-space: nowrap;
    }

    /* STATS */

    .stats-grid {
      grid-template-columns: 1fr !important;
      gap: 20px !important;
    }

    /* BADGE SECTION */

    section[style*="justify-content: space-between"] {
      flex-direction: column !important;
      align-items: flex-start !important;
    }

    /* PHILOSOPHY GRID */

    div[style*="grid-template-columns: repeat(3, 1fr)"] {
      grid-template-columns: 1fr !important;
    }

    div[style*="grid-column: span 2"] {
      grid-column: span 1 !important;
    }

    /* CARD 4 */

    div[style*="align-items: center"][style*="gap: 35px"] {
      flex-direction: column !important;
    }

    div[style*="width: 35%"] {
      width: 100% !important;
      height: 220px !important;
    }

    /* CREW */

    div[style*="grid-template-columns: repeat(2, 1fr)"] {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 20px !important;
    }

    div[style*="height: 350px"][style*="width: 300px"] {
      width: 100% !important;
      height: 240px !important;
    }

    /* TEXT CREW MOBILE */
    div[style*="grid-template-columns: repeat(2, 1fr)"] > div {
      padding-inline: 8px;
    }

    div[style*="grid-template-columns: repeat(2, 1fr)"] p {
      padding-right: 6px;
    }

    /* CTA */

    section[style*="text-align: center"] h2 {
      font-size: 52px !important;
      letter-spacing: -1px !important;
    }

    section[style*="text-align: center"] p {
      font-size: 15px !important;
    }

    section[style*="text-align: center"] a {
      width: 100%;
      justify-content: center;
      padding: 18px 24px !important;
    }
  }
}

/* =========================
   DESKTOP
========================= */

@media (min-width: 769px) {
  .about-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center;
    gap: 60px;
  }
}