/**
 * Feature Callout — light two-column text + gold-accent card. Narrow centered
 * column. Typography via utilities; layout/spacing/decoration here.
 */

.flexible-section.feature-callout {
	padding-block: var(--section-pad-y);
	padding-inline: var(--section-pad-x);
	background: var(--color-bg);
	border-bottom: 1px solid var(--color-border);
}

.feature-callout-in {
	max-width: var(--container-narrow);
	margin-inline: auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(32px, 1.94vw + 18px, 70px);
	align-items: center;
}

.fc-title {
	margin: clamp(4px, 0.24vw + 3px, 7.5px) 0 clamp(10px, 0.4vw + 8px, 17.5px);
	line-height: 1.18;
}

.fc-body {
	margin-block-end: clamp(18px, 0.9vw + 14.8px, 27.5px);
}

.fc-card {
	padding: clamp(26px, 0.97vw + 22.5px, 37.5px) clamp(24px, 0.9vw + 20.8px, 35px);
	background: var(--color-card);
	border: 1px solid var(--color-border);
	border-left: 3px solid var(--color-gold2);
	border-radius: 0 10px 10px 0;
}

.fc-card .cc-ey {
	margin-block-end: clamp(10px, 0.4vw + 8px, 15px);
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.fc-card .cc-big {
	margin-block-end: clamp(8px, 0.32vw + 6.9px, 12.5px);
	line-height: 1.35;
}

@media (max-width: 1024px) {
	.feature-callout-in {
		grid-template-columns: 1fr;
		gap: clamp(26px, 3vw, 36px);
	}
}