/*
 * Front-end styles enqueued with the motion runtime (includes/Motion/Motion.php). No start states live here: content is fully
 * visible when JavaScript is off or the runtime fails.
 */

/*
 * Header turns solid after the first few pixels of scroll (body.gc-is-scrolled is toggled by the
 * runtime). An overlay fades in with opacity, so nothing repaints the blurred bar itself.
 * Override the colour with --gc-header-solid on .gc-site-header.
 */
.gc-site-header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var(--gc-header-solid, rgba(1, 1, 2, 0.88));
	opacity: 0;
	transition: opacity 0.3s ease-out;
	pointer-events: none;
}

.gc-is-scrolled .gc-site-header::before {
	opacity: 1;
}

/* Lenis (lenis/dist/lenis.css, MIT) — only active once the optional smooth scroll starts. */
html.lenis,
html.lenis body {
	height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
	overflow: clip;
}

.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-vertical],
.lenis [data-lenis-prevent-horizontal] {
	overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
	pointer-events: none;
}

.lenis.lenis-autoToggle {
	transition-property: overflow;
	transition-duration: 1ms;
	transition-behavior: allow-discrete;
}