.imh-scroll-story {
	--imh-scroll-story-stage-height: 100svh;
	--imh-scroll-story-sticky-offset: 0px;
	--imh-scroll-story-step-min-height: 100svh;
	--imh-scroll-story-first-step-spacing: 10svh;
	--imh-scroll-story-last-step-spacing: 10svh;
	--imh-scroll-story-content-max-width: 620px;
	--imh-scroll-story-content-translate: 120px;
	--imh-scroll-story-inactive-opacity: 0;
	--imh-scroll-story-overlay-color: #000;
	--imh-scroll-story-overlay-opacity: 0.35;
	--imh-scroll-story-gradient-overlay: linear-gradient(90deg, rgba(0, 0, 0, .48), rgba(0, 0, 0, .08));
	--imh-scroll-story-fallback-color: #111;
	--imh-scroll-story-image-fit: cover;
	--imh-scroll-story-mobile-image-fit: cover;
	position: relative;
	isolation: isolate;
	width: 100%;
	max-width: 100%;
	overflow-x: clip;
	background: var(--imh-scroll-story-fallback-color);
	color: #111;
}

@supports not (height: 100svh) {
	.imh-scroll-story {
		--imh-scroll-story-stage-height: 100vh;
		--imh-scroll-story-step-min-height: 100vh;
	}
}

.imh-scroll-story__placeholder {
	padding: 24px;
	border: 1px dashed #9ca3af;
	background: #f9fafb;
	color: #374151;
	font-size: 14px;
}

.imh-scroll-story__stage {
	position: relative;
	z-index: 0;
	width: 100%;
	min-height: 320px;
	overflow: hidden;
	background: var(--imh-scroll-story-fallback-color);
}

.imh-scroll-story__backgrounds {
	display: block;
	width: 100%;
}

.imh-scroll-story__background {
	position: relative;
	min-height: 320px;
	background: var(--imh-scroll-story-fallback-color);
}

.imh-scroll-story__picture,
.imh-scroll-story__image {
	display: block;
	width: 100%;
	height: 100%;
}

.imh-scroll-story .imh-scroll-story__image {
	max-width: none;
	height: 100%;
}

.imh-scroll-story .imh-scroll-story__image {
	object-fit: var(--imh-scroll-story-image-fit) !important;
	object-position: var(--imh-scroll-story-object-position, center center);
}

.imh-scroll-story__overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		var(--imh-scroll-story-gradient-overlay),
		var(--imh-scroll-story-step-overlay-color, var(--imh-scroll-story-overlay-color));
	opacity: var(--imh-scroll-story-step-overlay-opacity, var(--imh-scroll-story-overlay-opacity));
}

.imh-scroll-story__steps {
	position: relative;
	z-index: 1;
}

.imh-scroll-story__step {
	display: flex;
	width: 100%;
	padding: 24px;
	--imh-scroll-story-panel-offset-x: var(--imh-scroll-story-desktop-panel-offset-x, 0px);
	--imh-scroll-story-panel-offset-y: var(--imh-scroll-story-desktop-panel-offset-y, 0px);
}

.imh-scroll-story__step--h-left {
	justify-content: flex-start;
}

.imh-scroll-story__step--h-center {
	justify-content: center;
}

.imh-scroll-story__step--h-right {
	justify-content: flex-end;
}

.imh-scroll-story__step--v-top {
	align-items: flex-start;
}

.imh-scroll-story__step--v-center {
	align-items: center;
}

.imh-scroll-story__step--v-bottom {
	align-items: flex-end;
}

.imh-scroll-story__panel {
	position: relative;
	display: flex;
	flex-direction: column;
	width: min(100%, var(--imh-scroll-story-content-max-width));
	padding: 32px;
	border-radius: 8px;
	background-color: rgb(255 255 255 / var(--imh-scroll-story-panel-background-opacity, .92));
	opacity: var(--imh-scroll-story-panel-opacity, 1);
	overflow-wrap: anywhere;
}

.imh-scroll-story__eyebrow,
.imh-scroll-story__heading,
.imh-scroll-story__content,
.imh-scroll-story__caption,
.imh-scroll-story__credit {
	max-width: 100%;
}

.imh-scroll-story__eyebrow {
	margin: 0 0 12px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 0;
	color: #4b5563;
}

.imh-scroll-story__heading {
	margin: 0 0 16px;
	line-height: 1.04;
	letter-spacing: 0;
	color: #111827;
}

.imh-scroll-story__content {
	font-size: 18px;
	line-height: 1.6;
	color: #1f2937;
}

.imh-scroll-story__content p {
	margin: 0 0 1em;
}

.imh-scroll-story__content p:last-child {
	margin-bottom: 0;
}

