.mdc-hero {
	background-image:
		radial-gradient(ellipse 80% 60% at 70% 40%, color-mix(in srgb, var(--e-global-color-primary) 4%, transparent) 0%, transparent 60%),
		radial-gradient(ellipse 60% 50% at 20% 80%, color-mix(in srgb, var(--e-global-color-secondary) 3%, transparent) 0%, transparent 50%),
		url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.mdc-hero__media {
	position: relative;
	aspect-ratio: 1 / 1;
}

.mdc-hero__media::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, color-mix(in srgb, var(--e-global-color-bg) 60%, transparent), transparent 50%);
	pointer-events: none;
}

.mdc-hero__media .mdc-hero__image,
.mdc-hero__media .mdc-hero__image .elementor-widget-container {
	width: 100%;
	height: 100%;
}

.mdc-hero__media .mdc-hero__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.mdc-hero__badge {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

@media (max-width: 1023px) {
	.mdc-hero__media {
		aspect-ratio: 4 / 5;
	}
}

@media (max-width: 767px) {
	.mdc-hero__media {
		aspect-ratio: 5 / 4;
	}

	.mdc-hero__media::after {
		background: linear-gradient(to top, color-mix(in srgb, var(--e-global-color-bg) 70%, transparent), color-mix(in srgb, var(--e-global-color-bg) 10%, transparent) 50%, transparent);
	}
}

@media (max-width: 639px) {
	.mdc-hero__media {
		aspect-ratio: 16 / 10;
		max-height: min(52vh, 22rem);
	}

	.mdc-hero__media .mdc-hero__image img {
		object-position: center 35%;
	}
}

@media (max-width: 639px) {
	.elementor .elementor-element.mdc-hero__badge.elementor-absolute {
		position: relative;
		inset: auto;
		margin-top: 1rem;
		width: fit-content;
		align-self: flex-start;
	}
}
