/*
 * SECTION STYLE: CONTACT CTA ("Tell us more about you").
 *
 * Measured from Figma "Palvelut" (369:352), CTA group 369:3446 at
 * 1440 px:
 *
 *   group          -6.16 -> 1440.00 (full-bleed band)
 *   height         445.16, top/bottom inset 109.66
 *   heading        "Tell us more about you." 49 px Neue Montreal Medium
 *                  500, 120 % line-height, -3 % tracking, #ffff05,
 *                  centred, 449 x 59
 *   subline        16 px Regular 400, 150 %, 0 tracking, #ffff05,
 *                  415.77 x 48, 42 px below the heading
 *   button         162.80 x 34.84 pill, #ffff05, text 10.45 px
 *                  Regular 400, 150 %, -4 %, #000000, 20.9 px
 *                  horizontal padding, 42 px below the subline,
 *                  corner radius 87.09
 */

.aitio-front-section--contact_cta {
	background: var(--aitio-dark);
}

.aitio-cta {
	position: relative;
	min-height: 445.16px;
	overflow: hidden;
	background: var(--aitio-dark);
	color: var(--aitio-yellow);
	text-align: center;
}

.aitio-cta__video,
.aitio-cta__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* keeps the yellow words readable on the moving smoke */
.aitio-cta__veil {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.56);
}

.aitio-cta__inner {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 109.66px;
	padding-bottom: 109.66px;
}

.aitio-cta__heading {
	max-width: 900px;
	margin: 0;
	font-family: var(--aitio-font);
	font-size: 49px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.03em;
	color: var(--aitio-yellow);
}

.aitio-cta__subline {
	max-width: 415.77px;
	margin: 42px 0 0;
	font-family: var(--aitio-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	color: var(--aitio-yellow);
}

.aitio-cta__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 34.84px;
	margin-top: 42px;
	padding: 0 20.9px;
	border-radius: 999px;
	background: var(--aitio-yellow);
	color: var(--aitio-black);
	font-family: var(--aitio-font);
	font-size: 10.45px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}

.aitio-cta__button:hover,
.aitio-cta__button:focus-visible {
	background: var(--aitio-white);
	color: var(--aitio-black);
}

@media (max-width: 759px) {

	.aitio-cta {
		min-height: 370px;
	}

	.aitio-cta__inner {
		padding-top: 89.5px;
		padding-bottom: 83px;
	}

	.aitio-cta__heading {
		font-size: 32px;
		line-height: 1.2;
	}

	.aitio-cta__subline {
		max-width: 307px;
		margin-top: 33px;
		font-size: 14px;
	}

	.aitio-cta__button {
		height: 34.84px;
		margin-top: 28px;
	}
}

@media (prefers-reduced-motion: reduce) {

	.aitio-cta__video {
		display: none;
	}
}