/* Singular post/page heroes only. PRN and archive markup never gets this flag. */
.hero--fb[data-hero-playback] .hero__motion-poster { display: none; }
.hero--fb[data-hero-playback] .hero__replay {
	position: absolute;
	right: 1rem;
	bottom: 4rem;
	z-index: 3;
	padding: 0.65rem 1rem;
	border: 1px solid currentColor;
	border-radius: 2rem;
	background: #142332;
	color: #fff;
	font: inherit;
	cursor: pointer;
}
.hero--fb[data-hero-playback] .hero__replay[hidden] { display: none; }
.hero--fb[data-hero-playback] .hero__replay:focus-visible {
	outline: 3px solid #ffc34d;
	outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
	.hero--fb[data-hero-playback] .hero__video,
	.hero--fb[data-hero-playback] .hero__replay { display: none; }
	.hero--fb[data-hero-playback] .hero__motion-poster {
		display: block;
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: right center;
		z-index: 0;
	}
}
@media (prefers-reduced-motion: reduce) and (max-width: 820px) {
	.hero--fb[data-hero-playback] .hero__motion-poster {
		position: static;
		order: 2;
		height: auto;
		aspect-ratio: 16 / 9;
	}
}