/* ═══════════════════════════════════════════════════════════════
   North Peak Care — About Page Styles
   ═══════════════════════════════════════════════════════════════ */

/* Round Gothic font for headings */
h1, h2, h3, h4, h5, h6,
.section-title,
.founder-creds {
  font-family: 'Outfit', sans-serif;
}

/* Mission & Values cards with accent color */
section.section-center .card {
  background: #E8922F !important;
  color: white;
}

section.section-center .card h3 {
  color: white !important;
}

section.section-center .card p {
  color: white !important;
}

section.section-center .card:hover {
  box-shadow: 0 12px 32px rgba(232, 146, 47, 0.2) !important;
}

/* About text section with large calc padding */
.about-text-section {
  padding: 2rem 80px 2rem calc(80px + 220px + 72px);
}

@media (max-width: 1024px) {
  .about-text-section {
    padding: 2rem 40px !important;
  }
}

@media (max-width: 768px) {
  .about-text-section {
    padding: 2rem 1rem !important;
  }
  .founder-section {
    padding: 2rem 1rem !important;
    flex-direction: column !important;
    gap: 1.5rem !important;
    align-items: center !important;
  }
  .founder-photo {
    width: 140px !important;
    height: 140px !important;
  }
  .founder-right {
    text-align: center !important;
  }
  .founder-right h2,
  .founder-name {
    font-size: 1.6rem !important;
  }
  .banner-teal, .banner-navy {
    padding: 2rem 1rem !important;
  }
  .banner-two-col {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  .section.section-center {
    padding: 2rem 1rem !important;
  }
  .cards-grid {
    grid-template-columns: 1fr !important;
  }
  /* Center all text on mobile */
  .about-text-section {
    text-align: center;
  }
  .about-text-section h1 {
    text-align: center;
  }
  .banner-teal h2, .banner-navy h2,
  .section-title {
    text-align: center !important;
  }
  .banner-two-col {
    text-align: center;
  }
  .banner-two-col p {
    text-align: center;
  }
  .card {
    text-align: center;
  }
  .founder-title {
    text-align: center;
  }
}