/* Page hero */

.page-hero { display: flex; flex-direction: column; gap: 0; padding: 10px; position: relative; }
.page-hero__media {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
	position: relative;
	min-height: 50vh;
	padding: 10px;
}
/* The builder drew the overlay twice: under the photo layer (it shows where a blurred photo thins at its edges) and on it. */
.page-hero__media::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: .54;
	transition: background .3s, border-radius .3s, opacity .3s;
}
.page-hero__image--center { background-position: center center; }
.page-hero__image--top { background-position: top center; }
.motion-bg__layer--overlay::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: .54;
	transition: background .3s, border-radius .3s, opacity .3s;
}

.page-hero__media,
.page-hero__box { width: 100%; min-width: 0; }
.page-hero__box { display: flex; flex-direction: column; position: relative; padding: 0 10px; }
.page-hero__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	width: 100%;
	max-width: min(100%, 1140px);
	margin: 0 auto;
	padding: 10px 0;
}
.page-hero__content { display: flex; flex-direction: column; align-items: center; gap: 20px; position: relative; width: 100%; }

.page-hero__title {
	width: 660px;
	max-width: min(660px, 100%);
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "Prata", Sans-serif;
	font-size: 62px;
	font-weight: 400;
	line-height: 73px;
	letter-spacing: 0px;
	color: #FFFFFF;
}
.page-hero__subtitle {
	width: 660px;
	max-width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "Prata", Sans-serif;
	font-size: 38px;
	font-weight: 400;
	line-height: 38px;
	letter-spacing: 0px;
	color: #FFFFFF;
}
.page-hero__text { text-align: center; font-family: "Inter Tight", Sans-serif; font-size: 22px; font-weight: 400; line-height: 1.5; color: #FFFFFF; }
.page-hero__text-inner { margin-bottom: -15px; }
.page-hero__buttons { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px; width: 100%; }

@media (min-width: 768px) {
	.page-hero__content { width: 694px; }
}
@media (max-width: 767px) {
	.page-hero, .page-hero__media, .page-hero__box, .page-hero__inner, .page-hero__content, .page-hero__buttons { flex-wrap: wrap; }
	.page-hero__title { font-size: 30px; line-height: 30px; }
	.page-hero__text { font-size: 20px; }
	.page-hero__subtitle { font-size: 20px; line-height: 30px; }
	.page-hero--short-phone .page-hero__media { min-height: 40vh; }
}
.page-hero__text a { color: #FFFFFF; }