/*
 * blocks/stat-hero.css — chiffre géant éditorial, aucune animation JS.
 * Complète guest.css, ne redéfinit aucune primitive existante.
 */

.stat-hero { padding-block: var(--s20); position: relative; overflow: hidden; }
.stat-hero > .container { position: relative; z-index: 1; }

/* Motif SVG discret sur fond uni — règle standing : jamais de fond vert/noir
   plat, toujours un motif en arrière-plan pour casser la monotonie. */
.stat-hero--dark {
	background-color: #101713;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Ccircle cx='2' cy='2' r='2' fill='%23ffffff' fill-opacity='0.12'/%3E%3C/svg%3E");
}
.stat-hero--teal {
	background-color: var(--teal);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.12' stroke-width='1.4'%3E%3Cpath d='M-10 30 C 20 10, 40 50, 70 30 S 110 10, 140 30'/%3E%3Cpath d='M-10 70 C 20 50, 40 90, 70 70 S 110 50, 140 70'/%3E%3Cpath d='M-10 110 C 20 90, 40 130, 70 110 S 110 90, 140 110'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 120px 120px;
}
.stat-hero .section__head h2 { color: #fff; }
.stat-hero .eyebrow { background: rgba(255,255,255,.14); color: #fff; }

.stat-hero__row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--s16);
	margin-top: var(--s14);
	text-align: center;
}
.stat-hero__value {
	display: block;
	font-size: clamp(3.5rem, 8vw, 7rem);
	font-weight: 800;
	line-height: 1;
	color: #fff;
}
.stat-hero__label {
	display: block;
	margin-top: var(--s3);
	font-size: 1rem;
	color: rgba(255,255,255,.75);
	max-width: 220px;
	margin-inline: auto;
}

@media (max-width: 700px) {
	.stat-hero__row { gap: var(--s10); }
}