/* ==========================================================================
   Block: CTA — Ambient Presentation 1 Override
   ========================================================================== */

/* ---- Section ---- */
.cta.presentation1 {
	padding-block: 7.5rem;
}

/* ---- Container ---- */
.cta.presentation1 .cta__container {
	margin-inline: auto;
	max-inline-size: var(--container-max-width);
	padding-inline: 0;
}

/* ---- Title ---- */
.cta.presentation1 .cta__title {
	color: #fff;
	font-size: 5.625rem;
	font-weight: var(--fw-bold);
	line-height: 5rem;
	margin: 0;
	opacity: 1;
	text-align: start;
	text-transform: uppercase;
	transform: none;
}

/* ---- Description ---- */
.cta.presentation1 .cta__description {
	color: #fff;
	font-size: 1.3125rem;
	font-weight: var(--fw-regular);
	line-height: 2.1875rem;
	max-inline-size: 53.875rem;
	opacity: 1;
	padding-block-start: 1.25rem;
	text-align: start;
	transform: none;
}

.cta.presentation1 .cta__description p {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	margin: 0;
}

/* ---- Button Wrapper ---- */
.cta.presentation1 .cta__button-wrapper {
	opacity: 1;
	padding-block-start: 2.5rem;
	transform: none;
}

/* ---- Background Colors ---- */
.cta--teal {
	background-color: #5BB0B8;
}

.cta--dark-teal {
	background-color: #2A5052;
}

.cta--mint {
	background-color: #66B59A;
}

.cta--purple {
	background-color: #6E628E;
}

.cta--dark {
	background-color: #020910;
}

.cta--dark .cta-button {
	border: 0.0625rem solid #fff;
}

.cta--dark .cta-button:hover {
	border-color: #F20786;
}

.cta--gradient {
	background: linear-gradient(82deg, #74B29E -0.52%, #63B1B8 49.25%, #6E628E 99.51%);
}

.cta--reverse-gradient {
	background: linear-gradient(82deg, #6E628E -0.52%, #63B1B8 49.74%, #74B29E 99.51%);
}

/* ---- Responsive: Mobile ---- */
@media (max-width: 48rem) {
	.cta.presentation1 {
		padding-block: 5rem;
	}

	.cta.presentation1 .cta__container {
		padding-inline: 1.25rem;
	}

	.cta.presentation1 .cta__title {
		font-size: 2.2rem;
		line-height: 2.5rem;
	}

	.cta.presentation1 .cta__description {
		font-size: 1.125rem;
		line-height: 1.667;
	}

	.cta.presentation1 .cta__button-wrapper {
		text-align: center;
	}
}