/* Hero video (MP4); layout, chapter text and volume button come from hero-slider/style.css */
.hero-video-block .carousel-item{
	background-color: #125e4c; /* first frame colour of the homepage video, until the poster or video is there */
}
.hero-video-block .hero-container video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hero-video-block .chapter .title{
	white-space: pre-line; /* line breaks inside a subtitle cue */
}

/* Format "Video": the slide keeps the proportions of the video file, on all screen sizes */
.hero-slider-block.hero-video-format-video .carousel-item{
	aspect-ratio: var(--hv-ratio, 16 / 9);
	height: auto;
	background-color: transparent;
}
@media (max-width: 767px){
	.hero-slider-block.hero-video-format-video .carousel-item{
		aspect-ratio: var(--hv-ratio-mobile, var(--hv-ratio, 16 / 9));
		height: auto;
	}
}