/**
 * Standalone loader page (/) — full viewport media + redirect.
 */

.cs-loader-page {
	margin: 0;
	min-height: 100vh;
	min-height: 100dvh;
	background: #000;
	color: #fff;
	overflow: hidden;
}

.cs-loader-page__main {
	position: relative;
	width: 100%;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000;
}

.cs-loader-page__media {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	min-height: 100dvh;
	object-fit: cover;
	object-position: center center;
}

.cs-loader-page__media--video {
	position: absolute;
	inset: 0;
}

.cs-loader-page__scene--mobile-only {
	display: none;
}

/* Mobile / tablette : pattern plein écran + logo principal centré et lisible. */
@media (max-width: 1024px) {
	.cs-loader-page__media--desktop-only {
		display: none;
	}

	.cs-loader-page__scene--mobile-only {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		width: 100%;
		min-height: 100vh;
		min-height: 100dvh;
		overflow: hidden;
		background: #000;
	}

	.cs-loader-page__scene--mobile-only::before {
		content: "";
		position: absolute;
		inset: 0;
		background-color: #000;
		background-image: var(--cs-loader-pattern);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.cs-loader-page__wordmark {
		position: relative;
		z-index: 1;
		display: block;
		width: min(92vw, 38rem);
		max-width: 100%;
		height: auto;
		margin: 0 auto;
		object-fit: contain;
	}
}