/* Over mission (spec §4.16): photo first below 1024, text first from 1024. */
.over-mission { display: grid; gap: calc(var(--spacing) * 8); align-items: center; }
.over-mission__text { order: 2; }
.over-mission__media { order: 1; }
@media (min-width: 48rem) { .over-mission { gap: calc(var(--spacing) * 12); } }
@media (min-width: 64rem) {
	.over-mission { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.over-mission__text { order: 1; }
	.over-mission__media { order: 2; }
}
.over-mission__title {
	margin-bottom: calc(var(--spacing) * 4);
	font-size: var(--text-2xl);
	line-height: var(--text-2xl-lh);
	font-weight: var(--font-weight-bold);
	color: var(--color-brand-dark);
}
.over-mission__body { display: flex; flex-direction: column; gap: calc(var(--spacing) * 4); }
.over-mission__p { font-size: var(--text-sm); line-height: var(--leading-relaxed); color: var(--color-gray-600); }
.over-mission__p--lead { font-size: var(--text-base); }
.over-mission__img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius-2xl); box-shadow: var(--shadow-lg); }
@media (min-width: 40rem) {
	.over-mission__title { font-size: var(--text-3xl); line-height: var(--text-3xl-lh); }
	.over-mission__p { font-size: var(--text-base); }
	.over-mission__p--lead { font-size: var(--text-lg); }
}
@media (min-width: 48rem) {
	.over-mission__title { margin-bottom: calc(var(--spacing) * 6); font-size: var(--text-4xl); line-height: var(--text-4xl-lh); }
	.over-mission__body { gap: calc(var(--spacing) * 6); }
	.over-mission__img { border-radius: var(--radius-3xl); }
}