/* ------------------------------------------------
 * Category hero — background video
 * ------------------------------------------------
 * The video is appended after the hero <img> inside the GreenShift
 * "Image Wrap" (.gsbp-a6f4468), which is already position:absolute; inset:0.
 * Matching the <img> geometry lets the video cover the image exactly. The
 * hero overlay and the z-index:2 content layer already sit above it.
 */

.commercial-hero .sf-hero-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Respect reduced-motion: fall back to the static cover image. */
@media (prefers-reduced-motion: reduce) {
	.commercial-hero .sf-hero-video {
		display: none;
	}
}