/*
 * ABOUT - 2026-09-29 client build additions (workbook sheet: about).
 * Adds the 01 origin dateline and the 09 / THE JOURNEY timeline.
 * Scoped to body.ae-theme.ae-v3 .ae3-about.
 */

body.ae-theme.ae-v3 .ae3-about .ae3-about-origin__note {
	margin: 26px 0 0;
	font-family: var(--ae-body, "Montserrat", Arial, sans-serif);
	font-size: 10px;
	font-weight: 500;
	letter-spacing: .3em;
	text-transform: uppercase;
	color: var(--a3-gold);
	overflow-wrap: anywhere;
}

/* ------------------------------------------------------- 09 / the journey */
body.ae-theme.ae-v3 .ae3-about .ae3-about-journey {
	background: var(--a3-paper);
}
body.ae-theme.ae-v3 .ae3-about .ae3-about-journey .ae3-kicker {
	margin-bottom: clamp(28px, 4vw, 60px);
}
body.ae-theme.ae-v3 .ae3-about .ae3-about-journey__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0;
	counter-reset: none;
}
body.ae-theme.ae-v3 .ae3-about .ae3-about-journey__stop {
	display: grid;
	grid-template-columns: minmax(0, 190px) minmax(0, 1fr);
	gap: clamp(16px, 3vw, 64px);
	align-items: start;
	padding: clamp(22px, 2.8vw, 40px) 0;
	border-top: 1px solid var(--a3-line-dark);
	min-width: 0;
}
body.ae-theme.ae-v3 .ae3-about .ae3-about-journey__stop:last-child {
	border-bottom: 1px solid var(--a3-line-dark);
}
body.ae-theme.ae-v3 .ae3-about .ae3-about-journey__year {
	font-family: var(--ae-display, "Cormorant Garamond", Georgia, serif);
	font-size: clamp(24px, 2.8vw, 42px);
	font-weight: 300;
	line-height: 1;
	color: var(--a3-text);
}
body.ae-theme.ae-v3 .ae3-about .ae3-about-journey__label {
	margin: 0 0 12px;
	font-family: var(--ae-body, "Montserrat", Arial, sans-serif);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .28em;
	text-transform: uppercase;
	color: var(--a3-gold-dim);
	overflow-wrap: anywhere;
}
body.ae-theme.ae-v3 .ae3-about .ae3-about-journey__body {
	margin: 0;
	color: var(--a3-grey-500);
	overflow-wrap: anywhere;
}

@media (max-width: 1024px) {
	body.ae-theme.ae-v3 .ae3-about .ae3-about-journey__stop { grid-template-columns: minmax(0, 120px) minmax(0, 1fr); }
}
@media (max-width: 640px) {
	body.ae-theme.ae-v3 .ae3-about .ae3-about-journey__stop { grid-template-columns: minmax(0, 1fr); gap: 10px; }
	body.ae-theme.ae-v3 .ae3-about .ae3-about-journey__year { font-size: 26px; }
}