/**
 * Mission & Vision — navy band, mission column beside a gold-ruled vision quote.
 * Typography via utilities; layout/gradient/rules only here.
 */

.flexible-section.mission-vision {
	position: relative;
	overflow: hidden;
	background: var(--gradient-navy);
	padding-inline: var(--section-pad-x);
}

/* Soft gold glow from the top edge, matching the other navy bands. */
.flexible-section.mission-vision::before {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: radial-gradient(ellipse at 50% 0%, rgba(196, 154, 26, 0.07), transparent 60%);
}

.mission-vision-inner {
	position: relative;
	z-index: 2;
	max-width: var(--container-narrow);
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1.15fr 1fr;
}

.mission-vision-inner.is-solo {
	grid-template-columns: 1fr;
	max-width: 900px;
}

.mission-vision-col {
	padding-block: clamp(4px, 0.16vw + 3.4px, 7.5px);
}

.mission-vision-col.is-vision {
	border-inline-start: 1px solid rgba(196, 154, 26, 0.22);
	padding-inline-start: clamp(24px, 2.58vw + 14.7px, 70px);
	margin-inline-start: clamp(24px, 2.58vw + 14.7px, 70px);
}

.mission-vision-inner.is-solo .mission-vision-col.is-vision {
	border-inline-start: none;
	padding-inline-start: 0;
	margin-inline-start: 0;
}

.mission-vision-ey {
	letter-spacing: 0.28em;
	text-transform: uppercase;
	margin-bottom: clamp(10px, 0.48vw + 8.3px, 20px);
}

.mission-vision-ti {
	margin: 0 0 clamp(10px, 0.48vw + 8.3px, 20px);
}

.mission-vision-p {
	margin: 0;
	color: rgba(255, 255, 255, 0.55);
}

.mission-vision-big {
	font-style: italic;
	margin: 0;
}

@media (max-width: 1024px) {
	.mission-vision-inner { grid-template-columns: 1fr; }

	.mission-vision-col.is-vision {
		border-inline-start: none;
		padding-inline-start: 0;
		margin-inline-start: 0;
		border-top: 1px solid rgba(196, 154, 26, 0.22);
		padding-top: clamp(24px, 1.29vw + 19.4px, 45px);
		margin-top: clamp(24px, 1.29vw + 19.4px, 45px);
	}
}