/* Phase 3 — Hover video preview */

.sc361-card__preview-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	opacity: 0;
	transition: opacity 0.35s ease;
	pointer-events: none;
}

.sc361-card.is-preview-playing .sc361-card__preview-video {
	opacity: 1;
}

.sc361-card.is-preview-playing .sc361-card__bg {
	opacity: 0;
}

.sc361-card__lottie {
	background: #111 center / cover no-repeat;
}