/**
 * MICROBA Journey Page
 * Version: 1.2.0
 * Revision: 2026-07-25
 */

.mo-detail--journey .mo-detail__hero {
	background-position: center 45%;
}

.mo-journey__hero-lead {
	max-width: 670px;
	margin: 30px 0 0;
	color: rgba(255, 255, 255, .82);
	font-size: clamp(1.05rem, 1.6vw, 1.35rem);
	line-height: 1.75;
}

.mo-journey__editorial {
	padding-block: clamp(88px, 11vw, 150px);
}

.mo-journey__editorial--purpose {
	background: #0b1811;
	color: #e9e4d8;
}

.mo-journey__editorial--story {
	background: #eee7d7;
	color: #172017;
}

.mo-journey__editorial-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
	gap: clamp(44px, 8vw, 110px);
	align-items: center;
}

.mo-journey__editorial-grid--reverse {
	grid-template-columns: minmax(320px, .92fr) minmax(0, 1.08fr);
}

.mo-journey__media {
	min-height: clamp(440px, 55vw, 700px);
	border: 1px solid rgba(199, 164, 90, .42);
	background-position: center;
	background-size: cover;
	box-shadow: 0 30px 80px rgba(0, 0, 0, .28);
}

.mo-journey__media--purpose {
	background-image:
		linear-gradient(180deg, rgba(4, 10, 7, .05), rgba(4, 10, 7, .34)),
		var(--mo-journey-purpose-image);
}

.mo-journey__media--story {
	background-image:
		linear-gradient(180deg, rgba(4, 10, 7, .02), rgba(4, 10, 7, .2)),
		var(--mo-journey-story-image);
}

.mo-journey__copy h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(2.7rem, 5vw, 5.3rem);
	font-weight: 400;
	line-height: 1;
	letter-spacing: -.04em;
	text-wrap: balance;
}

.mo-journey__copy p:not(.mo-detail__eyebrow) {
	margin: 28px 0 0;
	font-size: 1.08rem;
	line-height: 1.82;
}

.mo-journey__editorial--purpose .mo-journey__copy p:not(.mo-detail__eyebrow) {
	color: rgba(233, 228, 216, .78);
}

.mo-journey__editorial--story .mo-journey__copy p:not(.mo-detail__eyebrow) {
	color: #465047;
}

.mo-detail--journey .mo-detail__quote {
	position: relative;
	background:
		linear-gradient(rgba(4, 10, 7, .62), rgba(4, 10, 7, .78)),
		var(--mo-journey-story-image),
		#07100b;
	background-position: center;
	background-size: cover;
}

.mo-detail--journey .mo-detail__cta {
	position: relative;
	background:
		linear-gradient(90deg, rgba(9, 17, 12, .88), rgba(9, 17, 12, .45), rgba(9, 17, 12, .16)),
		var(--mo-detail-cta-image),
		#0b1811;
	background-position: center;
	background-size: cover;
	color: #f4efe4;
	text-align: left;
}

.mo-detail--journey .mo-detail__cta .mo-detail__shell {
	max-width: 1180px;
}

.mo-detail--journey .mo-detail__cta h2,
.mo-detail--journey .mo-detail__cta p {
	max-width: 650px;
	margin-left: 0;
	margin-right: 0;
}

.mo-detail--journey .mo-detail__cta p {
	color: rgba(244, 239, 228, .78);
}

.mo-detail--journey .mo-detail__button {
	border-color: #c7a45a;
	color: #f4efe4;
}

.mo-detail--journey .mo-detail__button:hover,
.mo-detail--journey .mo-detail__button:focus-visible {
	background: #c7a45a;
	color: #142016;
}

@media (max-width: 820px) {
	.mo-journey__editorial-grid,
	.mo-journey__editorial-grid--reverse {
		grid-template-columns: 1fr;
	}

	.mo-journey__editorial-grid--reverse .mo-journey__media {
		order: -1;
	}

	.mo-journey__media {
		min-height: 440px;
	}
}

@media (max-width: 520px) {
	.mo-journey__hero-lead {
		font-size: 1rem;
	}

	.mo-journey__media {
		min-height: 340px;
	}

	.mo-detail--journey .mo-detail__cta {
		background-position: 62% center;
	}
}