/* Main page: first screen */
.site-hero {
	position: relative;
	height: 500px;
	overflow: hidden;
	background: #0b1019;
	color: var(--color-white);
}

.site-hero-media {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.site-hero-media-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.site-hero-shade {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(90deg, rgba(5, 8, 14, .92) 0%, rgba(5, 8, 14, .62) 40%, rgba(5, 8, 14, 0) 70%);
	pointer-events: none;
}

.site-hero-inner {
	position: relative;
	height: 100%;
}

.site-hero-content {
	position: absolute;
	top: 56px;
	left: var(--container-padding);
	max-width: 620px;
}

.site-hero-eyebrow {
	padding-bottom: 11px;
}

.site-hero-title {
	margin-top: 28px;
	font: 600 44px/48px var(--font-title);
	text-transform: uppercase;
	color: var(--color-white);
}

.site-hero-subtitle {
	margin-top: 20px;
	font: 700 15.5px/23px var(--font-text);
	color: var(--color-white);
}

.site-hero-lead {
	max-width: 412px;
	margin-top: 28px;
	font: 400 20px/30px var(--font-text);
	color: var(--color-white);
}

.site-hero-about {
	position: absolute;
	top: 386px;
	left: var(--container-padding);
}

.site-hero-about-title {
	font: 700 18px/22px var(--font-title);
	text-transform: uppercase;
	color: var(--color-white);
}

.site-hero-about-link {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-top: 14px;
	font: 500 13px/18px var(--font-text);
	color: var(--color-white);
	transition: color .2s;
}

.site-hero-about-link:hover {
	color: var(--color-accent);
}

.site-hero-about-icon {
	width: 8px;
	height: 12px;
}

.site-hero-request {
	position: absolute;
	top: 17px;
	right: 38px;
	display: flex;
	align-items: center;
	gap: 15px;
	width: 306px;
	height: 107px;
	padding: 0 20px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 24px;
	background: rgba(11, 16, 25, .62);
	box-shadow: 0 16px 40px -8px rgba(0, 0, 0, .35);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	transition: border-color .2s;
}

.site-hero-request:hover {
	border-color: rgba(232, 98, 44, .7);
}

.site-hero-request-icon {
	flex: none;
	margin-right: 4px;
}

.site-hero-request-text {
	display: block;
	flex: 1;
	min-width: 0;
}

.site-hero-request-title {
	display: block;
	font: 700 18px/21px var(--font-title);
	text-transform: uppercase;
	color: var(--color-white);
}

.site-hero-request-note {
	display: block;
	margin-top: 7px;
	font: 400 13px/19px var(--font-text);
	color: var(--color-white);
}

.site-hero-request-arrow {
	display: flex;
	margin-left: -3px;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: linear-gradient(135deg, #f5793f, #e8622c);
	box-shadow: 0 6px 16px rgba(232, 97, 43, .45);
	color: var(--color-white);
}

.site-hero-request-arrow-icon {
	width: 12px;
	height: 12px;
}

.site-hero-features {
	position: absolute;
	right: 38px;
	bottom: -8px;
	display: flex;
	align-items: center;
	width: 685px;
	height: 78px;
	padding: 0 42px 0 100px;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 0 18px 18px 0;
	background: rgba(11, 14, 20, .78);
	box-shadow: 0 10px 28px rgba(0, 0, 0, .3);
	clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
}

.site-hero-feature {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	padding: 0 19px 0 0;
}

.site-hero-feature-next {
	padding-left: 19px;
	border-left: 1px solid rgba(255, 255, 255, .22);
}

.site-hero-feature-last {
	padding-right: 0;
}

.site-hero-feature-icon {
	flex: none;
}

.site-hero-feature-text {
	font: 500 13px/17px var(--font-text);
	white-space: nowrap;
	color: var(--color-white);
}

@media (max-width: 1279px) {
	.site-hero-features {
		width: auto;
		left: 38px;
		padding-left: 80px;
		clip-path: none;
		border-radius: 18px;
	}

	.site-hero-about {
		display: none;
	}
}

@media (max-width: 1023px) {
	.site-hero {
		height: auto;
		min-height: 520px;
		padding: 40px 0 0;
	}

	.site-hero-inner {
		display: flex;
		flex-direction: column;
		height: auto;
		gap: 24px;
	}

	.site-hero-content,
	.site-hero-request,
	.site-hero-features {
		position: static;
	}

	.site-hero-content {
		max-width: none;
	}

	.site-hero-request {
		order: 3;
		width: 100%;
		max-width: 360px;
		height: 96px;
	}

	.site-hero-features {
		order: 4;
		flex-wrap: wrap;
		gap: 12px 0;
		width: auto;
		height: auto;
		margin: 0 calc(var(--container-padding) * -1);
		padding: 16px var(--container-padding);
		border-width: 1px 0 0;
		border-radius: 0;
		box-shadow: none;
	}
}

@media (max-width: 767px) {
	.site-hero {
		padding-top: 32px;
	}

	.site-hero-title {
		margin-top: 20px;
		font-size: 32px;
		line-height: 36px;
	}

	.site-hero-br {
		display: none;
	}

	.site-hero-subtitle {
		margin-top: 14px;
		font-size: 14px;
	}

	.site-hero-lead {
		margin-top: 16px;
		font-size: 17px;
		line-height: 26px;
	}

	.site-hero-features {
		flex-direction: column;
		align-items: flex-start;
	}

	.site-hero-feature,
	.site-hero-feature-next {
		padding: 0;
		border-left: 0;
	}
}