/**
 * HTG Sprint Final CTA
 */

.htg-sprint-final-cta {
	--sprint-final-cta-gradient: linear-gradient(180deg, #4b1010 0%, #b12626 100%);

	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 80px var(--container-pad-x);
	background:
		url("../../assets/img/sprints/available-sprints-dots.svg") 0 0 / cover no-repeat,
		var(--sprint-final-cta-gradient);
	color: var(--c-white);
}

.htg-sprint-final-cta__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 280px;
	gap: 80px;
	align-items: start;
	max-width: 1140px;
	margin-inline: auto;
}

.htg-sprint-final-cta__eyebrow {
	color: var(--c-white) !important;
}

.htg-sprint-final-cta__heading {
	margin: 0;
	font-size: clamp(32px, 3.2vw, 48px);
	line-height: 1.08;
}

.htg-sprint-final-cta .htg-sprint-final-cta__heading.is-on-dark .hl-headline__text {
	background-image:
		var(--sprint-final-cta-gradient),
		linear-gradient(var(--c-white), var(--c-white));
	background-clip: text, border-box;
	-webkit-background-clip: text, border-box;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

.htg-sprint-final-cta .htg-sprint-final-cta__heading.is-on-dark .hl-headline__text::before {
	content: none;
}

.htg-sprint-final-cta__body {
	max-width: 720px;
	margin-top: 28px;
	font-size: 24px;
	line-height: 36px;
	color: rgba(255, 255, 255, 0.86);
}

.htg-sprint-final-cta__body p,
.htg-sprint-final-cta__card p {
	max-width: none;
	margin: 0;
}

.htg-sprint-final-cta__button {
	margin-top: 28px;
}

.htg-sprint-final-cta__arrow {
	display: inline-block;
	transition: transform var(--dur-base) var(--ease-out);
}

.htg-sprint-final-cta__button:hover .htg-sprint-final-cta__arrow,
.htg-sprint-final-cta__button:focus-visible .htg-sprint-final-cta__arrow {
	transform: translateX(4px);
}

.htg-sprint-final-cta__card {
	padding: 28px;
	background: var(--c-ink);
	color: var(--c-white);
}

.htg-sprint-final-cta__card h3 {
	margin: 0 0 16px;
	font-size: 28px;
	line-height: 31px;
}

.htg-sprint-final-cta__card div {
	font-size: 13px;
	line-height: 22px;
	color: rgba(255, 255, 255, 0.78);
}

@media (max-width: 1024px) and (min-width: 768px) {
	.htg-sprint-final-cta {
		padding: 72px var(--container-pad-x);
	}

	.htg-sprint-final-cta__inner {
		grid-template-columns: minmax(0, 1fr) 260px;
		gap: 48px;
		max-width: 840px;
	}

	.htg-sprint-final-cta__body {
		font-size: 22px;
		line-height: 32px;
	}

	.htg-sprint-final-cta__card {
		padding: 24px;
	}
}

@media (max-width: 767px) {
	.htg-sprint-final-cta {
		padding: 56px 24px;
	}

	.htg-sprint-final-cta__inner {
		grid-template-columns: 1fr;
		gap: 32px;
		max-width: 342px;
	}

	.htg-sprint-final-cta__heading {
		font-size: 30px;
		line-height: 34px;
	}
}

.editor-styles-wrapper .htg-sprint-final-cta {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}