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


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


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ R E S E T.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a:link, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a img, img, map {
	border: none;
}
p, span, br, a, h1, h2, h3, h4, h5, h6, ul, li, strong, em, u, dfn, sub, sup, cite {
	line-height: inherit;
	text-align: inherit;
	text-transform: inherit;
	font-style: inherit;
	font-weight: inherit;
	font-family: inherit;
	font-size: inherit;
	letter-spacing: inherit;
	color: inherit;
}
strong, b {
	font-weight: 700;
}
em, i {
	font-style: italic;
}
dfn {
	font-style: normal;
}
p {
	margin-bottom: 1em;
}
p:last-child, ul:last-child {
	margin-bottom: 0;
}
address {
	font-style: normal;
	font-weight: inherit;
}
sup, sub {
	font-size: .6em;
}
hr, div.hr {
	display: block;
	clear: both;
	width: 100%;
	height: 0px;
	margin: 0px auto;
	padding: 0px;
	border: none;
	background: transparent;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input::-moz-focus-inner, button::-moz-focus-inner {
	border: none;
}
figure {
	margin: 0;
}
figure img {
	display: block;
}
img {
 	image-rendering: auto;
}
img:not([src]):not([srcset]) {
	visibility: hidden;
}
@-moz-document url-prefix() {
	img:-moz-loading {
		visibility: hidden;
	}
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ G L O B A L   C L A S S E S.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.hide {
	display: none;
}
.hidden {
	display: none !important;
}
.show {
	display: unset;
}
.transparent {
	opacity: 0;
}
.opaque {
	opacity: 1;
}
.visible {
	visibility: visible;
}
.invisible {
	visibility: visible;
}
.left {
	float: left;
}
.right {
	float: right;
}
.both {
	clear: both;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CLEARFIX */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}

/*~~~~~~~~~~~~~~~~~~~~~~~ LAYOUT FORMATS */
.rotulus {
	position: relative;
	display: block;
	width: 100%;
	max-width: 1340px;
	margin: auto;
	padding-left: var(--gap);
	padding-right: var(--gap);
}
.rotulus.tight {
	max-width: 776px;
}
.hypergonar {
	position: relative;
	width: 100vw;
	left: -50vw;
	margin-left: 50%;
}
.micro-rotulus {
	width: 100%;
	margin: auto;
}
.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}
.flex.column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.flex.wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex.x-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.flex.x-spacebetween {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.flex.x-start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.flex.x-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.flex.y-start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-ms-grid-row-align: flex-start;
	align-items: flex-start;
}
.flex.y-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
}
.flex.grow > *,
.flex > .grow {
	-webkit-box-flex: 1;
	-webkit-flex: 1 auto;
	-ms-flex: 1 auto;
	flex: 1 auto;
	-webkit-flex-grow: 1;
	-webkit-flex-basis: auto;
}
.flex.grow > .no-grow {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
}
.flex.grow > *:first-child {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.flex.no-shrink > *,
.flex > .no-shrink {
	-ms-flex-negative: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

/*~~~~~~~~~~~~~~~~~~~~~ BACKGROUND SIZES */
.fill {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.fit-if-smaller {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
}

/*~~~~~~~~~~~~~~~~~~~ VERTICALLY ALIGNED */
.table {
	display: table;
	width: 100%;
	height: 100%;
}
.cel {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}





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

/*~~~~~~~~~~~~~~~~~~~~~~~~~ SITE WRAPPER */
#siteFrame {
	width: 100vw;
	min-height: 100vh;
	min-height: calc(100 * var(--vh,1vh));
	padding: 0 var(--edge);
	text-transform: lowercase;
	pointer-events: none;
}
.isloaded #siteFrame {
	pointer-events: auto;
}
#mediaDevice {
	z-index: -1000;
	display: block;
	visibility: hidden;
	width: 0px;
	height: 0px;
	pointer-events: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ SITE HEADER */
#siteHeader {
	z-index: 10;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SITE MAIN */
#siteMain {
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ SITE FOOTER */
#siteFooter {
}

