/**
 * Landing hero.
 *
 * @package BMG_Connect
 * @since 1.1.0
 */

.landing-hero {
	align-items: center;
	background-image: var(--landing-hero-background);
	background-position: center 30%;
	background-size: cover;
	display: flex;
	justify-content: center;
	min-height: 90vh;
	overflow: hidden;
	position: relative;
}

.landing-hero__overlay {
	background: linear-gradient(rgb(28 154 166 / 55%), rgb(34 34 34 / 72%));
	inset: 0;
	position: absolute;
}

.landing-hero__content {
	color: var(--bmg-white);
	padding-block: 80px;
	position: relative;
	text-align: center;
	z-index: 1;
}

.landing-hero__logo {
	filter: drop-shadow(0 4px 16px rgb(0 0 0 / 30%));
	margin: 0 auto 28px;
	width: 90px;
}

.landing-hero__heading {
	font-size: clamp(3rem, 6vw, var(--bmg-font-size-h1));
	font-weight: 700;
	line-height: clamp(3.375rem, 6.75vw, var(--bmg-line-height-h1));
	margin: 0 0 20px;
	text-shadow: 0 2px 12px rgb(0 0 0 / 30%);
}

.landing-hero__accent {
	color: #7de8f0;
}

.landing-hero__description {
	font-size: clamp(1rem, 2vw, 1.3rem);
	margin: 0 auto 36px;
	max-width: 560px;
}

.landing-hero .button-row {
	justify-content: center;
}