:root{
	--fnt-desk-text: 1.375rem; /*22px;*/
	--fnt-desk-title: 3.125rem; /*50px;*/
	--fnt-desk-subtitles: 1.875rem; /*30px;*/
	--fnt-desk-credits: 0.9375rem; /*15px;*/

	--fnt-mob-text: 1.25rem; /*20px;*/
	--fnt-mob-title: 2.5rem; /*40px;*/
	--fnt-mob-subtitles: 1.5625rem; /*25px;*/
	--fnt-mob-credits: 0.8125rem; /*13px;*/

	--violet: #CD9AFF;
	--rouge:  #FF432B;
	--cyan:  #57EDDE;
	--orange:  #FF880C;
	--rose:  #FFB3F0;
	--jaune: #FFD800;
	--vert:  #00F700;
	--bleu:  #008EFF;
}



*{
	box-sizing: border-box;
}

body{
	width: 100vw;
	margin: 0;
	font-family: "FreeSans", sans-serif;
	font-size: var(--fnt-mob-text);
}

a{
	color: inherit;
	text-decoration: none;
}

em {
	font-style: italic;
}

b {
	font-style: bold;
}

button{
	background: none;
	font-size: inherit;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}


.rounded{
	border-radius: 1.25rem;
	box-shadow: inset 0 0 0.625rem rgba(255,255,255,1);
}

/* CLOSE BUTTON */
.exit{
	width: 1.875rem;
	height: 1.875rem;
	background: url('../img/exit.svg');
	background-size: contain;
	background-repeat: none;
	position: sticky;
	top: 0rem;
	margin-left: calc(100% - 1.2rem);
}


/* HAMBURGER BUTTON */
/* https://w3bits.com/animated-menu-icon-css/ */
.nav-icon {
	width: 42px;
	overflow: hidden;
}
.nav-icon:after, 
.nav-icon:before, 
.nav-icon div {
	background-color: #fff;
	content: '';
	display: block;
	height: 2px;
	margin: 7px 0;
	transition: all .2s ease-in-out;
}
.nav-icon.active:before {
	transform: translateY(9px) rotate(135deg);
}
.nav-icon.active:after {
	transform: translateY(-9px) rotate(-135deg);
}
.nav-icon.active div {
	transform: scale(0);
}






/* ------------------------------------------ */
/* ----------------- HEADER ----------------- */
/* ------------------------------------------ */

header{
	width: 100vw;
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 2000;
	background: #FFF;
	user-select:none;
	-ms-user-selec:none;
	-moz-user-select:none;
	-webkit-user-select:none;
}

header h1{
	display: grid;
	grid-template-columns: 25vw auto 25vw;
}

header h1 .selector{
	background: var(--vert);
	transition: all 0.2s ease-in-out;
}

header h1 .selector>span{
	position: relative;
	bottom: .15em;
}

header h1 .selector.open{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: none;
}

header h1 .selector .filtered+.filtered:before{
	display: inline-block;
	content:  "/";
	margin: 0 3px;
}

#searchbox{
	position: fixed;
	top: calc(var(--fnt-desk-text) + 0.3125rem * 2);
	left: 25vw;
	width: 50vw;
	max-height: calc(100vh - 0.3125rem * 2 - var(--fnt-desk-text));
	padding: 0.625rem 0.3125rem ;
	text-align: center;
	background: var(--vert);
	z-index: 100;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: none;
	overflow: auto;
	z-index: 2001;
}
#searchbox ul{
	line-height: 1.15em;
}
#searchbox .short{
	font-size: .65em;
	position: relative;
	bottom: .175em;
}
#searchbox .filtered{
	text-decoration: underline;
}

header h1 .last{
	background: var(--jaune);
}

header>div{
	display: grid;
	grid-template-columns: auto calc(100vw / 16) calc(100vw / 16);
}

header>h1>span,
header>div>div{
	padding: 0.3125rem;
	background: var(--violet);
	height: 2rem;
}

header>h1>span{
	display: flex;
	justify-content: center;
	align-items: center;

}

header .marquee{
	overflow:  hidden;
	background: var(--bleu);
	color:  #FFF;
}

.js-marquee{
	margin-right: 0.3125rem !important;
}


header .main-menu{
	background: var(--rouge);
	display: flex;
	justify-content: center;
	align-items: center;
}