/*~~~~~~~~~~~~~~~~~~~ SITE SPLASH POP-IN */
#siteSplash.done {
	cursor: pointer;
}
#splashFrame {
	width: 100%;
	height: calc(100vw * 10/16);
}
#siteSplash.run #splashFrame {
	opacity: 1;
}
#splashAnimation {
	position: relative;
	width: auto;
	top: -1vh;
	margin-bottom: calc(1.5rem + .75vmin);
	font-weight: 100;
	font-size: calc(.75rem + 6.5vmin);
	line-height: 1;
	text-align: center;
	cursor: inherit;
}
#splashAnimation span {
	opacity: 0;
	transition: opacity .2s ease-out 0s;
}
#splashAnimation span.set {
	opacity: 1;
}
/* Beam */
#siteSplash #splashAnimation::after {
	content: '\005F';
	display: inline-block;
	vertical-align: middle;
	opacity: 0;
	transition: opacity .5s ease-out 0s;
	animation: none;
}
#siteSplash.active.run #splashAnimation::after {
	opacity: 1;
	animation: .25s ease 0s infinite alternate none running beamBlink;
}
@media all and (any-hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#siteSplash.active.done #splashAnimation:hover::after {
		animation-play-state: paused;
	}
}
@keyframes beamBlink {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
/* `design by` */
#splashAnimation em {
	font-style: normal;
	letter-spacing: -.01em;
}
/* Logo */
#splashAnimation h1 {
	display: inline-block;
	font-family: 'Neil-Poulton';
	font-size: .925em;
	letter-spacing: .08em;
	vertical-align: middle;
	color: hsla(0, 0%, 70%, 1);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ SITE POP-IN */
#sitePopin {
}
#sitePopin > button {
	position: fixed;
	top: 0px;
	left: 100vw;
	padding: 2.5vmin;
	font-family: 'Neil-Poulton';
	font-size: calc(.75rem + 3vmin);
	line-height: 1;
	background: transparent;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	transform: translateX(-100%) rotate(45deg);
}
#sitePopin > button::before {
	content: '\e903';
}
#popinFrame {
	width: 100vw;
}





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

/*~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER FRAME */
#headerFrame {
	z-index: 1;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	color: hsla(0, 0%, 0%, 1);
	background: var(--canvas);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER LOGO */
#headerLogo {
	position: relative;
	display: block;
	text-indent: -200vw;
}
#headerLogo::before {
	content: '\e900';
	font-family: 'Neil-Poulton';
	position: absolute;
	display: block;
	height: 100%;
	font-size: calc(.525 * var(--h-h));
	text-indent: 0;
	line-height: 70%;
	color: hsla(0, 0%, 44%, 1);
}

/*~~~~~~~~~~~~~~~~~~~~ HEADER NAVIGATION */
#headerMenuNav {
	position: relative;
	margin: auto;
	/*width: calc(100vw - var(--gap) * 2);*/
	height: var(--h-h);
}
/* Burger */
[for='headerKnob'] {
	font-family: 'Neil-Poulton';
	padding: 0;
	line-height: 1;
	color: inherit;
	cursor: pointer;
	pointer-events: auto;
}
#headerKnobLabel {
	z-index: 1;
	position: absolute;
	right: 0;
	opacity: 1;
	transition: opacity .4s ease-in 0s, .5s z-index step-end;
}
#headerKnobLabel::before {
	content: '\e901';
	font-size: calc(.75rem + 3vmin);
}
#headerKnob {
	width: 0;
	height: 0;
	opacity: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}
