.wd-grayscale-image {
	margin: 0;
	line-height: 0;
}

.wd-grayscale-image__link {
	display: inline-block;
	line-height: 0;
}

.wd-grayscale-image__img {
	display: block;
	max-width: 100%;
	height: auto;
	/*
	 * Design gray #878484 on light backgrounds:
	 * grayscale removes brand color; opacity ~0.47 makes pure black read as #878484 on white
	 * (255 * (1 - 0.47) ≈ 135). Preserves logo detail (e.g. Weber white text).
	 */
	filter: grayscale(1) opacity(0.47);
	transition: filter 0.3s ease;
}

.wd-grayscale-image:hover .wd-grayscale-image__img,
.wd-grayscale-image:focus-within .wd-grayscale-image__img {
	filter: none;
}

@media (prefers-reduced-motion: reduce) {
	.wd-grayscale-image__img {
		transition: none;
	}
}