header .lang{
	background: var(--rose);
	color: #FFF;
	text-transform: uppercase;
}








/* ------------------------------------------ */
/* ---------------- HOME GRID --------------- */
/* ------------------------------------------ */

.home{
	position: absolute;
	top:  4rem;
	height: calc(100vh - 4rem);
	width: 100vw;
	overflow: auto;
	z-index: 1;
}

.home>section{
	min-height: calc(100vh - 4rem);
	display: grid;
	grid-template-columns: repeat(32, 1fr);
	/*grid-template-rows: repeat(16, 1fr);*/
	grid-auto-flow: row dense;
	grid-auto-rows: calc( (100vh - 4rem) / 16);
}

.home>section .tile{
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.home>section .tile a{
	width: 100%;
	height: 100%;
}


.home>section .tile:nth-child(1):last-child{
	grid-column-end: span 32;
	grid-row-end: span 16;
}
.home>section .tile:nth-child(1),
.home>section .tile:nth-child(2):last-child{
	grid-column-end: span 16;
	grid-row-end: span 16;
}

.home>section .tile:nth-child(2),
.home>section .tile:nth-child(3):last-child{
	grid-column-end: span 16;
	grid-row-end: span 8;
}
.home>section .tile:nth-child(3),
.home>section .tile:nth-child(4):last-child{
	grid-column-end: span 8;
	grid-row-end: span 8;
}
.home>section .tile:nth-child(4),
.home>section .tile:nth-child(5):last-child{
	grid-column-end: span 8;
	grid-row-end: span 4;
}
.home>section .tile:nth-child(5),
.home>section .tile:nth-child(6):last-child{
	grid-column-end: span 4;
	grid-row-end: span 4;
}
.home>section .tile:nth-child(6),
.home>section .tile:nth-child(7):last-child{
	grid-column-end: span 4;
	grid-row-end: span 2;
}
.home>section .tile:nth-child(7),
.home>section .tile:nth-child(8):last-child{
	grid-column-end: span 2;
	grid-row-end: span 2;
}
.home>section .tile:nth-child(8),
.home>section .tile:nth-child(9):last-child{
	grid-column-end: span 2;
	grid-row-end: span 1;
}
.home>section .tile:nth-child(n+9) figure figcaption *{
	display: none;
}


.home>section .tile figure{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.home>section .tile figure img{
	background: #D3D3D3;
	background: #FFF;
	width: 100%;
	height: 100%;
	object-fit: cover;  
}

.home>section .tile figure img.contain{
	object-fit: contain;  
}

.home>section .tile figure img:hover{
	box-shadow: inset 0 0 100vmax rgba(255,0,0,1);
}

.home>section .tile figure figcaption{
	position: absolute;
	inset:  0 0 0 0;
	transition-timing-function: ease-in;
	transition: box-shadow .5s, color .2s, opacity .2s;
	padding: 1rem 1.5rem;
	font-size:  var(--fnt-desk-credits);
	overflow: hidden;
}


.home>section .tile:hover figcaption{
	transition-timing-function: ease-out;
	box-shadow: inset 0 0 100vmax rgba(255,255,255,1);
}

.home>section .tile figure figcaption *{
	transition: transform .2s;
	transition-timing-function: ease-in;
	color:  rgba(0,0,0,0);
	transform:  translateY(-50%);
}

.home>section .tile figure figcaption:hover  *{
	transition-timing-function: ease-out;
	color:  rgba(0,0,0,1);
	transform:  translateY(0%);
}

/* MAIN ARTICLE */
.home>article{
	position: fixed;
	top:  4rem;
	left: 25vw;
	width: 50vw;
	background: #fff;
	height: calc(100vh - 4rem);
	overflow: auto;
	padding: 2rem 2rem 0.75rem;
}



/* MENU + MAIN CONTENT */

.columns{
	position: fixed;
	top: 4rem;
	display: flex;
	align-content: stretch;
	height: calc(100vh - 4rem);
	user-select:none;
	-ms-user-selec:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	z-index: 2;
	pointer-events: none;
	width: 100vw;
	transition: width .2s ease-in-out;
}

.main-content-open .columns{
	width: 50vw;
}

.menu{
	transition: width .2s ease-in-out, height .2s ease-in-out;
	pointer-events: auto;
	overflow: auto;
}


.menu.col3{
	width: calc(100vw / 3);
}
.menu.col2{
	width: calc(100vw / 2);
}
.menu.col1{
	width: 100vw;
}
.menu.col0 {
	width: 0;
} 

.main-content-open .menu.col3{
	width: calc(50vw / 3);
}
.main-content-open .menu.col2{
	width: calc(50vw / 2);
}
.main-content-open .menu.col1{
	width: 50vw;
} 


/* MENU UL + LI */
.menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
	height: 100%;
	display: grid;
	grid-auto-flow:  dense;
}

.menu ul li{
	border-radius: 1.25rem;
	flex-grow: 4;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 1.25rem;
	transition: background 0.2s;
	transition-timing-function: ease-in;
	font-size: var(--fnt-desk-subtitles);
}

.menu ul li a{
	transition: color 0.2s;
	transition-timing-function: ease-in;
}

.menu ul li:hover,
.menu ul li:hover a{
	transition-timing-function: ease-out;
}

.menu.menu-1 ul li{
	background: var(--rouge);
}
.menu.menu-2 ul li{
	background: var(--cyan);
}
.menu.menu-3 ul li{
	background: var(--orange);
}


.menu.menu-1 ul li,
.menu.menu-1 ul li a{
	color: #FFF;
}
.menu.menu-2 ul li,
.menu.menu-2 ul li a{
	color: #000;
}
.menu.menu-3 ul li,
.menu.menu-3 ul li a{
	color: #000;
}


.menu.menu-1 ul li:hover{
	background: var(--cyan);
}
.menu.menu-2 ul li:hover{
	background: var(--orange);
}
.menu.menu-1 ul li.last:hover,
.menu.menu-2 ul li.last:hover,
.menu.menu-3 ul li:hover{
	background: #FFF;
}


.menu.menu-1 ul li:hover,
.menu.menu-1 ul li:hover a{
	color: #000;
}
.menu.menu-2 ul li:hover,
.menu.menu-2 ul li:hover a{
	color: #000;
}
.menu.menu-1 ul li.last:hover,
.menu.menu-1 ul li.last:hover a,
.menu.menu-2 ul li.last:hover a,
.menu.menu-3 ul li:hover,
.menu.menu-3 ul li:hover a{
	color: #000;
}


.menu.menu-1 ul li.active{
	background: var(--cyan);
}
.menu.menu-2 ul li.active{
	background: var(--orange);
}
.menu.menu-1 ul li.last.active,
.menu.menu-2 ul li.last.active,
.menu.menu-3 ul li.last.active,
.menu.menu-3 ul li.active{
	background: #FFF;
}

.menu.menu-1 ul li.active,
.menu.menu-1 ul li.active a{
	color: #000;
}
.menu.menu-2 ul li.active,
.menu.menu-2 ul li.active a{
	color: #000;
}
.menu.menu-1 ul li.last.active,
.menu.menu-1 ul li.last.active a,
.menu.menu-2 ul li.last.active a,
.menu.menu-3 ul li.last.active a,
.menu.menu-3 ul li.active,
.menu.menu-3 ul li.active a{
	color: #000;
}









/* ------------------------------------------ */
/* --------------- MAIN CONTENT ------------- */
/* ------------------------------------------ */

.jsoncontent{
	margin-top: -1.875rem;
}

main{
	width: 0;
	padding: 4.75rem 0 0.75rem;
	transition: width ease-in-out .2s, padding ease-in-out .2s;
	background: #FFF;
	pointer-events: auto;
}

.main-content-open main{
	width: 50vw;
	margin-left: 50vw;
	padding: 4.75rem 2rem 0.75rem;
}

main .exit{
	position: sticky;
	top: 0;
	margin-left: calc(100% - 50vw / 16 + 1.2rem);
}

.jsoncontent{
}

.jsoncontent h1{
	font-size: var(--fnt-desk-title);
	text-align: center;
	margin-bottom: 0.75rem;
}

.jsoncontent h2{
	font-size: var(--fnt-desk-subtitles);
	text-align: center;
	margin-bottom: 0.75rem;
}

.jsoncontent section.block-type-image,
.jsoncontent section.block-type-gallery,
.jsoncontent section.block-type-video{
	margin: var(--fnt-desk-text) 5.125rem 0;
}

.jsoncontent figure img{
	width: 100%;
}

.jsoncontent figure figcaption{
	margin: 0.75rem 0;
	font-size: var(--fnt-desk-credits);
	text-align: center;
}

.jsoncontent p{
	margin:0;
}
.jsoncontent>*+*,
.jsoncontent p+p{
	margin-top: var(--fnt-desk-text);
}

.jsoncontent ul{
	list-style: disc;
	list-style-position: inside;
	margin-left: 5.125rem;
}

.jsoncontent ul>li{
	margin-top: 0;
}
.jsoncontent blockquote{
	font-size: var(--fnt-desk-subtitles);
	margin-bottom: 0.56em;
}

.jsoncontent blockquote>footer{
	text-align: center;
	margin-top: 1em;
	font-size:  var(--fnt-desk-credits);
}
.jsoncontent blockquote mark,
.jsoncontent strong{
	background: rgba(0,0,0,0.1);
}

.jsoncontent .block-type-text,
.jsoncontent .block-type-list{
	line-height: 1.15em;
}

.jsoncontent .block-type-video figure {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	margin: 1.5em 0;
}

.jsoncontent .block-type-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* https://developer.mozilla.org/fr/docs/Web/CSS/grid-auto-flow#résultat */
/* https://www.joomlashack.com/blog/tutorials/grid-auto-flow-dense-property/ */
/* https://css-tricks.com/aspect-ratios-grid-items/ */










/* FLICKTITY */

.flickity-viewport {
	transition: height 0.2s;
}

.carousel-cell {
	width: 100%; 
	display: flex;
	align-items: center;
	justify-content: center;
}

.carousel.is-fullscreen .carousel-cell {
	height: 100%;
}

.carousel-cell img {
	display: block;
	max-height: 100%;
}

.flickity-button,
.flickity-button:hover{
	color: #fff;
	background: none;
	mix-blend-mode: difference;
}


.jsoncontent .flickity-viewport figure{
	margin: 0;
}


.flickity-prev-next-button .flickity-button-icon{
	width: 66%;
	height: 66%;
}

.carousel.is-fullscreen .carousel-cell {
  height: 100%;
}

.flickity-enabled.is-fullscreen{
	margin: 0;
	z-index: 9000;
	padding: 0;
	background: rgba(255,255,255,0.9);
}
.flickity-prev-next-button.previous{
	left:  -4.375rem;
}
.flickity-prev-next-button.next{
	right: -4.375rem;
}
.flickity-enabled.is-fullscreen .flickity-prev-next-button.previous{
	left:  1.6325rem;
}
.flickity-enabled.is-fullscreen .flickity-prev-next-button.next{
	right: 1.6325rem;
}

.jsoncontent .flickity-enabled.is-fullscreen .carousel-cell{
	height: 100%;
	width: 100%;
}

.jsoncontent .flickity-enabled.is-fullscreen figure{
	max-width: calc(100vw);
	max-height: calc(100vh);
}
.jsoncontent .flickity-enabled.is-fullscreen figcaption{
	color:  #000;
}

.jsoncontent .flickity-enabled.is-fullscreen figure img{
	max-width: 100vw;
	max-height: calc(100vh - 2rem);
	object-fit: contain;
}



/*SCROLLBAR*/
.no-hiddenscroll .mCSB_inside>.mCSB_container {
	margin-right: 0;
}
.no-hiddenscroll .mCSB_scrollTools {
	width: 14px;
}

.no-hiddenscroll .mCSB_container{
	min-height: calc(100vh - 4rem);
}

.no-hiddenscroll .mCSB_container ul{
	min-height: calc(100vh - 4rem);
}

.no-hiddenscroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(0,0,0,.5);
	width: 7px;
	transition: width .2s ease-in-out ;
}