#headerMenuList li.close {
	transform: rotate(45deg);
}
#headerKnobReset::before {
	content: '\e903';
	font-size: calc(.75rem + 2.3vmin);
}
/* Menu */
#headerMenuList {
}
#headerMenuList li {
	pointer-events: none;
	opacity: 0;
	transition: opacity .2s ease-in 0s;
}
#headerMenuList li[data-home] {
	display: none;
}
#headerMenuList a {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 calc(.4em + (100vw - 260px) / 100);
	pointer-events: none;
}
#headerMenuList li:last-child a {
	padding-right: 0;
}
#headerMenuList .socialNav {
	margin-top: -.1em;
	font-size: .8em;
}
/* Menu — Visible */
.opened #headerKnobLabel {
	z-index: 0;
	opacity: 0;
	transition: opacity .2s ease-in 0s, .5s z-index step-end;
	pointer-events: none;
}
.opened #headerMenuList::before { /* #headerKnob:checked ~ headerMenuList */
	height: 15rem;
	opacity: 1;
	transition: opacity .5s ease-out 0s, height .3s ease-out 0s;
}
.opened #headerMenuList li {
	pointer-events: auto;
	opacity: 1;
	transition: opacity .4s ease-out 0s;
}
.opened #headerMenuList a {
	pointer-events: auto;
	text-shadow: 0 0 0px hsl(0, 0%, 100%, 0);
	transition: text-shadow .2s ease;
}
.opened #headerMenuList li:nth-child(1) {
	transition-delay: 150ms;
}
.opened #headerMenuList li:nth-child(2) {
	transition-delay: 200ms;
}
.opened #headerMenuList li:nth-child(3) {
	transition-delay: 250ms;
}
.opened #headerMenuList li:nth-child(4) {
	transition-delay: 300ms;
}
.opened #headerMenuList li:nth-child(5) {
	transition-delay: 350ms;
}
.opened #headerMenuList li:nth-child(6) {
	transition-delay: 400ms;
}
.opened #headerMenuList li:nth-child(7) {
	transition-delay: 450ms;
}
.opened #headerMenuList a:hover, #headerMenuList a.active {
	text-shadow: .5px 0 0px hsl(0, 0%, 0%, .5), -.5px 0 0px hsl(0, 0%, 0%, .5);
}




/*                                                        ▓▓▓▓▓▓╗  ▓▓▓▓▓▓╗ ▓▓▓▓▓▓╗ ▓▓╗   ▓▓╗
                                                          ▓▓╔══▓▓╗▓▓╔═══▓▓╗▓▓╔══▓▓╗╚▓▓╗ ▓▓╔╝
                                                          ▓▓▓▓▓▓╔╝▓▓║   ▓▓║▓▓║  ▓▓║ ╚▓▓▓▓╔╝ 
                                                          ▓▓╔══▓▓╗▓▓║   ▓▓║▓▓║  ▓▓║  ╚▓▓╔╝  
                                                          ▓▓▓▓▓▓╔╝╚▓▓▓▓▓▓╔╝▓▓▓▓▓▓╔╝   ▓▓║   
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ╚═════╝  ╚═════╝ ╚═════╝    ╚═╝   
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#mainFrame {
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FLICKITY */
.flickity-enabled {
	position: relative;
}
.flickity-enabled:focus {
	outline: none;
}
.flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%;
	/*touch-action: none !important;*/
}
.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%;
}
/* Draggable */
.flickity-enabled.is-draggable {
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ S L I D E - S H O W.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#siteSlideshow {
}
.slideItem {
	width: auto;
	width: 100%;
}
.slideItem > article {
	margin: auto;
}
.slideItem > article > div {
	transition: opacity .5s ease-out;
}
.slideHero {
	opacity: 0;
}
.slideContent {
	opacity: 0;
}
.slideItem.is-selected > article > div  {
	opacity: 1;
}

/*~~~~~~~~~~~~~~~~~~~~ SLIDES — PICTURES */
#siteSlideshow figure {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
	transform: translate3d(0, 0, 0);
}
#siteSlideshow figure picture {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}
#siteSlideshow figure img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

