.block__parallax-banner {
	background: #f2f2f2;
	box-sizing: border-box;
	color: #333;
	margin-block: 0;
}

.block__parallax-banner .parallax-banner__desktop {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: none;
}

.block__parallax-banner.image-anchor-top .parallax-banner__desktop { background-position: center top; }
.block__parallax-banner.image-anchor-center .parallax-banner__desktop { background-position: center center; }
.block__parallax-banner.image-anchor-bottom .parallax-banner__desktop { background-position: center bottom; }

.block__parallax-banner .parallax-banner__mobile,
.block__parallax-banner .parallax-banner__picture,
.block__parallax-banner .parallax-banner__image {
	display: block;
	width: 100%;
}

.block__parallax-banner .parallax-banner__image {
	height: auto;
	margin: 0;
}

.block__parallax-banner .parallax-banner__panel {
	background: #f2f2f2;
	box-sizing: border-box;
	padding: 40px 30px;
	text-align: center;
}

.block__parallax-banner .parallax-banner__heading {
	color: inherit;
	font-size: var(--parallax-banner-heading-size);
	font-weight: 500;
	line-height: 1.25;
	margin: 0 0 28px;
	text-transform: uppercase;
}

.block__parallax-banner .parallax-banner__description {
	color: inherit;
	margin: 0 auto;
	max-width: 540px;
}

.block__parallax-banner .parallax-banner__description p,
.block__parallax-banner .parallax-banner__description li {
	color: inherit;
	font-size: var(--parallax-banner-body-size);
	letter-spacing: .055em;
	line-height: 1.7;
}

.block__parallax-banner .parallax-banner__description > :first-child {
	margin-top: 0;
}

.block__parallax-banner .parallax-banner__description > :last-child {
	margin-bottom: 0;
}

.block__parallax-banner .parallax-banner__description ul,
.block__parallax-banner .parallax-banner__description ol {
	display: inline-block;
	margin: 0 auto 1.5em;
	text-align: left;
}

.block__parallax-banner.size-sm {
	--parallax-banner-heading-size: 1rem;
	--parallax-banner-body-size: .8rem;
}

.block__parallax-banner.size-md {
	--parallax-banner-heading-size: 1.15rem;
	--parallax-banner-body-size: .9rem;
}

.block__parallax-banner.size-lg {
	--parallax-banner-heading-size: 1.4rem;
	--parallax-banner-body-size: 1rem;
}

.block__parallax-banner.size-xl {
	--parallax-banner-heading-size: 1.7rem;
	--parallax-banner-body-size: 1.15rem;
}

.block__parallax-banner .parallax-banner__empty {
	margin: 0;
	padding: 80px 20px;
	text-align: center;
}

.block__parallax-banner.is-preview {
	outline: 1px dashed #888;
	outline-offset: -1px;
}

@media (min-width: 1080px) {
	.block__parallax-banner.size-sm {
		--parallax-banner-heading-size: 1.15rem;
		--parallax-banner-body-size: .9rem;
	}

	.block__parallax-banner.size-md {
		--parallax-banner-heading-size: 1.4rem;
		--parallax-banner-body-size: 1rem;
	}

	.block__parallax-banner.size-lg {
		--parallax-banner-heading-size: 1.7rem;
		--parallax-banner-body-size: 1.15rem;
	}

	.block__parallax-banner.size-xl {
		--parallax-banner-heading-size: 2.1rem;
		--parallax-banner-body-size: 1.35rem;
	}
}

@media (min-width: 1080px) {
	.block__parallax-banner {
		background: transparent;
		position: relative;
		z-index: 2;
	}

	.block__parallax-banner .parallax-banner__mobile {
		display: none;
	}

	.block__parallax-banner .parallax-banner__desktop {
		display: block;
	}

	.block__parallax-banner .parallax-banner__stage {
		display: flex;
		margin-inline: auto;
		max-width: 1200px;
		padding-left: 24px;
		padding-right: 24px;
		position: relative;
		width: 100%;
		z-index: 1;
	}

	.block__parallax-banner.position-left .parallax-banner__stage { justify-content: flex-start; }
	.block__parallax-banner.position-right .parallax-banner__stage { justify-content: flex-end; }
	.block__parallax-banner.pt-sm .parallax-banner__stage { padding-top: 50px; }
	.block__parallax-banner.pt-md .parallax-banner__stage { padding-top: 100px; }
	.block__parallax-banner.pt-lg .parallax-banner__stage { padding-top: 150px; }
	.block__parallax-banner.pt-xl .parallax-banner__stage { padding-top: 200px; }
	.block__parallax-banner.pb-sm .parallax-banner__stage { padding-bottom: 50px; }
	.block__parallax-banner.pb-md .parallax-banner__stage { padding-bottom: 100px; }
	.block__parallax-banner.pb-lg .parallax-banner__stage { padding-bottom: 150px; }
	.block__parallax-banner.pb-xl .parallax-banner__stage { padding-bottom: 200px; }

	.block__parallax-banner .parallax-banner__panel {
		background: rgba(255, 255, 255, .86);
		max-width: 520px;
		padding: 60px;
		width: 43%;
	}
}

@media (max-width: 1079px) {
	.block__parallax-banner.is-preview .parallax-banner__desktop {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.block__parallax-banner .parallax-banner__desktop {
		background-attachment: scroll;
	}
}