.no-hiddenscroll .mCSB_scrollTools .mCSB_draggerRail {
	background-color: rgba(0,0,0,0);
	width: 7px;
}

.no-hiddenscroll .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.no-hiddenscroll .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.no-hiddenscroll .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: rgba(0,0,0,.5);
	width: 10px;
}


/* MOBILE

cf :
https://developer.mozilla.org/en-US/docs/Web/CSS/max-content
https://developer.mozilla.org/en-US/docs/Web/CSS/min-content
https://developer.mozilla.org/en-US/docs/Web/CSS/fit-content

 */



@media screen and (min-width:  950px) and (max-width:  1200px){
	.menu ul li{
		font-size: var(--fnt-desk-text);
	}
}





/* ------------------------------------------ */
/* ------------------ MOBILE ---------------- */
/* ------------------------------------------ */
@media screen and (max-width:  950px){

	:root{
		--fnt-desk-text: var(--fnt-mob-text); 
		--fnt-desk-title: var(--fnt-mob-title); 
		--fnt-desk-subtitles: var(--fnt-mob-subtitles);
		--fnt-desk-credits: var(--fnt-mob-credits); 

		--menu-height: 1.5625rem;
	}

	body{

	}

	header h1{
		grid-template-columns: repeat(3, 1fr);
	}

	header>div {
		grid-template-columns: 4fr 1fr 1fr;
	}

	header>h1>span,
	header>div>div{
		height: 1.5625rem;
		padding: 0.15625rem;
	}

	#searchbox{
		top: calc(var(--fnt-desk-text) + 0.16rem * 2);
		left: 0;
		width: calc(100vw);
		max-height: calc(100vh - var(--fnt-desk-text) + 0.16rem * 2);
		overflow: auto;
		border-radius: 1.25rem;
		box-shadow: inset 0 0 0.625rem rgba(255,255,255,1);
	}

	header h1 .selector.open{
		border-bottom-left-radius: 1.25rem;
		border-bottom-right-radius: 1.25rem;
		box-shadow: inset 0 0 0.625rem rgba(255,255,255,1);
	}

	header h1 .selector button.filtered{
		font-size: .65em;
		position: relative;
	}

	.nav-icon{
		width: 1.5rem;
	}
	.nav-icon:after,
	.nav-icon:before,
	.nav-icon div{
		height: 1px;
		margin: 6px 0;
	}
	.nav-icon.active:before{
		transform: translateY(7px) rotate(135deg);
	}
	.nav-icon.active:after{
		transform: translateY(-7px) rotate(-135deg);
	}

	.home{
		top:  3.125rem;
		height: calc(100vh - var(--menu-height) * 2);
	}

	.home>section{
		min-height: calc(100vh - 3.125rem);
		grid-template-columns: repeat(32, 1fr);
		grid-auto-flow: row dense;
		grid-auto-rows: calc( (100vh - var(--menu-height) * 2) / 16);
	}

	.home>section .tile:nth-child(1):last-child{
		grid-column-end: span 32;
		grid-row-end: span 16;
	}
	.home>section .tile:nth-child(1),
	.home>section .tile:nth-child(2):last-child{
		grid-column-end: span 32;
		grid-row-end: span 8;
	}
	.home>section .tile:nth-child(2),
	.home>section .tile:nth-child(3):last-child{
		grid-column-end: span 16;
		grid-row-end: span 8;
	}
	.home>section .tile:nth-child(3),
	.home>section .tile:nth-child(4):last-child{
		grid-column-end: span 16;
		grid-row-end: span 4;
	}
	.home>section .tile:nth-child(4),
	.home>section .tile:nth-child(5):last-child{
		grid-column-end: span 8;
		grid-row-end: span 4;
	}
	.home>section .tile:nth-child(5),
	.home>section .tile:nth-child(6):last-child{
		grid-column-end: span 8;
		grid-row-end: span 2;
	}
	.home>section .tile:nth-child(6),
	.home>section .tile:nth-child(7):last-child{
		grid-column-end: span 4;
		grid-row-end: span 2;
	}
	.home>section .tile:nth-child(7),
	.home>section .tile:nth-child(8):last-child{
		grid-column-end: span 4;
		grid-row-end: span 1;
	}
	.home>section .tile:nth-child(8),
	.home>section .tile:nth-child(9):last-child{
		grid-column-end: span 2;
		grid-row-end: span 1;
	}
	.home>section .tile{
		grid-column-end: span 2;
		grid-row-end: span 1;	
	}

	.columns{
		display: block;
		/*flex-direction: columns;*/
		position: fixed;
		top: calc(var(--menu-height) * 2);
		overflow: auto;
		height: auto;
	}

	body:not(.main-content-open) .columns{
		height: calc(100vh - var(--menu-height));
	}

	.menu:not(.opened) ul li:not(.active){
		display: none;
	}

	.menu{
		width: 100vw;
		overflow: hidden;
	}

	.menu ul li{
		transition: background 0.2s ease-in, .2s ease-in-out padding, .2s ease-in-out font-size; 
		font-size: var(--fnt-desk-text);
	}


	.menu.opened ul li{
		font-size: var(--fnt-desk-subtitles);
	}

	.menu-1.col1.opened,
	.menu-1.col2.opened,
	.menu-1.col3.opened,
	.main-content-open .menu-1.col1.opened,
	.main-content-open .menu-1.col2.opened,
	.main-content-open .menu-1.col3.opened{
		height: calc(100vh - var(--menu-height) * 2);
		overflow: auto;
	}

	.menu-2.col2.opened,
	.menu-2.col3.opened,
	.main-content-open .menu-2.col2.opened,
	.main-content-open .menu-2.col3.opened{
		height: calc(100vh - var(--menu-height) * 3);
		overflow: auto;
	}

	.menu-3.col3.opened,
	.main-content-open .menu-3.col3.opened{
		height: calc(100vh - var(--menu-height) * 4);
		overflow: auto;
	}

	.menu:not(.opened) ul li{
		padding: 0.15625rem;
	}

	.menu.col1,
	.menu.col2,
	.menu.col3{
		width: 100vw;
	}
	
	.menu.col0 {
		width: 100vw;
		height: 0;
	}


	.main-content-open .columns,
	.main-content-open .menu.col1,
	.main-content-open .menu.col2,
	.main-content-open .menu.col3,
	.main-content-open .main{
		width: 100vw;
	}

	.menu.col1,
	.main-content-open .menu.col1{
		/*height: calc(100vh - 3.125rem);*/
		height: auto;
		position: sticky;
		top: 0rem;
	}


	.menu.menu-1 ul li.active,
	.menu.menu-1 ul li:hover,
	.menu.menu-1 ul li.last.active,
	.menu.menu-1 ul li.last:hover{
		background: var(--rouge);
	}
	.menu.menu-2 ul li.active,
	.menu.menu-2 ul li:hover,
	.menu.menu-2 ul li.last.active,
	.menu.menu-2 ul li.last:hover{
		background: var(--cyan);
	}
	.menu.menu-3 ul li.active,
	.menu.menu-3 ul li:hover,
	.menu.menu-3 ul li.last.active,
	.menu.menu-3 ul li.last:hover{
		background: var(--orange);
	}



	main{
		margin-top: calc(var(--menu-height) * 4);
		width: 100vw;
		height: 0;
		transition: height .2s ease-in-out, padding .2s ease-in-out, margin-top .2s ease-in-out;
		padding: 0 1.25rem;
		overflow: hidden;
	}

	.columns.col1 + main{
		margin-top: calc(var(--menu-height) * 3);
	}
	.columns.col2 + main{
		margin-top: calc(var(--menu-height) * 4);
	}
	.columns.col3 + main{
		margin-top: calc(var(--menu-height) * 5);
	}
	.main-content-open main{
		margin-left: 0;
		width: 100vw;
		padding: 0.75rem 1.25rem 0.75rem;
		overflow: auto;
		height: min-content;
	}

	.home>article{
		width: 100vw;
		left: 0;
		top: calc(var(--menu-height) * 2);
		height: calc(100vh - var(--menu-height) * 2);
	}

	.exit{
		width: 1.125rem;
		height: 1.125rem;
	}

	main .exit{
		margin-left: calc(100% - 50vw / 6 + 1.125rem / 2);
	}
	.jsoncontent{
		margin-top: 0;
	}
	.jsoncontent section.block-type-image,
	.jsoncontent section.block-type-gallery,
	.jsoncontent section.block-type-video{
		margin: var(--fnt-desk-text) 2.375rem 0;
	}
	.jsoncontent ul{
		margin-left: 2.375rem;
	}

	.jsoncontent a{
		text-decoration: underline;
	}

	.flickity-enabled.is-fullscreen {
		padding: 0;
		background: rgba(255,255,255,0.85);
	}
	.flickity-prev-next-button.previous {
		left: -2.9rem;
	}
	.flickity-prev-next-button.next {
		right: -2.9rem;
	}

}