/**
 * `.hero-image-glow` — add this class to an image (Additional CSS class(es))
 * to give it a soft brand-colored glow that follows the image's alpha edge.
 *
 * The glow is --Brand-60 at 32% alpha in oklch (relative color syntax), so it
 * is purple on Cars and sky blue on Dealer Inspire, the same way the other
 * brand rules read the --Brand-* scale the theme sets on .brand-cars-com /
 * .brand-dealer-inspire. The rgba fallback (Cars purple) is for browsers
 * without relative color support. Blur is 76px, 30px below Fuse's md
 * breakpoint (768px).
 *
 * Keep identical with the Astro mirror (backend/src/styles/hero-image-glow.css).
 */
.hero-image-glow {
	filter: drop-shadow(0 0 76px rgba(140, 77, 214, 0.32));
	filter: drop-shadow(
		0 0 76px oklch(from var(--Brand-60, var(--Purple-60, #9653e5)) l c h / 0.32)
	);
}

@media (max-width: 767px) {
	.hero-image-glow {
		filter: drop-shadow(0 0 30px rgba(140, 77, 214, 0.32));
		filter: drop-shadow(
			0 0 30px
				oklch(from var(--Brand-60, var(--Purple-60, #9653e5)) l c h / 0.32)
		);
	}
}