.marqueblanche-parallax-scene {
	--marqueblanche-parallax-y: 0px;
	--marqueblanche-parallax-scale: 1;
	position: relative;
	isolation: isolate;
}

.marqueblanche-parallax-scene > * {
	transform: translate3d(0, var(--marqueblanche-parallax-y), 0) scale(var(--marqueblanche-parallax-scale));
	transform-origin: center;
	will-change: transform;
	transition: transform 0.16s linear;
}

.marqueblanche-parallax-scene::before,
.marqueblanche-parallax-scene::after {
	content: "";
	position: absolute;
	z-index: -1;
	pointer-events: none;
	border-radius: 999px;
	filter: blur(1px);
	opacity: var(--marqueblanche-parallax-glow-opacity, 0.72);
	transform: translate3d(0, calc(var(--marqueblanche-parallax-y) * -0.55), 0);
	transition: transform 0.16s linear, opacity 0.2s ease;
}

.marqueblanche-parallax-scene::before {
	width: clamp(130px, 18vw, 280px);
	height: clamp(130px, 18vw, 280px);
	top: 8%;
	left: max(-7vw, -82px);
	background: radial-gradient(circle, color-mix(in srgb, var(--marqueblanche-theme-warm) 16%, transparent), color-mix(in srgb, var(--marqueblanche-theme-warm) 0%, transparent));
}

.marqueblanche-parallax-scene::after {
	width: clamp(140px, 20vw, 320px);
	height: clamp(140px, 20vw, 320px);
	right: max(-8vw, -92px);
	bottom: 4%;
	background: radial-gradient(circle, color-mix(in srgb, var(--marqueblanche-theme-cool) 24%, transparent), color-mix(in srgb, var(--marqueblanche-theme-cool) 0%, transparent));
	transform: translate3d(0, calc(var(--marqueblanche-parallax-y) * -0.82), 0);
}

.marqueblanche-parallax-hero {
	min-height: clamp(120px, 18vh, 240px);
	display: grid;
	align-items: center;
	padding-block: clamp(0.75rem, 3vw, 1.75rem);
}

@media (max-width: 781px) {
	.marqueblanche-parallax-hero {
		min-height: auto;
		padding-block: 0.75rem;
	}
}

.marqueblanche-parallax-hero .wp-block-button {
	padding-top: 0;
}

.marqueblanche-parallax-text {
	--marqueblanche-parallax-glow-opacity: 0.44;
}

.marqueblanche-parallax-hero .wp-block-buttons {
	margin: 0;
}

@media (max-width: 781px), (prefers-reduced-motion: reduce) {
	.marqueblanche-parallax-scene > *,
	.marqueblanche-parallax-scene::before,
	.marqueblanche-parallax-scene::after {
		transform: none !important;
		transition: none;
		will-change: auto;
	}
}