.scroller26-root {
	--s26-hero-height: var(--s26-hero-h-d, 100vh);
	--s26-scroll-distance: var(--s26-travel-d, 300vh);
	--s26-media-fit: var(--s26-fit-d, cover);
	--s26-media-position: var(--s26-position-d, center center);
	position: relative;
	width: 100%;
	height: calc(var(--s26-hero-height) + var(--s26-scroll-distance));
	min-width: 0;
}

.scroller26-root.scroller26-width-viewport {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
}

.scroller26-sticky {
	position: sticky;
	top: 0;
	width: 100%;
	height: var(--s26-hero-height);
	overflow: hidden;
	background: var(--s26-fallback-bg, #000);
	isolation: isolate;
}

.scroller26-media,
.scroller26-overlay,
.scroller26-layers {
	position: absolute;
	inset: 0;
}

.scroller26-media {
	z-index: 1;
	overflow: hidden;
}

.scroller26-video,
.scroller26-poster {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: var(--s26-media-fit);
	object-position: var(--s26-media-position);
	opacity: var(--s26-media-opacity, 1);
}

.scroller26-video {
	z-index: 1;
}

.scroller26-poster {
	z-index: 2;
	display: none;
}

.scroller26-overlay {
	z-index: 3;
	pointer-events: none;
	background: var(--s26-overlay-color, rgba(0, 0, 0, 0.2));
}

.scroller26-layers {
	z-index: 4;
	pointer-events: none;
}

.scroller26-layer {
	position: absolute;
	left: var(--s26-x-d, 50%);
	top: var(--s26-y-d, 50%);
	width: var(--s26-width-d, 80%);
	max-width: 100%;
	z-index: var(--s26-z, 10);
	transform: translate(var(--s26-anchor-x, -50%), var(--s26-anchor-y, -50%));
	pointer-events: none;
}

.scroller26-layer__motion {
	width: 100%;
	opacity: 1;
	transform: none;
	transform-origin: center center;
	will-change: opacity, transform;
}

.scroller26-layer__content {
	width: 100%;
	margin: var(--s26-margin-d, 0);
	padding: var(--s26-padding-d, 0);
	box-sizing: border-box;
	text-align: var(--s26-align-d, center);
	font-family: var(--s26-font-family, inherit);
	font-size: var(--s26-font-size-d, 64px);
	font-weight: var(--s26-font-weight, 700);
	line-height: var(--s26-line-height, 1.1);
	color: var(--s26-color, #fff);
	background: var(--s26-bg, transparent);
}

.scroller26-layer__title,
.scroller26-layer__text {
	margin: 0;
	font: inherit;
	color: inherit;
}

.scroller26-layer__text > :first-child {
	margin-top: 0;
}

.scroller26-layer__text > :last-child {
	margin-bottom: 0;
}

.scroller26-layer__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	padding: var(--s26-btn-padding-d, 12px 24px);
	border: 1px solid var(--s26-btn-border, transparent);
	border-radius: var(--s26-btn-radius-d, 0);
	background: var(--s26-btn-bg, #fff);
	color: var(--s26-btn-color, #111);
	font: inherit;
	text-decoration: none;
	line-height: 1.2;
	cursor: pointer;
	transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

.scroller26-layer__button:hover,
.scroller26-layer__button:focus-visible {
	color: var(--s26-btn-hover-color, #fff);
	background: var(--s26-btn-hover-bg, #111);
	border-color: var(--s26-btn-hover-border, #111);
	text-decoration: none;
}

.scroller26-layer__button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

.scroller26-layer__image {
	display: inline-block;
	max-width: 100%;
	height: auto;
	border-radius: var(--s26-img-radius-d, 0);
}

.scroller26-root:not(.scroller26--enhanced) .scroller26-layer:not(.scroller26-layer--first) {
	display: none;
}

.scroller26-root.scroller26--enhanced .scroller26-layer__motion {
	opacity: 0;
}

.scroller26-root.scroller26--static {
	height: var(--s26-hero-height) !important;
}

.scroller26-root.scroller26--static .scroller26-sticky {
	position: relative;
	top: auto;
}

.scroller26-root.scroller26--show-poster .scroller26-poster {
	display: block;
}

.scroller26-root.scroller26--show-poster .scroller26-video {
	display: none;
}

.scroller26-placeholder,
.scroller26-render-notice {
	box-sizing: border-box;
	padding: 14px 18px;
	background: rgba(255, 255, 255, 0.94);
	color: #111;
	font: 600 14px/1.45 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.scroller26-placeholder {
	position: absolute;
	z-index: 20;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 34rem;
	text-align: center;
	border-radius: 5px;
}

.scroller26-debug {
	position: absolute;
	z-index: 100;
	right: 12px;
	bottom: 12px;
	padding: 6px 9px;
	background: rgba(0, 0, 0, 0.72);
	color: #fff;
	font: 600 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	pointer-events: none;
	border-radius: 3px;
}

@media (max-width: 1024px) {
	.scroller26-root {
		--s26-hero-height: var(--s26-hero-h-t, var(--s26-hero-h-d, 100vh));
		--s26-scroll-distance: var(--s26-travel-t, var(--s26-travel-d, 300vh));
		--s26-media-fit: var(--s26-fit-t, var(--s26-fit-d, cover));
		--s26-media-position: var(--s26-position-t, var(--s26-position-d, center center));
	}

	.scroller26-layer {
		left: var(--s26-x-t, var(--s26-x-d, 50%));
		top: var(--s26-y-t, var(--s26-y-d, 50%));
		width: var(--s26-width-t, var(--s26-width-d, 80%));
	}

	.scroller26-layer__content {
		margin: var(--s26-margin-t, var(--s26-margin-d, 0));
		padding: var(--s26-padding-t, var(--s26-padding-d, 0));
		text-align: var(--s26-align-t, var(--s26-align-d, center));
		font-size: var(--s26-font-size-t, var(--s26-font-size-d, 48px));
	}

	.scroller26-layer__button {
		padding: var(--s26-btn-padding-t, var(--s26-btn-padding-d, 12px 24px));
		border-radius: var(--s26-btn-radius-t, var(--s26-btn-radius-d, 0));
	}

	.scroller26-layer__image {
		border-radius: var(--s26-img-radius-t, var(--s26-img-radius-d, 0));
	}
}

@media (max-width: 767px) {
	.scroller26-root {
		--s26-hero-height: var(--s26-hero-h-m, var(--s26-hero-h-t, 100vh));
		--s26-scroll-distance: var(--s26-travel-m, var(--s26-travel-t, 220vh));
		--s26-media-fit: var(--s26-fit-m, var(--s26-fit-t, cover));
		--s26-media-position: var(--s26-position-m, var(--s26-position-t, center center));
	}

	.scroller26-layer {
		left: var(--s26-x-m, var(--s26-x-t, 50%));
		top: var(--s26-y-m, var(--s26-y-t, 50%));
		width: var(--s26-width-m, var(--s26-width-t, 90%));
	}

	.scroller26-layer__content {
		margin: var(--s26-margin-m, var(--s26-margin-t, 0));
		padding: var(--s26-padding-m, var(--s26-padding-t, 0));
		text-align: var(--s26-align-m, var(--s26-align-t, center));
		font-size: var(--s26-font-size-m, var(--s26-font-size-t, 34px));
	}

	.scroller26-layer__button {
		padding: var(--s26-btn-padding-m, var(--s26-btn-padding-t, 10px 20px));
		border-radius: var(--s26-btn-radius-m, var(--s26-btn-radius-t, 0));
	}

	.scroller26-layer__image {
		border-radius: var(--s26-img-radius-m, var(--s26-img-radius-t, 0));
	}
}

@media (prefers-reduced-motion: reduce) {
	.scroller26-layer__motion,
	.scroller26-layer__button {
		transition: none !important;
	}
}