/**
 * Service hero — inline video box (WordPress + Shopify, no scroll animation).
 */
.wr-svc-hero-video {
	position: relative;
}

.wr-svc-hero-video .wr-reel-stage {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
}

.wr-svc-hero-video .reel-banner,
.wr-svc-hero-video .wordpress-hero-banner,
.wr-svc-hero-video .shopify-service-hero-banner {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wordpress-hero-banner-wrap.wr-svc-hero-video {
	aspect-ratio: 590 / 560;
}

.shopify-service-hero-banner-wrap.wr-svc-hero-video {
	aspect-ratio: 590 / 560;
}

.shopify-service-hero-banner-wrap.wr-svc-hero-video .shopify-service-hero-logo-wrap {
	z-index: 4;
	pointer-events: none;
}

.shopify-service-hero-banner-wrap.wr-svc-hero-video:has(.wr-reel-is-playing) .shopify-service-hero-logo-wrap {
	opacity: 0;
	visibility: hidden;
}

/* Legacy alias */
.wordpress-hero-banner-wrap.wr-wp-hero-video {
	position: relative;
}

.wordpress-hero-banner-wrap.wr-wp-hero-video .wr-reel-stage {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
}

.wordpress-hero-banner-wrap.wr-wp-hero-video .reel-banner,
.wordpress-hero-banner-wrap.wr-wp-hero-video .wordpress-hero-banner {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.reel-content-wrap.wr-wp-reel-video {
	position: relative;
	overflow: hidden;
}

.reel-content-wrap.wr-wp-reel-video .wr-reel-stage {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
}

.reel-content-wrap.wr-wp-reel-video .reel-banner {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wr-reel-video-file {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	background: #000;
}