/**
 * Full, uncropped Case images on the Services page's
 * [codeline_services_cards] output. That (separate, third-party) plugin's
 * .clsp-case-image class forces a 4:3 aspect-ratio box with
 * object-fit:cover; Case images are 16:9, so cover was cropping the
 * top/bottom of the image, including the logo/content near the edges.
 * Preserved exactly from Blocksy Child's functions.php.
 *
 * Printed on every page, matching the original implementation's
 * unconditional wp_head output -- .clsp-case-image only exists where that
 * third-party shortcode is actually placed, so this has no effect
 * elsewhere. Kept as a separate small stylesheet rather than folded into
 * archive/single CSS so it can be independently disabled if that other
 * plugin changes its markup.
 */
.clsp-case-image {
	aspect-ratio: 16 / 9 !important;
	object-fit: contain !important;
	box-shadow: 0 1px 2px rgba(15, 15, 15, 0.08), 0 4px 8px rgba(15, 15, 15, 0.11), 0 8px 16px rgba(15, 15, 15, 0.15) !important;
	filter: brightness(0.80);
	border-radius: 3px !important;
	background: #ececec;
}

/*
 * Desktop fallback for the Services Cards plugin's own hover, which it only
 * applies inside @media (hover: hover) and (pointer: fine) -- false on
 * hybrid touch laptops. Same selectors and values as that plugin's rules;
 * its transform/filter transition is already declared unconditionally.
 */
@media (min-width: 1200px) {
	.clsp-case:hover .clsp-case-image {
		transform: scale(1.035);
		filter: saturate(1.04) contrast(1.03);
	}
	.clsp-case:hover .clsp-case-title {
		opacity: .84;
	}
}