/* About page only: company overview, leadership quotes, team grid. */

.overview-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: var(--space-16); align-items: center; }
.overview-image img { border-radius: var(--radius-3xl); width: 100%; aspect-ratio: 4/5; object-fit: cover; box-shadow: var(--shadow-card); }
.overview-copy .section-title { margin: var(--space-3) 0 var(--space-6); }
.overview-copy .body { margin-bottom: var(--space-8); }
@media (max-width: 900px) {
  .overview-grid { grid-template-columns: 1fr; gap: var(--space-8); }
  .overview-image img { aspect-ratio: 16/9; }
}

.leadership-section { background: var(--bg-section-alt); }
.leadership-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-6); }
.leadership-card { background: var(--bg-page); border-radius: var(--radius-3xl); padding: var(--space-8); box-shadow: var(--shadow-card); }
.leadership-quote-icon { color: var(--gold); font-size: 28px; margin-bottom: var(--space-4); }
.leadership-quote { color: var(--text-body); font-size: 18px; line-height: 1.6; margin-bottom: var(--space-6); }
.leadership-name { font-weight: 700; color: var(--text-body); }
.leadership-title { font-size: 12px; color: var(--gold-text); font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
@media (max-width: 760px) { .leadership-grid { grid-template-columns: 1fr; } }

.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-6); }
.team-card { text-align: left; }
.team-card[hidden] { display: none; }
.team-avatar {
  width: 64px; height: 64px; border-radius: 50%; background: var(--gold-soft);
  display: flex; align-items: center; justify-content: center; color: var(--gold-text); font-size: 22px;
  margin-bottom: var(--space-4);
}
.team-name { font-weight: 700; color: var(--text-body); margin-bottom: 2px; }
.team-role { font-size: 12px; color: var(--text-muted); }

@media (max-width: 900px) { .team-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .team-grid { grid-template-columns: 1fr; } }
