/* Section 3 — Mission */
.ap-mission__grid {
  display: grid; gap: clamp(2rem, 1rem + 4vw, 4.5rem);
  grid-template-columns: 1fr 1fr; align-items: center;
}
.ap-mission__media { position: relative; }
.ap-mission__media img {
  width: 100%; aspect-ratio: 4 / 3; object-fit: cover;
  border-radius: var(--ap-radius-lg); box-shadow: var(--ap-shadow-lg);
}
.ap-mission__badge {
  position: absolute; left: -12px; bottom: -18px;
  display: flex; align-items: center; gap: 0.85rem;
  background: #fff; padding: 0.9rem 1.2rem;
  border-radius: var(--ap-radius); box-shadow: var(--ap-shadow);
}
.ap-mission__badge .ap-badge { width: 44px; height: 44px; margin: 0; }
.ap-mission__badge .ap-badge svg { width: 22px; height: 22px; }
.ap-mission__badge strong { display: block; font-family: var(--ap-font-head); color: var(--ap-charcoal); font-size: 1rem; }
.ap-mission__badge span { font-size: 0.85rem; color: var(--ap-text-2); }

.ap-mission__content h2 { margin-bottom: 1rem; }
.ap-mission__stats {
  list-style: none; margin: 2.5rem 0; padding: 2rem 0 0;
  display: flex; gap: clamp(1.25rem, 3vw, 2.5rem); flex-wrap: wrap;
  border-top: 1px solid var(--ap-border);
}
.ap-mission__stats li { display: flex; align-items: center; gap: 0.85rem; }
.ap-mission__stats .ap-badge { margin: 0; width: 46px; height: 46px; flex: none; }
.ap-mission__stats .ap-badge svg { width: 22px; height: 22px; }
.ap-mission__stat-text strong {
  display: block; font-family: var(--ap-font-head); font-weight: 700;
  font-size: 1.4rem; color: var(--ap-forest); line-height: 1.05;
}
.ap-mission__stat-text > span { font-size: 0.9rem; color: var(--ap-text-2); }

@media (max-width: 860px) {
  .ap-mission__grid { grid-template-columns: 1fr; }
  .ap-mission__media { max-width: 560px; }
}