/**
 * Image Mask — Style 5: Duotone Hover
 *
 * The image starts in grayscale and warms to full colour on hover, with a
 * small accent offset behind for contrast.
 *
 * @package captain-widgets-kit
 * @since   1.7.0
 */

.captwiki-imask.captwiki-style-5 .captwiki-imask__img {
	filter: grayscale( 1 ) contrast( 1.05 );
}

.captwiki-imask.captwiki-style-5:hover .captwiki-imask__img {
	filter: grayscale( 0 ) contrast( 1 );
}

.captwiki-imask.captwiki-style-5 .captwiki-imask__backdrop {
	display: block;
	transform: translate( 10px, 10px );
	opacity: 0.85;
}
