/*
******** ------------------------------ **** CTA ****
*/
.cta {
	grid-column: full-width;
	text-align: center;
	padding-block-start: 0;

	@media screen and (min-width: 1025px) {
		padding-block-start: var(--section-gap-lg);
		text-align: left;
	}
}
.cta__content {
	grid-column: full-width;
	--grid-columns-md: 1;
	--grid-columns-lg: 9;
	--grid-gap-md: 0;
	--grid-gap-lg: var(--gap-lg);

	@media screen and (min-width: 1025px) {
		grid-column: content;
	}
}

.cta__figure {
	grid-column: 1 / 4;
	margin: 0 auto 2rem;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	justify-self: center;
	inline-size: 100%;
	max-block-size: 400px;

	@media screen and (min-width: 481px) {
		aspect-ratio: 1.75 / 1;
	}

	@media screen and (min-width: 1025px) {
		border-top-left-radius: 20rem;
		border-top-right-radius: 20rem;
		border-bottom-right-radius: 20rem;
		min-block-size: 60dvh;
		max-block-size: none;
		max-inline-size: 400px;
		margin-inline-end: -2rem;
		margin-block-start: -10%;
		margin-inline-start: var(--gap);
		aspect-ratio: unset;
	}
}

.cta__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 100% 80%;
}

.cta__copy {
	align-content: center;
	margin-inline: var(--gap);
	margin-block-start: var(--gap);
	
	@media screen and (min-width: 1025px) {
		--stack-gap: 3rem;

		grid-column: 4 / 10;
		margin-inline-start: 2rem;
		margin-block-start: 0;
	}
}

.cta__title {
	margin-inline: auto;

	@media screen and (min-width: 1025px) {
		margin-inline-start: 0;
	}
}