/* FG Progressive Media: blur the 480 placeholder until the sharper stage arrives. */
.fgpm-img {
	transition: filter 0.4s ease;
}

.fgpm-img.fgpm-blur {
	filter: blur(4px);
	clip-path: inset(0); /* keep the blur inside the image box */
}

/* Poster covers the box like the video will. */
video.fgpm-video {
	object-fit: cover;
}

@media (prefers-reduced-motion: reduce) {
	.fgpm-img {
		transition: none;
	}
}