/* =========================================================================
   3Event — habillage de la montagne en particules (assets/js/particules.js).
   Bannière de la page Événements, activée par `parts/anim-hero.php` avec
   `media => 'particules'`.

   Rien n'est animé ici : tout le mouvement est dans le canvas. Ce fichier ne
   porte que l'emplacement, la lueur de fond, et la silhouette VECTORIELLE
   servie tant que le nuage n'a pas pris la main — ou quand il ne la prend
   jamais : petit écran, mouvement réduit, SVG illisible. C'est un état de
   repos voulu, pas un pis-aller : la montagne du site est un tracé plein,
   c'est exactement ce que la maquette montre partout ailleurs.
   ========================================================================= */

.tev-montagne {
	position: relative; flex: 1 1 52%; max-width: 658px; min-width: 0;
	aspect-ratio: 658 / 430;
}

/* Lueur orange derrière la silhouette : elle la décolle du bleu du fond. */
.tev-montagne__halo {
	position: absolute; left: 50%; top: 50%; width: 112%; aspect-ratio: 16 / 11;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: radial-gradient(ellipse at 50% 50%,
		rgba(255, 85, 39, .34) 0%, rgba(255, 85, 39, .14) 36%,
		rgba(255, 85, 39, .04) 58%, rgba(255, 85, 39, 0) 76%);
	filter: blur(30px);
	pointer-events: none;
}

.tev-montagne__plat {
	position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);
	color: var(--tev-orange);
	transition: opacity .45s var(--tev-ease);
}
.tev-montagne__plat svg { width: 100%; height: auto; display: block; }
/* Le nuage a pris la main : la silhouette pleine s'efface, sans quoi les grains
   arrachés laisseraient voir l'aplat en dessous — et il n'y aurait plus de
   trou, donc plus d'effet. */
.tev-montagne.is-particules .tev-montagne__plat { opacity: 0; }

.tev-montagne__canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }

@media (max-width: 768px) {
	/* La bannière s'empile : la montagne prend toute la largeur, comme la photo
	   qu'elle remplace (règle héritée de .tev-anim-hero__media). */
	.tev-montagne { flex: 0 0 auto; width: 100%; max-width: none; }
}