/*typographie*/
@import "Inter/inter.css";
body{
	font-family: 'Inter var';
}


@media screen {
	/*mode nuit*/
	body{
		background-color: #10101d;
		color: #fff;
	}
	a{color: #fff;}
}

/* utilitaire générique de base */
*{box-sizing: border-box;}
img,video{max-width: 100%; display: block;}


/*mise en page*/
html, body{ margin: 0; padding: 0; }
@media (min-width: 940px) {
	.row { display: flex; max-width: 1440px; margin: auto;}
	.row > * { flex: 1; }
	.row > * { padding: 1rem; }


	section#trailer{
		/*contenu centré*/
		display: flex; justify-content: center; align-items: center;
	}
	section#trailer{
		position: relative;
	}
	section#trailer h2#label{
		position: absolute;
		bottom: 0;
		left: 0;

	}
}


footer{
	text-align: center;
	font-size: 9pt;
	font-weight: 200;
}


section#trailer{
	/*outline: 1px solid #FF0;
	outline-offset: -2px;*/
	max-height: 80vh;
	padding: 4rem;
}
section#trailer video{
	max-height: calc(80vh - 8rem);

	aspect-ratio: 16 / 9;
	object-fit: cover;
	/*border: 4px solid #000;*/
	/*outline: 1px solid #f0f;*/
}


section#trailer h2#label{
	width: 100%;
	text-align: center;
}


section#affiche img{
	width: 100%;
}


section#affiche h1{
	font-size: 16vw;
	line-height: 1em;
	margin: 0;
	margin-top: 0.5em;
	text-align: center;
	font-weight: 700;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	font-feature-settings: "cv10";
}

section#affiche h2{
	font-size: 4vw;
	line-height: 1em;
	margin: 0;
	margin-bottom: 8rem;
	text-align: center;
	font-weight: 500;
	letter-spacing: -0.02em;
	text-transform: uppercase;
}



section#info{
	padding: 2rem;
}

section#info{}
section#info p { font-weight: 150; }
section#info p b { font-weight: 600; }

/* à la place de &nobr; */
section#info p b { white-space: nowrap; }


section#info {
	font-size: 20px;
}





/*impression*/

@media print {
	#trailer{display: none;	}
}