@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');

@font-face {
	font-family: 'CormorantGaramond';
	src: url('/font/CormorantGaramond-Regular.woff2') format('woff2'),
			 url('/font/CormorantGaramond-Regular.woff') format('woff');
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'CormorantGaramond';
	src: url('/font/CormorantGaramond-VF.woff2') format('woff2-variations');
	src: url('/font/CormorantGaramond-VF.woff2') format('woff2') tech('variations');
	font-weight: 100 900;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/font/Inter-Regular.woff2') format('woff2'),
			 url('/font/Inter-Regular.woff') format('woff');
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/font/Inter-VF.woff2') format('woff2-variations');
	src: url('/font/Inter-VF.woff2') format('woff2') tech('variations');
	font-weight: 100 900;
	font-display: swap;
}


/*****
	Général
*****/
:root {
	/* Background & Text color */
	--cream-color: #FBF9F4; /* Fond général */
	--white-color: #FFF; /* Font cartes blanches // Textes sur fond sombre */
	--black-color: #171512;
	--grey-color: #DDD5CA;
	--red-color: #74262A;
	--gold-color: #D7BD6F;
	--black-2-color: #20201D;
	--cream-2-color: #EEE9DF;
	--grey-2-color: #BCB3A8;

	--menu-color: rgba(248,245,238,.95);
	--border-color: rgba(23,21,18,.18);
	--border-light-color: rgba(255,255,255,.28);

	/* Font size */
	--fs-xxl: 6.5rem;
	--fs-xl: 3rem;
	--fs-l: 1.65rem;
	--fs-body: 1rem;
	--fs-s: .7rem;

	--fs-nav-title: 1.3rem;
	--fs-nav-link: .75rem;

	--fs-body-weight: 300;
	--fs-title-weight: 500;

	/* Menu */
	--menu-width: 450px;
	--menu-height: calc(100vh - 198px); /* 175px */

	/* Mod large size */
	--contSize: 1250px;
	--contMarginSize: calc(100% - 1250px);
}

.containerA {
	position: relative;
	width: 450px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: none;
}

.captiondiapo:before {
	content: '';
	display: inline-block;
	height: 100%;
	margin-right: -0.25em; /* Adjusts for spacing */
	vertical-align: middle;
}

h1, h2, h3, h4, h5, p, a, li, span {font-size: clamp(var(--min-txt), var(--pref-txt), var(--max-txt));color:inherit;}

.captiondiapo {position:absolute;z-index: 1;width:100%;height: 100%;font-family:'Inter', "Roboto";font-weight:700;text-align:center;color:var(--white-color);}
.captiondiapo a {text-decoration:none;}
.captiondiapo a:visited {text-decoration:none;}

.captionintdiapo {display:inline-block;vertical-align:middle;text-align:justify;}
.captionintdiapo p {font-family: 'Inter', Arial, serif;font-weight: normal;color:;}

.captionintdiapo > p:nth-of-type(n+2) {margin-top: 15px;}


/*****
	Video hero
*****/
video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.hero {
	position: relative;
	display: grid;
	height: 100svh;
	min-height: 680px;
	overflow: hidden;
	place-items: center;
	background: var(--black-color);
	color: var(--white-color);
}

.hero-media {
	position: absolute;
	inset: 0;
	z-index: 10;
	overflow: hidden;
	background: var(--black-color); url('data:image/jpeg;base64,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') center/cover no-repeat;
}

.hero-media video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity: 1;
	transition: opacity .12s linear;
}

.hero-media:after {
	display: none;
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg,rgba(10,8,6,.4),rgba(10,8,6,.09) 42%,rgba(10,8,6,.54));
	pointer-events: none;
}

.hero-ending {
	position: absolute;
	inset: 0;
	z-index: 11;
	display: grid;
	background: var(--red-color);
	opacity: 0;
	place-items: center;
	pointer-events: none;
	transition: opacity .12s linear;
}

.hero-ending img {
	width: clamp(125px,10.5vw,180px);
	height: auto;
	object-fit: contain;
	opacity: 0;
	transform: scale(.96);
	filter: drop-shadow(0 2px 18px rgba(0,0,0,.2));
	transition: opacity .12s linear,	transform .12s linear;
}

.hero-logo {
	position: relative;
	z-index: 12;
	opacity: 1;
	text-align: center;
	transform: scale(1);
	filter: drop-shadow(0 2px 18px rgba(0,0,0,.25));
	transition: opacity .12s linear,transform .12s linear;
}

.hero-logo img {
	width: clamp(125px,10.5vw,180px);
	height: auto;
	object-fit: contain;
}

.sound-toggle {
	position: absolute;
	left: 5vw;
	bottom: 34px;
	z-index: 12;
	padding: .72rem 1rem;
	border: 1px solid rgba(255,255,255,.55);
	background: rgba(15,10,8,.28);
	font: 500 .66rem/1 Inter,Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: .16em;
	color: var(--white-color);
	cursor: pointer;
	backdrop-filter: blur(8px);
	transition: background .25s,border-color .25s;
}

.sound-toggle:hover{
	border-color: var(--white-color);
	background: rgba(15,10,8,.55);
}

.scroll-cue {
	position: absolute;
	bottom: 28px;
	z-index: 10;
	font-size: .66rem;
	font-family: Inter,Arial,sans-serif;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .22em;
}

.scroll-cue span {
	display: block;
	width: 1px;
	height: 38px;
	margin: 12px auto 0;
	background: var(--white-color);
	opacity: .7;
}

.hero .containerA {display:none;}


/*****
	Titre
*****/
h1, h2, h3, h4, h5, h6 {--min-txt: 2rem;--pref-txt: 4vw;--max-txt: 3rem;padding-bottom:15px;font-family:'CormorantGaramond', Arial, serif;line-height:1.2;font-weight: normal;text-align:justify;}

.tc1vb::after {content:'';display:block;height:3px;margin: 15px 0 10px;background:url('/picts/css/bandeau-titre.png') no-repeat 0 0;filter: brightness(0) invert();}

.tc2vb {margin-top:20px;}


/*****
	Responsive
*****/
@media only screen and (max-width: 1250px) {
	.containerA {width:calc(100% - 50px);}
}