/* Effet "cursor trail" sur toute la page (deplacement de souris) :
   a chaque mouvement suffisant, une vignette de projet apparait sous le
   curseur, le suit brievement puis se retracte. Inspire du composant
   "Cursor Trail" du template Azurio (ThemeForest), reecrit en JS
   vanilla + GSAP pour ce site. Les vignettes sont celles du portfolio,
   pas les placeholders du template d'origine.
   Le wrapper est position:fixed (plein viewport, ne defile pas) : le
   script JS gere lui-meme, pour chaque bouton/lien de la page, une zone
   tampon ou aucune vignette ne se pose -- donc pas besoin ici de
   chercher un z-index "juste au-dessus du contenu mais en-dessous des
   boutons", ce qui serait impossible sur les zones ou le slider hero
   gere son propre empilement (z-index) par diapositive. */
.hero-trail-wrapper{
	position:fixed;
	inset:0;
	overflow:hidden;
	pointer-events:none;
	z-index:150;
}
.hero-trail-image{
	display:block;
	position:absolute;
	top:0;
	left:0;
	max-width:none;
	object-fit:cover;
	opacity:0;
	will-change:transform,opacity;
	pointer-events:none;
}
/* Effet desactive sous 768px et sur tout ecran tactile sans souris
   (mobile/tablette) : le survol n'y a pas de sens. */
@media only screen and (max-width:767px){
	.hero-trail-wrapper{display:none;}
}
@media (hover:none),(pointer:coarse){
	.hero-trail-wrapper{display:none;}
}