/* Hover video preview on the project cards.

   The still image stays as the base layer and the video sits exactly on top at
   opacity 0, fading in on hover — so if the video never loads, nothing breaks
   and there is never an empty or black frame. */

.fcg-hover-host {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: inherit;
}

.fcg-hover-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover; /* fills without distorting */
	opacity: 0;
	/* the cards here are already rounded at rest, so the video simply follows
	   the frame it sits in rather than rounding on hover */
	border-radius: inherit;
	transition: opacity 0.35s ease;
	pointer-events: none; /* clicks pass through to the card */
}

.fcg-hover-host:hover .fcg-hover-video,
.fcg-hover-host.fcg-playing .fcg-hover-video {
	opacity: 1;
}