/* Component: CTA banner — Figma "CTA" */

.spc-cta__card {
	display: grid;
	grid-template-columns: minmax(0, 874fr) minmax(0, 405fr);
	gap: 64px;
	/* The card is 48px wider than the content column in the design. */
	margin-inline: -56px;
	padding: 56px;
	border: 1px solid var(--sp-gold);
	border-radius: var(--spc-radius);
	background: var(--sp-cream) var(--spc-cta-pattern) center / cover no-repeat;
}

.spc-cta__action {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

/* 1440 / 1240: card 32px wider than the content on each side. */
@media (max-width: 1919px) {
	.spc-cta__card {
		margin-inline: -32px;
	}
}

/* 1024 and below (Figma CTA mob=Yes): stacked, button under the text. */
@media (max-width: 1239px) {
	.spc-cta__card {
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
		margin-inline: 0;
		padding: 32px 24px;
	}

	.spc-cta__action {
		justify-content: flex-start;
	}
}