/* Keep the title, byline and replay control out of the video frame. */
.hero--fb[data-testid="post-hero-fb"] {
	background: var(--c-paper);
	max-width: calc(var(--hero-maxh) * 16 / 9);
	min-height: 0;
}

.hero--fb[data-testid="post-hero-fb"] .hero__inner {
	order: 1;
	container-type: inline-size;
	padding-block: var(--sp-6);
}

.hero--fb[data-testid="post-hero-fb"] .hero__headline {
	font-size: clamp(1.75rem, 6cqi, 4rem);
	max-width: 100%;
}

.hero--fb[data-testid="post-hero-fb"] .hero__sub-row {
	margin-top: var(--sp-4);
}

.hero--fb[data-testid="post-hero-fb"] .hero__scrim {
	display: none;
}

.hero--fb[data-testid="post-hero-fb"] .hero__byline {
	order: 2;
	position: static;
	align-self: flex-end;
	margin: 0 var(--sp-5) var(--sp-5);
	color: var(--c-ink);
	text-shadow: none;
}

.hero--fb[data-testid="post-hero-fb"] :is(.hero__video, .hero__motion-poster) {
	order: 3;
	position: static;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: contain;
}

.hero--fb[data-testid="post-hero-fb"] .hero__replay {
	order: 4;
	position: static;
	align-self: flex-end;
	margin: var(--sp-4) var(--sp-5);
}