.about-section { background: var(--white); }
.about-section-alt { background: linear-gradient(160deg, #EEF2FF 0%, #FFF8F5 100%); }

.about-grid {
  display: grid; grid-template-columns: 1.1fr 1fr;
  gap: 48px; align-items: center; margin-top: 8px;
}
.about-grid p { color: var(--ink2); font-size: 0.95rem; line-height: 1.8; }
.about-video {
  width: 100%; border-radius: 16px; display: block;
  box-shadow: var(--card-shadow); border: 1.5px solid var(--border);
}

.vm-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 48px; margin-top: 8px;
}
.vm-card h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.15rem; font-weight: 700; color: var(--navy-deep); margin-bottom: 10px;
}
.vm-card p { color: var(--ink2); font-size: 0.9rem; line-height: 1.8; }
.mission-list { list-style: none; display: flex; flex-direction: column; gap: 18px; }
.mission-list li h4 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 0.95rem; font-weight: 700; color: var(--navy-deep); margin-bottom: 4px;
}
.mission-list li p { color: var(--ink2); font-size: 0.88rem; line-height: 1.7; }

@media(max-width: 860px) {
  .about-grid, .vm-grid { grid-template-columns: 1fr; gap: 28px; }
}