@charset 'utf-8'; /*—~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.
—                ██████╗████████╗██╗   ██╗ ██╗      ██████╗        ██████╗ ██╗  ██╗  ██████╗  ██████╗ ████████╗
░               ██╔════╝╚══██╔══╝╚██╗ ██╔╝ ██║     ██╔════╝       ██╔════╝ ██║  ██║ ██╔════╝ ██╔════╝ ╚══██╔══╝
▒               ╚█████╗    ██║    ╚████╔╝  ██║     █████╗  █████╗ ╚█████═╗ ███████║ █████╗   █████╗      ██║   
▓                ╚═══██╗   ██║     ╚██╔╝   ██║     ██╔══╝  ╚════╝  ╚═══██║ ██╔══██║ ██╔══╝   ██╔══╝      ██║   
█               ██████╔╝   ██║      ██║    ███████╗╚██████╗       ██████╔╝ ██║  ██║  ██████╗  ██████╗    ██║   
—               ╚═════╝    ╚═╝      ╚═╝    ╚══════╝ ╚═════╝       ╚═════╝  ╚═╝  ╚═╝  ╚═════╝  ╚═════╝    ╚═╝   
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~♦ by qui-design.fr ♦~~~*/


/*                                                         ▓▓╗      ▓▓▓▓▓▓╗  ▓▓▓▓▓╗ ▓▓▓▓▓▓╗ 
                                                           ▓▓║     ▓▓╔═══▓▓╗▓▓╔══▓▓╗▓▓╔══▓▓╗
                                                           ▓▓║     ▓▓║   ▓▓║▓▓▓▓▓▓▓║▓▓║  ▓▓║
                                                           ▓▓║     ▓▓║   ▓▓║▓▓╔══▓▓║▓▓║  ▓▓║
                                                           ▓▓▓▓▓▓▓╗╚▓▓▓▓▓▓╔╝▓▓║  ▓▓║▓▓▓▓▓▓╔╝
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ╚══════╝ ╚═════╝ ╚═╝  ╚═╝╚═════╝ 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  @ F O N T - F A C E.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~ CORMORANT GARAMOND */
/* Regular */
@font-face {
	font-family      : 'Cormorant Garamond';
	font-display     : swap;
	src              : local('Cormorant Garamond'), local('CormorantGaramond'), local('Cormorant-Garamond'), local('Cormorant Garamond Regular'), local('CormorantGaramondRegular'), local('Cormorant-Garamond-Regular'),
	                   url('../typographies/CormorantGaramond-400.woff2') format('woff2'),
	                   url('../typographies/CormorantGaramond-400.ttf') format('truetype');
	font-weight      : 400;
	font-style       : normal;
}
/* Regular — Italic */
@font-face {
	font-family      : 'Cormorant Garamond';
	font-display     : swap;
	src              : local('Cormorant Garamond Italic'), local('Cormorant Garamond Regular Italic'), local('CormorantGaramondRegularItalic'), local('Cormorant-Garamond-Regular-Italic'),
	                   url('../typographies/CormorantGaramond-400-Italic.woff2') format('woff2'),
	                   url('../typographies/CormorantGaramond-400-Italic.ttf') format('truetype');
	font-weight      : 400;
	font-style       : italic;
}
/* Medium */
@font-face {
	font-family      : 'Cormorant Garamond';
	font-display     : swap;
	src              : local('Cormorant Garamond Medium'), local('CormorantGaramondMedium'), local('Cormorant-Garamond-Medium'),
	                   url('../typographies/CormorantGaramond-500.woff2') format('woff2'),
	                   url('../typographies/CormorantGaramond-500.ttf') format('truetype');
	font-weight      : 500;
	font-style       : normal;
}
/* Medium — Italic */
@font-face {
	font-family      : 'Cormorant Garamond';
	font-display     : swap;
	src              : local('Cormorant Garamond Medium Italic'), local('CormorantGaramondMediumItalic'), local('Cormorant-Garamond-Medium-Italic'),
	                   url('../typographies/CormorantGaramond-500-Italic.woff2') format('woff2'),
	                   url('../typographies/CormorantGaramond-500-Italic.ttf') format('truetype');
	font-weight      : 500;
	font-style       : italic;
}
/* Bold */
@font-face {
	font-family      : 'Cormorant Garamond';
	font-display     : swap;
	src              : local('Cormorant Garamond Bold'), local('CormorantGaramondBold'), local('Cormorant-Garamond-Bold'),
	                   url('../typographies/CormorantGaramond-700.woff2') format('woff2'),
	                   url('../typographies/CormorantGaramond-700.ttf') format('truetype');
	font-weight      : 700;
	font-style       : normal;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NEUE MACHINA */
/* Regular */
@font-face {
	font-family      : 'Neue Machina';
	font-display     : swap;
	src              : local('Neue Machina'), local('NeueMachina'), local('Neue-Machina'), local('Neue Machina Regular'), local('NeueMachinaRegular'), ocal('Neue-Machina-Regular'),
	                   url('../typographies/NeueMachina-400.woff2') format('woff2'),
	                   url('../typographies/NeueMachina-400.ttf') format('truetype');
	font-weight      : 400;
	font-style       : normal;
}
/* Bold */
@font-face {
	font-family      : 'Neue Machina';
	font-display     : swap;
	src              : local('Neue Machina Bold'), local('NeueMachinaBold'), local('Neue-Machina-Bold'),
	                   url('../typographies/NeueMachina-700.woff2') format('woff2'),
	                   url('../typographies/NeueMachina-700.ttf') format('truetype');
	font-weight      : 700;
	font-style       : normal;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  R O O T.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~ VARIABLES */
:root {
	--ff: 'Cormorant Garamond', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	--fh: 'Neue Machina', Georgia, Garamond, 'Times New Roman', Times, serif;
	--fm: Andale Mono, monospace, Courier, Lucida, Monaco;
	--fs: 1.8rem;
	--lh: 1.22;
	--fw: 400;
	--fb: 700;
	--h1: 4rem;
	--h2: 2.9rem;
	--h3: 2.3rem;
	--h4: 2.2rem;
	--h5: 1rem;
	--h6: 1rem;
	--h-h: calc(5rem + var(--gut)*2);
	--gut: .75vw;
	--marg: 70px;
}
@supports (font-size: clamp(1px, 2vw, 3px)) {
	:root {
		--gut: max(1rem, .75vw);
		/*
		--h1: clamp(3rem, 1.06vw + 2.6rem, 4.6rem);
		--h2: clamp(2.8rem, .56vw + 2.59rem, 3.6rem);
		--h3: clamp(2.4rem, .9vw + 2.06rem, 3rem);
		--h4: clamp(2.2rem, .6vw + 1.95rem, 2.6rem);
		--h5: clamp(2rem, .61vw + 1.77rem, 2.4rem);
		*/
		--marg: clamp(0px, (100vw - 1020px) / 2, 100px);
	}
}
:root {
	/* Blanks */
	--breach: calc(.5 * var(--gut));
	--crack: calc(.75 * var(--gut));
	--shift: calc(1.5 * var(--gut));
	--blank: calc(1.75 * var(--gut));
	--gap: calc(2 * var(--gut));
	--space: calc(3 * var(--gut));
	--hollow: calc(4 * var(--gut));
	--hole: calc(5 * var(--gut));
	--pit: calc(6 * var(--gut));
	--chasm: calc(7 * var(--gut));
	--strait: calc(8 * var(--gut));
	--delta: calc(9 * var(--gut));
	--gulf: calc(10 * var(--gut));
	--bay: calc(12 * var(--gut));
	--abysm: calc(14 * var(--gut));
	--edge: var(--gap);
	--cmb: var(--gut);
	/* Shades of gray */
	--dark: hsl(0, 0%, 10%);
	--coal: hsl(0, 0%, 20%);
	--mine: hsl(0, 0%, 30%);
	--dust: hsl(0, 0%, 40%);
	--rock: hsl(0, 0%, 50%);
	--dove: hsl(0, 0%, 60%);
	--smog: hsl(0, 0%, 70%);
	--haze: hsl(0, 0%, 80%);
	--mist: hsl(0, 0%, 90%);
	--alto: hsl(20, 12%, 95%);
	--pure: hsl(30, 15%, 97.25%);
	/* Colors */
	--canvas: hsl(0, 0%, 100%); /* hsl(50, 50%, 50%)*/
	--capcode: hsl(170, 14%, 25%);
	--makara: hsl(26, 10%, 48%);
	--pearl: hsl(33, 29%, 87%);
	/* Shadow */
	--shadow: 0 0 1em 1px var(--mist);
	--shade: 0 1rem 2rem 0 hsla(0, 0%, 0%, .175);
	--ts: 0 -.025em .1em hsla(0, 0%, 0%, .075), 0em .025em .1em hsla(0, 0%, 0%, .075), -.025em 0 .1em hsla(0, 0%, 0%, .075), .025em 0 .1em hsla(0, 0%, 0%, .075);
	--f-capcode: brightness(0) saturate(100%) invert(15%) sepia(99%) saturate(3882%) hue-rotate(234deg) brightness(88%) contrast(100%);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ RESET */
*, *::before, *::after {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	text-decoration: none;
	font-weight: inherit;
	text-rendering: geometricPrecision;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent !important;
}
html {
	direction: ltr;
	width: 100%;
	font-size: 62.5%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
html.hidden {
	display: block !important;
}
body {
	overflow-x: hidden;
	width: 100vw;
	font: normal var(--fw) var(--fs)/var(--lh) var(--ff);
	color: black;
	background: var(--canvas);
}
/*
.doc-conceal body {
	opacity: 0;
}
.doc-reveal body {
	opacity: 1;
	transition: 10s ease-out 0s;
}
*/
.doc-ready body, .state-change body {
	overflow-y: visible;
}
body.constrained {
	overflow: hidden !important;
}
/* Home splash with vertical menu */
body.home {
	overflow: hidden;
}

/*~~~~~~~~~~~~~~~~~~~~~ COVERING SCREENS */
.covering {
	z-index: 103;
	isolation: isolate;
	position: fixed;
	overflow: hidden;
	visibility: hidden;
	width: 100vw;
	height: var(--vh, 100vh);
	left: 0;
	top: 0;
	background: transparent;
	-webkit-overflow-scrolling: touch;
	transition: visibility .6s step-end;
}
.covering.active {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	visibility: visible;
	transition: visibility .8s step-start;
}
.covering .overlay, #cc-main .pm-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: hsla(0, 0%, 0%, .75);
	opacity: 0;
	backdrop-filter: blur(0);
	transition: opacity .6s ease, visibility .6s step-end;
}
#cc-main .pm-overlay {
	position: fixed;
	opacity: 0;
	visibility: hidden;
}
.covering.active .overlay, .show--preferences #cc-main .cc--anim .pm-overlay {
	opacity: 1;
	backdrop-filter: blur(1px);
	transition: opacity .8s ease, visibility .8s step-start;
}

/*~~~~~~~~~~~~~~~~ SITE LOADING / SPLASH */
#siteSplash {
	z-index: 200;
	cursor: default;
	background: var(--canvas);
	opacity: 0;
	transition: opacity .5s ease .1s, visibility .5s linear;

/*display: none !important;*/

}
#siteSplash.splash-menu {
	position: relative;
}
#siteSplash.active {
	opacity: 1;
}
#splashFrame {
	opacity: 1;
}



/*—~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/