/* Contact CTA Banner — opinionated CTA strip used on trailer pages. */

.rally-contact-cta-banner {
	position: relative;
	display: grid;
	min-height: 280px;
	color: var(--rally-white);
	overflow: hidden;
	isolation: isolate;
}

.rally-contact-cta-banner__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -2;
}

.rally-contact-cta-banner__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.7));
	z-index: -1;
}

.rally-contact-cta-banner__inner {
	display: flex;
	flex-direction: column;
	gap: var(--rally-space-4);
	align-items: center;
	justify-self: center;
	align-self: center;
	text-align: center;
	padding-block: var(--rally-section-padding-y);
	max-width: 720px;
}

.rally-contact-cta-banner__headline {
	font-size: var(--rally-text-3xl);
	color: var(--rally-white);
	margin: 0;
}