/*
 * blocks/hero-white-centered.css — hero fond blanc, tout centré, sans visuel.
 * Complète guest.css, ne redéfinit aucune primitive existante.
 */

.hero-white-centered { background: #fff; padding-block: var(--s24); position: relative; overflow: hidden; }
.hero-white-centered__container { position: relative; z-index: 1; max-width: 680px; margin-inline: auto; text-align: center; display: flex; flex-direction: column; align-items: center; }

.hero-white-centered__motif {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
	z-index: 0;
}

@media (max-width: 900px) {
	.hero-white-centered__motif { width: 100%; }
}

@media (max-width: 600px) {
	.hero-white-centered { padding-block: var(--s16); }
}