/* ============================================================
   ARTISTIK — CARROUSEL DU HÉRO
   Deux transitions au choix, posées uniquement sur le clone
   pendant le changement de photo, puis retirées : l'image
   retrouve ensuite exactement ses styles Elementor + Motion.
   Le !important sur « transition » est nécessaire — les règles
   .am-* de Motion sont plus spécifiques et cette propriété ne
   se cumule pas entre deux règles.
   ============================================================ */

/* --- Balayage haut → bas --- */
img.atkc-wipe,
.atkc-wipe {
	clip-path: inset(0 0 100% 0);
	transition: clip-path var(--atkc-dur, 1150ms) cubic-bezier(.22, 1, .36, 1) !important;
	will-change: clip-path;
}
img.atkc-wipe.atkc-go,
.atkc-wipe.atkc-go { clip-path: inset(0 0 0 0); }

/* --- Fondu --- */
img.atkc-fade,
.atkc-fade {
	opacity: 0;
	transition: opacity var(--atkc-dur, 1150ms) cubic-bezier(.22, 1, .36, 1) !important;
	will-change: opacity;
}
img.atkc-fade.atkc-go,
.atkc-fade.atkc-go { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
	.atkc-wipe, .atkc-fade {
		clip-path: none !important;
		opacity: 1 !important;
		transition: none !important;
	}
}