.imh-scroll-story__content a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: .18em;
}

.imh-scroll-story__button-wrap {
	display: flex;
	justify-content: var(--imh-scroll-story-button-justify, flex-start);
	margin-top: 24px;
}

.imh-scroll-story__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	padding: 12px 18px;
	border-radius: 4px;
	background: #111;
	color: #fff;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color .18s ease, color .18s ease, outline-color .18s ease;
}

.imh-scroll-story__button--custom-hover:hover,
.imh-scroll-story__button--custom-hover:focus-visible {
	background-color: var(--imh-scroll-story-step-button-hover-background, var(--imh-scroll-story-step-button-background, #111)) !important;
	color: var(--imh-scroll-story-step-button-hover-color, var(--imh-scroll-story-step-button-color, #fff)) !important;
}

.imh-scroll-story__button:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 3px;
}

.imh-scroll-story__media-meta {
	margin-top: 18px;
	padding: 8px 10px;
	border-radius: 4px;
	background: rgba(0, 0, 0, .58);
	color: #fff;
	font-size: 12px;
	line-height: 1.35;
}

.imh-scroll-story--caption-top-left .imh-scroll-story__media-meta,
.imh-scroll-story--caption-top-right .imh-scroll-story__media-meta {
	order: -1;
	margin-top: 0;
	margin-bottom: 18px;
}

.imh-scroll-story--caption-bottom-right .imh-scroll-story__media-meta,
.imh-scroll-story--caption-top-right .imh-scroll-story__media-meta {
	margin-left: auto;
	text-align: right;
}

.imh-scroll-story__caption + .imh-scroll-story__credit {
	margin-top: 4px;
}

.imh-scroll-story--initialized .imh-scroll-story__stage {
	position: sticky;
	top: var(--imh-scroll-story-sticky-offset);
	height: calc(var(--imh-scroll-story-stage-height) - var(--imh-scroll-story-sticky-offset));
	min-height: 320px;
	z-index: 0;
}

.imh-scroll-story--initialized .imh-scroll-story__backgrounds,
.imh-scroll-story--initialized .imh-scroll-story__background,
.imh-scroll-story--initialized .imh-scroll-story__picture {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.imh-scroll-story--initialized .imh-scroll-story__background {
	opacity: var(--imh-scroll-story-bg-opacity, 0);
	z-index: 0;
	clip-path: inset(0 0 0 0);
	transform: var(--imh-scroll-story-bg-transform, translate3d(0, 0, 0));
	filter: var(--imh-scroll-story-bg-filter, none);
	will-change: opacity, transform, filter, clip-path;
}

.imh-scroll-story--initialized .imh-scroll-story__background.is-visible {
	z-index: 1;
}

.imh-scroll-story--initialized .imh-scroll-story__background.is-active {
	z-index: 2;
}

.imh-scroll-story--initialized.imh-scroll-story--zoom .imh-scroll-story__background.is-visible .imh-scroll-story__image {
	transform: scale(var(--imh-scroll-story-bg-scale, 1));
}

.imh-scroll-story--initialized .imh-scroll-story__image {
	transition: none;
	will-change: transform;
}

.imh-scroll-story--initialized .imh-scroll-story__steps {
	margin-top: calc(-1 * (var(--imh-scroll-story-stage-height) - var(--imh-scroll-story-sticky-offset)));
}

.imh-scroll-story--initialized .imh-scroll-story__step {
	min-height: var(--imh-scroll-story-step-min-height);
	opacity: 1;
	pointer-events: none;
}

.imh-scroll-story--initialized .imh-scroll-story__step.is-active {
	pointer-events: auto;
}

.imh-scroll-story--initialized .imh-scroll-story__panel {
	transform: translate3d(calc(var(--imh-scroll-story-step-translate-x, 0px) + var(--imh-scroll-story-panel-offset-x, 0px)), calc(var(--imh-scroll-story-step-translate-y, 0px) + var(--imh-scroll-story-panel-offset-y, 0px)), 0) scale(var(--imh-scroll-story-step-scale, 1));
	opacity: var(--imh-scroll-story-step-opacity, 0);
	will-change: opacity, transform;
}

.imh-scroll-story--initialized .imh-scroll-story__step:first-child {
	padding-top: max(24px, var(--imh-scroll-story-first-step-spacing));
}

.imh-scroll-story--initialized .imh-scroll-story__step:last-child {
	padding-bottom: max(24px, var(--imh-scroll-story-last-step-spacing));
}

.imh-scroll-story--content-none .imh-scroll-story__panel {
	transform: none;
	opacity: 1;
}

.imh-scroll-story--bg-none .imh-scroll-story__background,
.imh-scroll-story--bg-none .imh-scroll-story__background.is-active {
	opacity: 1;
	clip-path: none;
}

@supports not (clip-path: inset(0)) {
	.imh-scroll-story--initialized .imh-scroll-story__background {
		clip-path: none !important;
	}
}

.imh-scroll-story--editor {
	--imh-scroll-story-stage-height: min(70vh, 680px);
	--imh-scroll-story-step-min-height: min(70vh, 680px);
	--imh-scroll-story-first-step-spacing: 8vh;
	--imh-scroll-story-last-step-spacing: 8vh;
	min-height: auto;
}

.imh-scroll-story--editor .imh-scroll-story__stage {
	position: sticky;
	top: var(--imh-scroll-story-sticky-offset);
	height: calc(var(--imh-scroll-story-stage-height) - var(--imh-scroll-story-sticky-offset));
	min-height: 420px;
	overflow: hidden;
}

.imh-scroll-story--editor .imh-scroll-story__backgrounds,
.imh-scroll-story--editor .imh-scroll-story__background,
.imh-scroll-story--editor .imh-scroll-story__picture {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.imh-scroll-story--editor .imh-scroll-story__background {
	opacity: var(--imh-scroll-story-bg-opacity, 0);
}

.imh-scroll-story--editor:not(.imh-scroll-story--initialized) .imh-scroll-story__background:first-child {
	opacity: 1;
}

.imh-scroll-story--editor .imh-scroll-story__steps {
	margin-top: calc(-1 * (var(--imh-scroll-story-stage-height) - var(--imh-scroll-story-sticky-offset)));
}

.imh-scroll-story--editor .imh-scroll-story__step {
	min-height: var(--imh-scroll-story-step-min-height);
	pointer-events: auto;
}

.imh-scroll-story--editor .imh-scroll-story__panel {
	transform: translate3d(calc(var(--imh-scroll-story-step-translate-x, 0px) + var(--imh-scroll-story-panel-offset-x, 0px)), calc(var(--imh-scroll-story-step-translate-y, 0px) + var(--imh-scroll-story-panel-offset-y, 0px)), 0) scale(var(--imh-scroll-story-step-scale, 1));
	opacity: max(var(--imh-scroll-story-step-opacity, 0), .18);
}

.imh-scroll-story--editor:not(.imh-scroll-story--initialized) .imh-scroll-story__step:first-child .imh-scroll-story__panel,
.imh-scroll-story--editor .imh-scroll-story__step.is-active .imh-scroll-story__panel {
	opacity: 1;
}
.imh-scroll-story--editor .imh-scroll-story__stage {
	display: none;
}

.imh-scroll-story--editor .imh-scroll-story__steps {
	display: grid;
	gap: 24px;
	margin-top: 0;
}

.imh-scroll-story--editor .imh-scroll-story__step {
	position: relative;
	min-height: min(70vh, 680px);
	padding: 24px;
	overflow: hidden;
	background: var(--imh-scroll-story-fallback-color);
	pointer-events: auto;
}

.imh-scroll-story--editor .imh-scroll-story__editor-background,
.imh-scroll-story--editor .imh-scroll-story__editor-background .imh-scroll-story__picture {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.imh-scroll-story--editor .imh-scroll-story__editor-background .imh-scroll-story__image {
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: var(--imh-scroll-story-image-fit) !important;
	object-position: var(--imh-scroll-story-object-position, center center);
}

.imh-scroll-story--editor .imh-scroll-story__editor-background .imh-scroll-story__overlay {
	z-index: 1;
}

.imh-scroll-story--editor .imh-scroll-story__panel {
	position: relative;
	z-index: 2;
	transform: none !important;
	opacity: 1 !important;
}

[dir="rtl"] .imh-scroll-story__panel {
	text-align: start;
}

@media (max-width: 767px) {
	.imh-scroll-story {
		--imh-scroll-story-stage-height: 100svh;
		--imh-scroll-story-step-min-height: 92svh;
		--imh-scroll-story-first-step-spacing: 14svh;
		--imh-scroll-story-last-step-spacing: 18svh;
		--imh-scroll-story-content-translate: 56px;
	}

	.imh-scroll-story--initialized .imh-scroll-story__stage {
		min-height: 420px;
	}

	.imh-scroll-story--initialized .imh-scroll-story__step {
		min-height: max(var(--imh-scroll-story-step-min-height), 520px);
	}

	.imh-scroll-story__step {
		justify-content: var(--imh-scroll-story-mobile-justify-content);
		align-items: var(--imh-scroll-story-mobile-align-items);
		padding-inline: 16px;
		--imh-scroll-story-panel-offset-x: var(--imh-scroll-story-mobile-panel-offset-x, 0px);
		--imh-scroll-story-panel-offset-y: var(--imh-scroll-story-mobile-panel-offset-y, 0px);
	}

	.imh-scroll-story__panel {
		align-self: auto;
		width: min(100%, var(--imh-scroll-story-mobile-panel-width, 92vw));
		min-height: var(--imh-scroll-story-mobile-panel-min-height, auto);
		max-height: var(--imh-scroll-story-mobile-panel-max-height, none);
		padding: var(--imh-scroll-story-mobile-panel-padding, 22px);
		background-color: rgb(255 255 255 / var(--imh-scroll-story-mobile-panel-background-opacity, var(--imh-scroll-story-panel-background-opacity, .92)));
		overflow-y: var(--imh-scroll-story-mobile-panel-overflow-y, visible);
	}

	.imh-scroll-story__heading {
		font-size: var(--imh-scroll-story-mobile-heading-font-size, 32px);
		line-height: 1.08;
	}

	.imh-scroll-story__content {
		font-size: var(--imh-scroll-story-mobile-content-font-size, 16px);
		line-height: 1.55;
	}

	.imh-scroll-story .imh-scroll-story__image {
		width: 100%;
		max-width: none;
		height: 100%;
		object-fit: var(--imh-scroll-story-mobile-image-fit, cover) !important;
		object-position: var(--imh-scroll-story-mobile-object-position, var(--imh-scroll-story-object-position, center center)) !important;
	}

	.imh-scroll-story--editor .imh-scroll-story__editor-background .imh-scroll-story__image {
		object-fit: var(--imh-scroll-story-mobile-image-fit, cover) !important;
		object-position: var(--imh-scroll-story-mobile-object-position, var(--imh-scroll-story-object-position, center center)) !important;
	}
	.imh-scroll-story--mobile-clarity-maximum .imh-scroll-story__background {
		--imh-scroll-story-bg-filter: none !important;
	}

	.imh-scroll-story--mobile-clarity-maximum.imh-scroll-story--zoom .imh-scroll-story__background.is-visible .imh-scroll-story__image {
		transform: none !important;
	}

	.imh-scroll-story--mobile-simplified.imh-scroll-story--initialized .imh-scroll-story__stage,
	.imh-scroll-story--mobile-static.imh-scroll-story--initialized .imh-scroll-story__stage {
		position: relative;
		top: auto;
	}

	.imh-scroll-story--mobile-simplified.imh-scroll-story--initialized .imh-scroll-story__backgrounds,
	.imh-scroll-story--mobile-static.imh-scroll-story--initialized .imh-scroll-story__backgrounds {
		transform: translateZ(0);
	}

	.imh-scroll-story--mobile-simplified.imh-scroll-story--mobile-fixed-active .imh-scroll-story__backgrounds,
	.imh-scroll-story--mobile-static.imh-scroll-story--mobile-fixed-active .imh-scroll-story__backgrounds {
		position: fixed;
		top: var(--imh-scroll-story-sticky-offset);
		left: var(--imh-scroll-story-mobile-stage-left, 0);
		width: var(--imh-scroll-story-mobile-stage-width, 100vw);
		height: var(--imh-scroll-story-mobile-stage-height, calc(var(--imh-scroll-story-stage-height) - var(--imh-scroll-story-sticky-offset)));
		z-index: 0;
		pointer-events: none;
	}

}

@media (prefers-reduced-motion: reduce) {
	.imh-scroll-story--respect-reduced-motion,
	.imh-scroll-story--respect-reduced-motion .imh-scroll-story__stage,
	.imh-scroll-story--respect-reduced-motion .imh-scroll-story__backgrounds,
	.imh-scroll-story--respect-reduced-motion .imh-scroll-story__background,
	.imh-scroll-story--respect-reduced-motion .imh-scroll-story__steps,
	.imh-scroll-story--respect-reduced-motion .imh-scroll-story__step {
		position: relative !important;
		top: auto !important;
		height: auto !important;
		min-height: 0 !important;
		margin-top: 0 !important;
		transform: none !important;
		opacity: 1 !important;
		clip-path: none !important;
		pointer-events: auto !important;
	}

	.imh-scroll-story--respect-reduced-motion .imh-scroll-story__backgrounds {
		display: block;
	}

	.imh-scroll-story--respect-reduced-motion .imh-scroll-story__background {
		min-height: 50vh !important;
	}

	.imh-scroll-story--respect-reduced-motion .imh-scroll-story__step {
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}

	.imh-scroll-story--respect-reduced-motion .imh-scroll-story__panel {
		transform: none !important;
		opacity: 1 !important;
	}
}