/* ============================================================
   component: mission
   左にビジュアル、右に見出し + 本文（複数段落）
   ============================================================ */

.mission__inner {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: clamp(32px, 5vw, 72px);
  align-items: start;
}

.mission__media {
  border-radius: var(--radius);
  overflow: hidden;
  aspect-ratio: 3 / 2; /* team.jpg (512×341) の比率に合わせてトリミングなし */
  background: var(--c-surface-alt);
  /* 右カラムの見出し高さぶん下げて視覚的に中央付近へ */
  margin-top: clamp(24px, 6vw, 96px);
}

.mission__media img { width: 100%; height: 100%; object-fit: cover; }

.mission__body > * + * { margin-top: 1.4em; }

.mission__body .section__title + * { margin-top: clamp(20px, 2.5vw, 32px); }

@media (max-width: 820px) {
  .mission__inner { grid-template-columns: 1fr; }
  .mission__media { margin-top: 0; order: -1; }
}