/*~~~~~~~~~~~~~~~~~~~~~~ SLIDES — VIDEOS */
#siteSlideshow figure iframe {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	-ms-flex-negative: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~ SLIDES — HERO */
.slideHero {
	position: relative;
	padding: var(--h-h) 0 var(--gap);
	cursor: -webkit-grab;
	cursor: grab;
}
.flickity-viewport.is-pointer-down .slideHero {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}
/* Picture */
.slideHero figure {
	width: calc(100vw - var(--edge) * 2);
	height: calc((100vw - var(--edge) * 2) * 10/16);
	background: hsla(0, 0%, 0%, .125);
}
.slideHero figure img {
	mix-blend-mode: multiply;
}
.no-touch .slideHero figure img {
	will-change: filter;
	filter: blur(20px);
	transition: filter 1s ease 0s;
}
.no-touch .slideHero figure img.loaded {
	filter: blur(0px);
}
.no-blend .slideHero figure::before {
	content: '';
	z-index: 2;
	position: absolute;
	display: block;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background: hsla(0, 0%, 0%, .125);
}
/* Scroll-down indicator */
.slideHero figure::after {
	display: none;
	content: '';
	z-index: 2;
	position: absolute;
	left: 50%;
	bottom: 45px;
	width: 10px;
	height: 10px;
	margin-left: -5px;
	background: hsla(0, 0%, 100%, 1);
	border-radius: 5px;
	opacity: 1;
	transition: opacity 1s ease 0s;
	animation: 1.25s ease-out 0s infinite normal none running scrollIndicator;
}
.scrolled .slideHero figure::after {
	opacity: 0;
}
@keyframes scrollIndicator {
	0% {
		background: hsla(0, 0%, 100%, 1);
		transform: translateY(0);
	}
	100% {
		background: hsla(0, 0%, 100%, 0);
		transform: translateY(30px);
	}
}
/* Header Titles */
.slideHero header {
	position: absolute;
	/*
	position: relative;
	top: var(--gap_quadruple);
	*/
	width: 100%;
	color: hsla(0, 0%, 100%, 1);
	text-shadow: 0 0 .5px hsla(0, 0%, 0%, .25);
}
.slideHero header > span {
	text-align: center;
}
.slideHero h2 {
	padding: 0 3vw;
}
.slideHero h2, .slideThumbList .text h1 {
	font-weight: 100;
	font-size: calc(.75rem + 8vmin);
	letter-spacing: -.01em;
	line-height: 1.05;
}
.slideHero h2 span {
	display: inline-block;
}
.slideHero h1 {
	margin-top: .25em;
	padding: 0 3vw;
	font-weight: 700;
	font-size: calc(1rem + .75vmin);
	text-align: center;
}
/* Navigation Buttons */
.slideHero button {
	padding: 0 2.5vmin;
	font-size: calc(.75rem + 3vmin);
	line-height: 1;
	color: inherit;
	background: transparent;
	cursor: pointer;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	opacity: 0;
}
.slideHero button::after {
	font-family: 'Neil-Poulton';
}
.slideHero button.previous::after {
	content: '\e902';
}
.slideHero button.next::after {
	content: '\e903';
}
.slideItem.is-selected .slideHero button {
	opacity: 1;
}

/*~~~~~~~~~~~~~~~~~~~~~ SLIDES — CONTENT */
.slideContent {
	display: block;
	position: relative;
}

