.mission-body { padding: clamp(3rem, 7vw, 5rem) 0 clamp(2rem, 5vw, 3.5rem); }
.mission-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2rem clamp(2rem, 6vw, 5rem); align-items: start; }
.mission-grid p { font-size: 1.2rem; }
.mission-grid p:last-child { margin-bottom: 0; }
.mission-body .emph { font: 500 clamp(1.4rem, 2.6vw, 1.85rem)/1.45 var(--font-display); color: var(--deep); margin: 0; padding-left: 1.5rem; border-left: 4px solid var(--shallows); }
.mission-quote { margin: 0; padding: 0 0 clamp(3rem, 7vw, 5rem); }
.mission-quote__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 2rem clamp(2rem, 6vw, 4rem); align-items: center; }
.mission-quote .pull { max-width: 40rem; font-size: clamp(1.5rem, 3.4vw, 2.25rem); margin: 0; }
.mission-quote__photo { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--radius); display: block; }
.value__photo { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--radius); display: block; margin-bottom: 1rem; }
.value__photo--tall { object-position: 50% 45%; }

.vision { border-top: 3px solid var(--tide); padding-top: 1rem; max-width: 46rem; }
.vision h2 { font-size: 1.5rem; margin-bottom: 0.4em; }
.vision p { font: 500 clamp(1.6rem, 3.4vw, 2.4rem)/1.25 var(--font-display); color: var(--deep); margin: 0; }

.values-intro { max-width: 40rem; font-size: 1.15rem; margin-bottom: 2.5rem; }
.values { display: grid; gap: 2.5rem 3rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.value { border-top: 3px solid var(--shallows); padding-top: 1rem; }
.value h3 { margin-bottom: 0.4em; }
.value p { color: var(--ink-soft); margin: 0; }

@media (max-width: 52rem) {
  .mission-grid { grid-template-columns: 1fr; }
  .mission-quote__grid { grid-template-columns: 1fr; }
}
@media (max-width: 44rem) {
  .values { grid-template-columns: 1fr; }
}