/* ── About ── */
.value-card {
  background: #fff; border: 1px solid var(--color-border);
  border-radius: var(--border-radius-md);
  padding: var(--space-4); text-align: center;
  transition: var(--transition-base); height: 100%;
}
.value-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); border-color: rgba(200,16,46,.25); }
.value-icon {
  width: 64px; height: 64px; margin: 0 auto var(--space-2);
  background: linear-gradient(135deg, rgba(200,16,46,.1), rgba(200,16,46,.05));
  border-radius: var(--border-radius-md);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.8rem; color: var(--color-crimson);
  border: 1px solid rgba(200,16,46,.15);
}
.value-card h5 { font-size: .95rem; margin-bottom: 8px; }
.value-card p  { font-size: .85rem; color: var(--color-muted); margin: 0; }

.timeline { position: relative; padding-left: 40px; }
.timeline::before {
  content: '';
  position: absolute; left: 16px; top: 0; bottom: 0;
  width: 2px;
  background: linear-gradient(to bottom, var(--color-crimson), var(--color-navy));
}
.timeline-item { position: relative; margin-bottom: var(--space-4); }
.timeline-dot {
  position: absolute; left: -32px; top: 4px;
  width: 16px; height: 16px; border-radius: 50%;
  background: var(--color-crimson);
  border: 3px solid #fff;
  box-shadow: 0 0 0 3px rgba(200,16,46,.2);
}
.timeline-year {
  font-family: var(--font-number); font-size: .8rem;
  font-weight: 700; color: var(--color-crimson);
  letter-spacing: .08em; margin-bottom: 4px;
}
.timeline-item h5 { font-size: .95rem; margin-bottom: 4px; }
.timeline-item p  { font-size: .87rem; color: var(--color-muted); margin: 0; }

.leader-card {
  background: #fff; border: 1px solid var(--color-border);
  border-radius: var(--border-radius-md);
  overflow: hidden; transition: var(--transition-base);
  text-align: center;
}
.leader-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); }
.leader-img { height: 240px; background: var(--color-light); }
.leader-img img { width: 100%; height: 100%; object-fit: cover; }
.leader-info { padding: 20px; }
.leader-name { font-size: 1rem; margin-bottom: 4px; }
.leader-role { font-size: .82rem; color: var(--color-crimson); font-weight: 600; margin-bottom: 8px; }
.leader-bio  { font-size: .83rem; color: var(--color-muted); margin: 0; }

.mission-vision-card {
  padding: var(--space-5);
  border-radius: var(--border-radius-lg);
  height: 100%;
}
.mission-vision-card.mission { background: linear-gradient(135deg, var(--color-navy), var(--color-navy-light)); }
.mission-vision-card.vision  { background: linear-gradient(135deg, var(--color-crimson), var(--color-crimson-dark)); }
.mission-vision-card .mv-icon {
  width: 60px; height: 60px;
  background: rgba(255,255,255,.15); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.6rem; color: #fff; margin-bottom: var(--space-3);
}
.mission-vision-card h3 { color: #fff; margin-bottom: var(--space-2); }
.mission-vision-card p  { color: rgba(255,255,255,.8); margin: 0; line-height: 1.75; }