/* ==========================================================================
   About Page — Premium Overhaul
   ========================================================================== */

/* ── Narrative ────────────────────────────────────────────────────────── */

.about-narrative {
  color: var(--gray-700);
  line-height: 1.8;
}

/* ── Leadership ───────────────────────────────────────────────────────── */

.about-leadership__subtitle {
  color: var(--gray-600);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.about-leadership__photo {
  max-width: 400px;
  margin: 0 auto var(--space-8);
}

.about-leadership__photo img {
  width: 100%;
  border-radius: 12px;
}

.about-leadership__bios {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
}

@media (min-width: 768px) {
  .about-leadership__bios {
    grid-template-columns: 1fr 1fr;
  }
}

/* ── Founder Cards ────────────────────────────────────────────────────── */

.about-founder__role {
  color: var(--gold-600);
}

.about-founder__bio {
  color: var(--gray-600);
}

.about-founder__linkedin {
  color: var(--gold-500);
}

.about-founder__linkedin:hover {
  color: var(--gold-600);
}

/* ── Partners ─────────────────────────────────────────────────────────── */

.about-partners {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--space-8);
}

.about-partner {
  transition:
    filter 0.3s,
    opacity 0.3s;
  opacity: 0.85;
}

.about-partner:hover {
  opacity: 1;
}

.about-partner__logo {
  max-width: 140px;
  height: 60px;
  object-fit: contain;
}

/* ── Credentials ──────────────────────────────────────────────────────── */

.about-credential__logo {
  max-width: 120px;
  height: 80px;
  object-fit: contain;
  margin: 0 auto var(--space-4);
  display: block;
}

.about-credential__badge {
  width: 120px;
  height: 80px;
  margin: 0 auto var(--space-4);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--charcoal-800);
  border-radius: 8px;
}

.about-credential__badge-text {
  font-family: var(--font-mono);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--gold);
}

/* ── Page Images ─────────────────────────────────────────────────────── */

.about-hero__image,
.about-building__image {
  width: 100%;
  height: auto;
  border-radius: 16px;
  object-fit: cover;
  max-height: 480px;
}

/* ── CTA ──────────────────────────────────────────────────────────────── */

.about-cta__title {
  color: var(--white);
}

.about-cta__subtitle {
  color: var(--gray-400);
  max-width: 600px;
  margin: 0 auto var(--space-6);
}