/* ================================================================
   ABOUT.MOBILE.CSS — About Page Mobile Styles
   ================================================================ */

.about-intro {
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

.about-intro-image { display: none; }

.mission-vision-grid {
  grid-template-columns: 1fr;
  gap: 1.25rem;
}

.mv-card { padding: 1.5rem; }
.mv-icon { font-size: 2.5rem; }

/* Timeline: single column */
.timeline::before { left: 20px; }

.timeline-item,
.timeline-item:nth-child(odd),
.timeline-item:nth-child(even) {
  width: 100%;
  left: 0;
  padding: 0 0 2rem 50px;
  text-align: left;
}

.timeline-dot,
.timeline-item:nth-child(odd) .timeline-dot,
.timeline-item:nth-child(even) .timeline-dot {
  left: 12px;
  right: auto;
}

.timeline-content { padding: 1.25rem; }

.leadership-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.leader-card { padding: 1.5rem 1rem; }
.leader-photo { width: 80px; height: 80px; }