.ecn-hero {
	position: relative;
	min-height: clamp(360px, 39vw, 470px);
	display: grid;
	align-items: center;
	overflow: hidden;
	border-bottom: 1px solid var(--ecn-border);
	background: var(--ecn-panel);
}

.ecn-hero__image {
	position: absolute;
	inset: 0;
}

.ecn-hero__image::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(242, 235, 225, 0.88) 0%, rgba(242, 235, 225, 0.62) 28%, rgba(242, 235, 225, 0.06) 58%),
		linear-gradient(180deg, rgba(44, 36, 30, 0.04) 0%, rgba(44, 36, 30, 0) 38%, rgba(44, 36, 30, 0.06) 100%);
}

[dir="rtl"] .ecn-hero__image::after {
	background:
		linear-gradient(-90deg, rgba(242, 235, 225, 0.88) 0%, rgba(242, 235, 225, 0.62) 28%, rgba(242, 235, 225, 0.06) 58%),
		linear-gradient(180deg, rgba(44, 36, 30, 0.04) 0%, rgba(44, 36, 30, 0) 38%, rgba(44, 36, 30, 0.06) 100%);
}

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

.ecn-hero__content {
	position: relative;
	z-index: 1;
	padding-block: 42px 58px;
}

.ecn-hero h1 {
	max-width: 410px;
	margin: 0;
	font-family: var(--ecn-serif);
	font-size: clamp(37px, 4.35vw, 56px);
	font-weight: 500;
	line-height: 1.02;
}

.ecn-hero__content > p:not(.ecn-eyebrow) {
	max-width: 330px;
	margin: 14px 0 0;
	color: var(--ecn-muted);
	font-size: 13px;
	line-height: 1.5;
}

.ecn-hero__actions {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-top: 22px;
}

.ecn-home.is-home-motion-ready .ecn-hero__image img {
	transform-origin: center;
	animation: ecn-hero-image-settle 5600ms cubic-bezier(0.18, 0.72, 0.28, 1) both;
}

.ecn-home.is-home-motion-ready .ecn-hero .ecn-eyebrow,
.ecn-home.is-home-motion-ready .ecn-hero h1,
.ecn-home.is-home-motion-ready .ecn-hero__content > p:not(.ecn-eyebrow),
.ecn-home.is-home-motion-ready .ecn-hero__actions {
	opacity: 0;
	transform: translateY(14px);
	animation: ecn-editorial-fade-up 820ms cubic-bezier(0.2, 0.72, 0.26, 1) forwards;
}

.ecn-home.is-home-motion-ready .ecn-hero .ecn-eyebrow {
	animation-delay: 180ms;
}

.ecn-home.is-home-motion-ready .ecn-hero h1 {
	animation-delay: 320ms;
}

.ecn-home.is-home-motion-ready .ecn-hero__content > p:not(.ecn-eyebrow) {
	animation-delay: 460ms;
}

.ecn-home.is-home-motion-ready .ecn-hero__actions {
	animation-delay: 600ms;
}

@keyframes ecn-hero-image-settle {
	from {
		transform: scale(1.045);
	}

	to {
		transform: scale(1);
	}
}

@keyframes ecn-editorial-fade-up {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ecn-home.is-home-motion-ready .ecn-hero__image img,
	.ecn-home.is-home-motion-ready .ecn-hero .ecn-eyebrow,
	.ecn-home.is-home-motion-ready .ecn-hero h1,
	.ecn-home.is-home-motion-ready .ecn-hero__content > p:not(.ecn-eyebrow),
	.ecn-home.is-home-motion-ready .ecn-hero__actions {
		animation: none;
		opacity: 1;
		transform: none;
	}
}