/* Reusable Hero/Intro scopes for directly editable Elementor fullwidth pages. */
.elementor .e-con.standard-page-hero {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 3;
	min-height: 0;
	padding: 0;
	overflow: hidden;
	background: var(--ges-gray-150);
	line-height: 0;
}

.elementor .e-con.standard-page-hero > .standard-page-hero__media {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	aspect-ratio: auto;
	object-fit: cover;
	object-position: center;
}

.elementor .e-con.standard-page-intro {
	--ges-copy-inset: clamp(28px, 3.5vw, 44px);
	--ges-intro-column-gap: clamp(28px, 4vw, 56px);
	position: relative;
	z-index: 1;
	width: min(calc(100% - (2 * var(--ges-gutter))), var(--content-width));
	margin-block-start: -100px;
	margin-inline: auto;
	gap: var(--ges-intro-column-gap);
	align-items: flex-start;
	padding: var(--ges-copy-inset);
	border-radius: var(--ges-radius-lg);
	overflow: visible;
	background: var(--ges-teal-icon);
}

.elementor .e-con.standard-page-intro.standard-page-intro--without-sidebar > .elementor-element-28da176 {
	min-width: 0;
	width: 100%;
	max-width: none;
	flex: 1 1 100%;
	gap: 12px;
}

@media (max-width: 1024px) {
	.elementor .e-con.standard-page-intro {
		--ges-copy-inset: 32px;
		--ges-intro-column-gap: 32px;
		gap: 32px;
		padding: 32px;
	}
}

@media (max-width: 767px) {
	.elementor .e-con.standard-page-intro {
		--ges-copy-inset: 22px;
		--ges-intro-column-gap: 22px;
		flex-direction: column;
		gap: 22px;
		margin-block-start: -56px;
		padding: 24px 22px;
		border-radius: var(--ges-radius-md);
		overflow: hidden;
	}
}