/* BEGIN: SECTION MOVIE ----------------------------------------------------- */

#film {
	display: grid;
	place-items: center;
	height: 100vh;
	overflow: hidden;
	position: relative;
}

	#film > video {
		display: block;
		position: absolute;
		height: 100%;
	}

@media screen and ( min-aspect-ratio: 1080 / 1800 ) {

	#film > video {
		height: auto;
		width: 100vw;
	}

}

@media ( orientation: landscape ) {

	#film > video {
		margin-top: calc( 16px * ( 1 + var( --screen-increment ) ) * 5.5);
	}

}

/* END: SECTION MOVIE ------------------------------------------------------- */