/*~~~~~~~~~~~~~~~~~~ SLIDES — THUMB LIST */
.slideThumbList {
	display: grid;
	grid: auto-flow dense / 1fr 1fr 1fr;
	margin: var(--gap_half_neg) var(--gap_half_neg) 0;
}
.slideThumbList li {
	position: relative;
	grid-column: span 1;
}
.slideThumbList li::after {
	content: "";
	display: block;
	float: left;
	padding-bottom: 100%;
}
.slideThumbList li.large {
	grid-column: span 2;
}
.slideThumbList li.wide {
	grid-column: span 3;
}
.slideThumbList li.tall {
	grid-column: span 1;
	grid-row: span 2;
}
.slideThumbList li.square {
	grid-column: span 2;
	grid-row: span 2;
}
.slideThumbList li.hero {
	grid-column: span 3;
}
.slideThumbList li.large::after {
	padding-bottom: calc(100% * 1 / 2);
}
.slideThumbList li.wide::after {
	padding-bottom: calc(100% * 1 / 3);
}
.slideThumbList li.tall::after {
	padding-bottom: calc(100% * 2);
}
.slideThumbList li.hero::after {
	padding-bottom: calc(100% * 2 / 3);
	padding-bottom: calc(100% * 31/50);
}
.slideThumbList li.square::after {
	padding-bottom: 100%;
}
.slideThumbList li > a {
	cursor: default;
}
.slideThumbList figure {
	overflow: hidden;
	position: absolute;
	top: var(--gap_half);
	right: var(--gap_half);
	bottom: var(--gap_half);
	left: var(--gap_half);
}
/* Figcaption — Picture */
.slideThumbList figcaption {
	padding: var(--gap);
	font-size: calc(.35em + 1vmin);
	font-size: calc(1rem + .75vmin);
	line-height: 1.15;
	letter-spacing: .05em;
	text-align: center;
	color: hsla(0, 0%, 100%, 1);
	opacity: 0;
	transition: opacity .15s ease-in 0s;
}
.slideThumbList figcaption::before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: hsla(0, 0%, 0%, .5);
	mix-blend-mode: multiply;
}
.slideThumbList .unveil figcaption::before {
	display: none;
}
.slideThumbList figcaption p {
	position: relative;
}
.slideThumbList .blank figcaption p {
	visibility: hidden;
}
.slideThumbList figcaption p strong {
	display: block;
	margin-bottom: .3em;
}
.slideThumbList figcaption p span {
	display: none;
	font-size: .8em;
}
/* Figcaption — Video */
.slideThumbList .video {
	cursor: pointer;
}
.slideThumbList .video figure::after {
	content: '';
	position: absolute;
	display: block;
	box-sizing: border-box;
	width: 0;
	height: 2em;
	margin: 0 auto 1em;
	border: 0;
	border-width: 1em 0 1em 1.6em;
	border-style: solid;
	border-color: transparent transparent transparent hsla(0, 0%, 100%, 1);
	background: transparent;
	/*transition: .2s border ease 0s;*/
	opacity: 1;
}
.slideThumbList .video.playing figure::after,
.slideThumbList .video.playing figure figcaption {
	opacity: 0;
}
/* Text slide */
.slideThumbList li.text::after {
	display: none;
}
.slideThumbList li.text > div {
	margin: 0 var(--gap_half);
	padding: var(--gap_double) 0;
}
.slideThumbList .text h1 {
	margin-bottom: .5em;
}

/*~~~~~~~~ SLIDES — THUMB LIST  — HOVERS */
/*@media all and (any-hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) {*/
	.slideThumbList figure:hover figcaption {
		opacity: 1;
		transition: opacity .35s ease-out 0s;
	}
	.slideThumbList .video.playing figure:hover::after {
		transition: opacity .15s ease-out 0s;
	}
	.slideThumbList .video figure:hover::after {
		opacity: 0;
	}
	.slideThumbList .video.playing figure:hover::after {
		opacity: 0;
		border-style: double;
		border-width: 0 0 0 2em;
	}
/*}*/

/*~~~~~~~~~~~~ SLIDES — TEXT DESCRIPTION */
.slideText {
	padding: var(--h-h) 0;
	letter-spacing: .075rem;
}
.slideText h2, .slideText cite, #textFrame h2, .slideThumbList .text h2 {
	font-size: 1.25em;
	font-weight: 700;
}
.slideText h2::after, #textFrame h2::after, .slideThumbList .text h2::after, .slideThumbList .text h3::after {
	content: '\2014';
	display: block;
	margin-bottom: .15em;
	font-weight: 300;
}
.slideText h2, #textFrame h3, .slideThumbList .text h3 {
	font-weight: 700;
	letter-spacing: .1rem;
}
.slideText p {
	margin-bottom: 0;
	text-transform: none;
}
.slideText cite {
	display: inline-block;
	padding-top: .5rem;
	color: hsla(0, 0%, 44%, 1);
}
.slideText time {
	font-weight: 700;
}
.slideText time::after {
	content: '\2014';
	padding: 0 .2em;
	font-weight: 300;
}

