/* ─── JPR Variation Images — Frontend Transition Styles ───────────────────── */

/*
 * Gallery swap cross-fade applied to both split containers:
 *   is-swapping  → fade out (triggered before DOM swap)
 *   is-entering  → fade in  (triggered after DOM swap)
 */

[data-gallery-hero],
[data-gallery-rest] {
	transition: opacity 0.2s ease;
}

[data-gallery-hero].is-swapping,
[data-gallery-rest].is-swapping {
	opacity: 0;
	pointer-events: none;
}

[data-gallery-hero].is-entering,
[data-gallery-rest].is-entering {
	animation: jpr-vi-fadein 0.35s ease forwards;
}

@keyframes jpr-vi-fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}