/* About Page */
.about-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-12); }
@media (min-width: 768px) { .about-grid { grid-template-columns: 1fr 1fr; } }

.about-col h2, .about-mission h2 { font-size: 1.875rem; font-weight: 800; margin: var(--space-3) 0 var(--space-4); }
.about-col p, .about-mission p { color: var(--color-text-secondary); font-size: 1rem; line-height: 1.75; margin-bottom: var(--space-4); }

.about-mission {
  background: rgba(30,59,138,0.03);
  border: 1px solid rgba(30,59,138,0.1);
  border-radius: var(--radius-2xl);
  padding: var(--space-8);
}

.mission-stats { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); margin-top: var(--space-4); }
.mission-stat {
  padding: var(--space-4);
  background: var(--color-surface);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
}
.mission-stat h4 { font-weight: 800; color: var(--color-primary); font-size: 1.25rem; }
.mission-stat p { font-size: 0.8125rem; color: var(--color-text-muted); margin: 0; }

.team-member { text-align: center; }
.team-member-img {
  aspect-ratio: 1;
  border-radius: var(--radius-2xl);
  overflow: hidden;
  margin-bottom: var(--space-4);
  background: var(--color-surface-alt);
}
.team-member-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.team-member:hover .team-member-img img { transform: scale(1.08); }
.team-member h4 { font-size: 1rem; font-weight: 800; }
.team-member p { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--color-text-muted); margin-top: var(--space-1); }

.achievements {
  margin-top: var(--space-20);
  background: var(--color-primary);
  border-radius: var(--radius-3xl);
  padding: var(--space-12);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-6);
  text-align: center;
  color: white;
}
@media (min-width: 768px) { .achievements { grid-template-columns: repeat(4, 1fr); } }
.achievement-number { font-size: 2rem; font-weight: 900; }
.achievement-label { font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2em; opacity: 0.7; margin-top: var(--space-2); }