/*~~~~~~~~~~~~~~~~~~~~~ SLIDES — CONTACT */
#slideContact {
	padding: var(--h-h) 0 var(--gap_double);
}
#slideContact > div {
	display: flex;
	justify-content: flex-start;
}
#slideContactTitle {
	width: calc(2 * var(--h-h));
	height: auto;
	margin-right: .7em;
}
#slideContact p {
	font-weight: 700;
	font-size: calc(.6 * var(--h-h));
	text-transform: lowercase;
	letter-spacing: -.01em;
	line-height: .9;
	color: hsla(0, 0%, 44%, 1);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ T E X T.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#textFrame {
	padding-top: 10vmin;
	padding-bottom: 10vmin;
}
#contactSocialList {
	font-size: calc(.425 * var(--h-h));
	color: hsla(0, 0%, 44%, 1);
}
#contactSocialList a {
	padding: 0 .25em;
	font-size: calc(.38 * var(--h-h));
	line-height: 1.1;
}





/*                                        ▓▓▓▓▓▓╗ ▓▓▓▓▓▓╗  ▓▓▓▓▓▓╗ ▓▓▓▓▓▓▓▓╗ ▓▓▓▓▓▓╗▓▓▓▓▓▓╗ 
                                         ▓▓╔════╝▓▓╔═══▓▓╗▓▓╔═══▓▓╗╚══▓▓╔══╝▓▓╔════╝▓▓╔══▓▓╗
                                         ▓▓▓▓▓╗  ▓▓║   ▓▓║▓▓║   ▓▓║   ▓▓║   ▓▓▓▓▓╗  ▓▓▓▓▓▓╔╝
                                         ▓▓╔══╝  ▓▓║   ▓▓║▓▓║   ▓▓║   ▓▓║   ▓▓╔══╝  ▓▓╔══▓▓╗
                                         ▓▓║     ╚▓▓▓▓▓▓╔╝╚▓▓▓▓▓▓╔╝   ▓▓║   ╚▓▓▓▓▓▓╗▓▓║  ▓▓║
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ╚═╝      ╚═════╝  ╚═════╝    ╚═╝    ╚═════╝╚═╝  ╚═╝
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerFrame {
	margin: 0 auto var(--gap_double);
	font-size: 1.3rem;
	color: hsla(0, 0%, 44%, 1);
}
#footerFrame > div {
	margin: 0;
}
#footerFrame dfn {
	display: none;
}
#footerFrame h1 {
	margin-right: 1em;
}
.logo {
	letter-spacing: -.5em;
	text-indent: -200vw;
	color: hsla(0, 0%, 70%, 1);
}
.logo::after {
	content: '\e900';
	font-family: 'Neil-Poulton';
	letter-spacing: normal;
	text-indent: 0;
	line-height: 1.4em;
}
#footerFrame h2, #footerFrame address {
	display: inline;
}
#footerFrame a {
	padding: .5em 0;
}
/*
#footerInfosList li::after, #footerMenuList li::after, #footerCredit::after {
	content: '\00A0\002F\00A0';
}
*/
#footerFrame .flex > :not(.flex), #footerFrame .logo {
	margin-right: var(--gap);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ BACK TO TOP */
#footerBackToTop {
	display: block;
	margin: 0px auto calc(1rem + 2vmin);
	padding: 1.5vmin;
	font-family: 'Neil-Poulton';
	font-size: calc(2rem + 3vmin);
	line-height: 1;
	color: inherit;
	background: transparent;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}
#footerBackToTop::before {
	content: '\e904';
	position: relative;
	top: -1px;
}

/*~~~~~~~~~~~~~~~ FOOTER SOCIAL NETWORKS */
#footerSocialList a {
	padding: .5em .35em;
}
.socialNav a {
	font-size: .9em;
	letter-spacing: -.5em;
	text-indent: -200vw;
}
.socialNav a::after {
	font-family: 'Neil-Poulton';
	letter-spacing: normal;
	text-indent: 0px;
}
.socialNav .instagram::after {
	content: '\e905';
	transform: scale(1.09);
}
.socialNav .facebook::after {
	content: '\e906';
	transform: translateY(-4%);
}
.socialNav .twitter::after {
	content: '\e907';
}
.socialNav .linkedin::after {
	content: '\e908';
	transform: translateY(-7%);
}





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