/* Full-width hero slideshow, independently namespaced from the existing theme. */
.ec-immersive-hero,
.ec-immersive-hero * {
	box-sizing: border-box;
}

.ec-immersive-hero {
	--ec-immersive-header-height: 76px;
	position: relative;
	isolation: isolate;
	height: 100svh;
	min-height: 560px;
	overflow: hidden;
	background: #303d36;
	color: #fff;
	touch-action: pan-y;
}

.ec-immersive-slide {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	padding: calc(var(--ec-immersive-header-height) + 24px) clamp(24px, 6vw, 104px) 36px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	z-index: 1;
	transition: opacity 900ms ease;
}

.ec-immersive-slide.is-active {
	opacity: 1;
	pointer-events: auto;
	z-index: 2;
}

.ec-immersive-slide[aria-hidden="true"] {
	pointer-events: none;
}

.ec-immersive-backdrop,
.ec-immersive-photo-frame,
.ec-immersive-shade {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.ec-immersive-backdrop {
	overflow: hidden;
	background: #667167;
}

.ec-immersive-backdrop picture,
.ec-immersive-backdrop img {
	display: block;
	width: 100%;
	height: 100%;
}

.ec-immersive-backdrop img {
	object-fit: cover;
	filter: blur(22px) saturate(.78) brightness(.64);
	transform: scale(1.09);
}

.ec-immersive-photo-frame {
	display: block;
	z-index: 1;
}

.ec-immersive-photo {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: 58% center;
}

.ec-immersive-shade {
	z-index: 2;
	background: linear-gradient(90deg, rgba(18, 28, 24, .79) 0%, rgba(22, 32, 27, .59) 29%, rgba(22, 32, 27, .14) 57%, rgba(16, 26, 23, .15) 100%);
}

.ec-immersive-copy {
	position: relative;
	z-index: 3;
	width: min(550px, 44vw);
	margin-top: clamp(8px, 2vw, 34px);
	text-wrap: balance;
	text-shadow: 0 1px 14px rgba(8, 15, 12, .35);
}

.ec-immersive-subheading {
	margin: 0 0 19px;
	font-size: clamp(12px, 1.05vw, 15px);
	font-weight: 600;
	line-height: 1.65;
	letter-spacing: .055em;
}

.ec-immersive-copy h1,
.ec-immersive-copy h2 {
	margin: 0;
	color: #fff;
	font-family: inherit;
	font-size: clamp(44px, 5.15vw, 78px);
	font-weight: 600;
	line-height: 1.16;
	letter-spacing: -.045em;
}

.ec-immersive-description {
	margin: 25px 0 0;
	font-size: clamp(14px, 1.2vw, 17px);
	font-weight: 400;
	line-height: 1.9;
	letter-spacing: .015em;
}

.ec-immersive-cta {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	min-height: 52px;
	margin-top: 27px;
	padding: 12px 18px 12px 21px;
	border: 1px solid rgba(255, 255, 255, .8);
	border-radius: 0;
	background: rgba(25, 39, 32, .3);
	box-shadow: none;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: .025em;
	text-decoration: none;
	text-shadow: none;
	transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.ec-immersive-cta:hover {
	border-color: #fff;
	background: #fff;
	color: #26372e;
}

.ec-immersive-cta:focus-visible,
.ec-immersive-pause:focus-visible,
.ec-immersive-dot:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

.ec-immersive-cta span {
	font-size: 19px;
	font-weight: 400;
	line-height: 1;
}

.ec-immersive-controls {
	position: absolute;
	top: calc(var(--ec-immersive-header-height) + 14px);
	right: clamp(14px, 2.4vw, 38px);
	display: flex;
	align-items: center;
	gap: 12px;
	z-index: 5;
}

.ec-immersive-pause,
.ec-immersive-dot {
	appearance: none;
	border: 0;
	color: #fff;
	cursor: pointer;
}

.ec-immersive-pause {
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .67);
	border-radius: 50%;
	background: rgba(19, 31, 26, .32);
}

.ec-immersive-pause svg {
	width: 19px;
	height: 19px;
}

.ec-immersive-play-icon {
	display: none;
}

.ec-immersive-pause[data-ec-state="paused"] .ec-immersive-pause-icon {
	display: none;
}

.ec-immersive-pause[data-ec-state="paused"] .ec-immersive-play-icon {
	display: block;
}

.ec-immersive-dots {
	display: flex;
	align-items: center;
	gap: 5px;
}

.ec-immersive-dot {
	display: grid;
	place-items: center;
	width: 27px;
	height: 32px;
	padding: 0;
	background: transparent;
}

.ec-immersive-dot span {
	display: block;
	width: 7px;
	height: 7px;
	border: 1px solid rgba(255, 255, 255, .9);
	border-radius: 50%;
	background: transparent;
	transition: width 220ms ease, border-radius 220ms ease, background-color 220ms ease;
}

.ec-immersive-dot.is-current span {
	width: 21px;
	border-radius: 10px;
	background: #fff;
}

@media (max-width: 780px) {
	.ec-immersive-hero {
		--ec-immersive-header-height: 64px;
		min-height: 520px;
	}

	.ec-immersive-slide {
		align-items: flex-end;
		padding: calc(var(--ec-immersive-header-height) + 17px) 6vw calc(62px + 16px);
	}

	.ec-immersive-photo {
		object-position: 50% 18%;
	}

	.ec-immersive-shade {
		background: linear-gradient(180deg, rgba(18, 28, 24, .26) 0%, rgba(20, 32, 27, .17) 30%, rgba(16, 27, 23, .68) 54%, rgba(16, 27, 23, .88) 100%);
	}

	.ec-immersive-copy {
		width: min(100%, 520px);
		margin: 0;
		text-wrap: initial;
	}

	.ec-immersive-subheading {
		margin-bottom: 11px;
		font-size: 11px;
		line-height: 1.55;
		letter-spacing: .035em;
	}

	.ec-immersive-copy h1,
	.ec-immersive-copy h2 {
		font-size: clamp(31px, 8.9vw, 42px);
		line-height: 1.17;
		letter-spacing: -.04em;
	}

	.ec-immersive-description {
		margin-top: 15px;
		font-size: clamp(13px, 3.65vw, 15px);
		line-height: 1.72;
	}

	.ec-immersive-cta {
		min-height: 47px;
		margin-top: 18px;
		padding: 10px 15px 10px 17px;
		font-size: 13px;
	}

	.ec-immersive-controls {
		top: calc(var(--ec-immersive-header-height) + 8px);
		right: 9px;
		gap: 6px;
	}

	.ec-immersive-pause {
		width: 44px;
		height: 44px;
	}

	.ec-immersive-dot {
		width: 23px;
		height: 30px;
	}
}

@media (max-height: 650px) and (min-width: 781px) {
	.ec-immersive-copy h1,
	.ec-immersive-copy h2 {
		font-size: clamp(38px, 4.5vw, 60px);
	}

	.ec-immersive-description {
		margin-top: 17px;
		line-height: 1.7;
	}

	.ec-immersive-cta {
		min-height: 48px;
		margin-top: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ec-immersive-slide,
	.ec-immersive-cta,
	.ec-immersive-dot span {
		transition: none;
	}
}

/* Keep visually small selection marks, but generous touch targets. */
.ec-immersive-dot {width:44px;height:44px;}
@media(max-width:780px) {.ec-immersive-dot {width:44px;height:44px;}}

/* Keep the deliberate two-line message, rather than breaking the last word. */
.ec-immersive-copy h1,.ec-immersive-copy h2 {white-space:nowrap;}
@media(min-width:781px) {
 .ec-immersive-copy {width:min(740px,62vw);}
 .ec-immersive-copy h1,.ec-immersive-copy h2 {font-size:clamp(40px,4.6vw,70px);line-height:1.25;}
}

/* Override only legacy global image and text rules inside this hero. */
body.ec-bespoke-site .ec-immersive-backdrop img,
body.ec-bespoke-site .ec-immersive-photo {width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;}
body.ec-bespoke-site .ec-immersive-photo {object-fit:contain!important;}
body.ec-bespoke-site .ec-immersive-backdrop img {object-fit:cover!important;}
body.ec-bespoke-site .ec-immersive-hero .ec-immersive-copy p,
body.ec-bespoke-site .ec-immersive-hero .ec-immersive-cta {color:#fff!important;opacity:1!important;}
body.ec-bespoke-site .ec-immersive-hero .ec-immersive-cta:hover {color:#26372e!important;}
.ec-immersive-photo-frame {inset:var(--ec-immersive-header-height) 0 0;}
@media(max-width:780px) {
 .ec-immersive-hero {height:min(100svh,700px);min-height:600px;}
 .ec-immersive-photo {object-position:50% top;}
 .ec-immersive-description {font-size:15px;}
 .ec-immersive-cta {font-size:15px;}
}