/* ================= ABOUT PAGE RESPONSIVE ================= */

/* phones only – hide rocket */
@media (max-width: 480px) {
  .mission-vision {
    padding: 50px 7% 50px;
  }

  .mv-intro h2 {
    font-size: 2rem;
  }

  .mv-intro p {
    max-width: none;
  }

  /* hard-hide the rocket on mobile */
  .hero-rocket {
    display: none !important;
  }

  .hero-title {
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
}

/* tablet + small laptop tweaks */
@media (max-width: 1024px) {
  .hero-left h1 {
    font-size: 2.4rem;
  }

  .hero-title {
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }
}