/*
Theme: Studio CC
Author: Gaël Gouault / Studio des formes 
Author URI: https://studiodesformes.net/
Version: 1.0.2
*/

   /*/°\
  !& & (@
 ,-\-- /--,
! _!°°° !_ !
!_/!-__-!23/
  /°./\.°\
/===!  !==*/

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=183bfd8c-d13b-4ad2-8e2e-b7871899e52f&fontids=5730179,5730185");
@font-face{
    font-family:"Life LT W05 Roman";
    src:url("fonts/Fonts/5730179/bac02f1b-af71-4a10-9ddc-c7f2e6fe9aa3.woff2") format("woff2"),url("Fonts/5730179/aaa2b73c-cb8b-40bf-a7b8-2db8fd734015.woff") format("woff");
}
@font-face{
    font-family:"Life LT W05 Italic";
    src:url("fonts/Fonts/5730185/7a082a0e-9078-4210-8725-580d76a8fad1.woff2") format("woff2"),url("Fonts/5730185/1591e3c1-971f-4627-83d6-418255fcd2b6.woff") format("woff");
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
    	 -o-box-sizing: border-box;
            box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	   -moz-font-smoothing: antialiased;
		-ms-font-smoothing: antialiased;
		 -o-font-smoothing: antialiased;
			font-smoothing: antialiased;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: "Life LT W05 Roman", serif;
  font-size: 1em;
  line-height: 1.2;
}

html {
  font-family: "Life LT W05 Roman", serif;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

i,
em {
	font-family:"Life LT W05 Italic";
	font-style: normal;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
}

.section {
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s;
}
.slide-out .section {
    opacity: 0.85;
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s;
}


/*
 ## Header ##
 */

.header .menu {
	width: 100%;
	height: 10em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	padding: 2.5em 6em 0 6em;
}

.header .menu li {
	font-size: 1.8em;
	list-style: none;
	margin-right: 1.2em;
}

.header .menu li.menu-item-lang {
	margin: 0 0 0 auto;
}

.header .menu .menu-item-current a {
	text-decoration: underline;
	pointer-events: none;
}

.header .menu .menu-item-lang span {
	text-decoration: underline;
}

.header .logo {
	position: absolute;
	top: 3.9em;
	left: 0;
	right: 0;
	width: 22em;
	height: auto;
	margin: 0 auto;
}


/*
 ## Page ##
 */

.entry-header-hidden,
.entry-content-hidden {
	display: none;
	visibility: hidden;
	opacity: 0;
}


/*
 ## Home ##
 */

.section {
	padding: 2.5em 6em 0 6em;
}

.home {
	position: absolute;
	top: 10em;
	left: 0;
	right: 0;
	width: 96em;
	max-width: 100%;
	height: calc(100% - 12.5em);
	padding: 2.5em 0 6em 0;
	margin: 0 auto;
	display: -ms-grid;
	display: grid;
}

.home .entry-category {
	position: relative;
}

.home .entry-category img {
	position: absolute;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}

.home .entry-button {
	position: absolute;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.home .entry-button a {
	display: block;
	font-size: 2.4em;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	padding: 0.25em 0.8em 0.2em 0.8em;
	margin: 0 0 1em 0;
	border: 1px solid #000;
	border-radius: 1em;
	-webkit-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
}

.home .entry-button a:hover {
	background: #fff;
}


/*
 ## About ##
 */

.about,
.error {
	width: 96em;
	max-width: 100%;
	padding-bottom: 10em;
	margin: 0 auto;
}

.about .entry-content,
.error .entry-content {
	font-size: 1.8em;
	text-align: center;
	padding: 1em 8% 0.5em 8%;
}

.about .entry-content blockquote {
	font-size: 81.3%;
	padding: 0 15% 2rem 15%;
}

.portrait {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12em 4em;
	margin-bottom: 4em;
}

.entry-portrait {
	position: relative;
	width: calc(50% - 2em);
	height: 0;
	padding-bottom: 65%;
}

.entry-portrait img {
	position: absolute;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	pointer-events: none;
}

.entry-image {
	width: 100%;
	height: auto;
	margin-top: 14em;
	text-align: center;
}

.entry-image img {
	max-width: 100%;
	max-height: calc(100vh - 12.5em);
	pointer-events: none;
}

.entry-image figcaption {
	font-size: 1.8em;
	text-align: center;
	margin: 1em 0;
}

.entry-legend {
	position: absolute;
	top: calc(100% + 2em);
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.entry-legend p {
	font-size: 1.8em;
	text-align: center;
	margin: 0;
}


/*
 ## Slider ##
 */

.main-carousel {
	width: 100%;
	height: calc(100vh - 12.5em);
	height: calc(100svh - 12.5em);
}

.carousel-cell {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.carousel-cell .cell {
	position: relative;
	-webkit-box-flex: 1;
	    -ms-flex: 1 100%;
	        flex: 1 100%;
	margin: 0;
}

.carousel-cell .cell img,
.carousel-cell .cell video {
	position: absolute;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
	pointer-events: none;
}

.carousel-cell figcaption {
	font-size: 1.8em;
	text-align: center;
	margin: 0;
	padding: 1.75em 1em;
}



/*
 ## @Media ##
 */

@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}


/*
 ## @Media min ##
 */

@media screen and (min-width: 1401px) {
	.header .main-menu {
		display: block!important;
	}
}

@media screen and (min-width: 1600px) {
	html, body {
		font-size: 84.4%;
	}
	.home {
		width: 128em;
	}
}

@media screen and (min-width: 1920px) {
	html, body {
		font-size: 93.8%;
	}
}


/*
 ## @Media max ##
 */

@media screen and (max-width: 1400px) {
 	.btn-burger {
 		position: absolute;
 		top: 3.5em;
 		left: 6em;
 		width: 5em;
 		height: 4em;
 		display: -webkit-box;
 		display: -ms-flexbox;
 		display: flex;
 		-webkit-box-orient: vertical;
 		-webkit-box-direction: normal;
 		    -ms-flex-direction: column;
 		        flex-direction: column;
 		-ms-flex-pack: distribute;
 		    justify-content: space-around;
 		-webkit-box-align: center;
 		    -ms-flex-align: center;
 		        align-items: center;
 		cursor: pointer;
 	}
 	.btn-burger .line {
 		display: block;
 		width: 100%;
 		height: 1px;
 		background: #000;
 		-webkit-transition: width .15s, -webkit-transform .3s;
 		transition: width .15s, -webkit-transform .3s;
 		-o-transition: transform .3s, width .15s;
 		transition: transform .3s, width .15s;
 		transition: transform .3s, width .15s, -webkit-transform .3s;
 	}
 	.open .btn-burger .line-top {
 		-webkit-transform: translate(0, 1.333em) rotate(45deg);
 		    -ms-transform: translate(0, 1.333em) rotate(45deg);
 		        transform: translate(0, 1.333em) rotate(45deg);
 	}
 	.open .btn-burger .line-middle {
 		width: 0;
 	}
 	.open .btn-burger .line-bottom {
 		-webkit-transform: translate(0, -1.333em) rotate(-45deg);
 		    -ms-transform: translate(0, -1.333em) rotate(-45deg);
 		        transform: translate(0, -1.333em) rotate(-45deg);
 	}
 	.header .main-menu {
 		position: absolute;
 		display: none;
 		width: 100%;
 		background: #fff;
 		z-index: 1;
 	}
 	.header .menu {
 		-webkit-box-orient: vertical;
 		-webkit-box-direction: normal;
 		    -ms-flex-direction: column;
 		        flex-direction: column;
 		height: auto;
 		padding: 0 0 3em 0;
 	}
 	.header .menu li.menu-item {
 		line-height: 1.4;
 		margin: 0;
 	}
 	#section {
 		margin-top: 10em;
 	}
}

@media screen and (max-width: 960px) {
 	.header .menu,
 	.section {
		padding-left: 3em;
		padding-right: 3em;
	}
	.btn-burger {
 		left: 3em;
 	}
	.home .entry-category img {
		-o-object-fit: cover;
		   object-fit: cover;
	}
}

@media screen and (max-width: 720px) {
	.header .menu, .section-home {
		padding-left: 0;
		padding-right: 0;
	}
	.home {
		padding-bottom: 0;
	}
 	.home .entry-button {
 		-webkit-box-orient: vertical;
 		-webkit-box-direction: normal;
 		    -ms-flex-direction: column;
 		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding-bottom: 8em;
	}
	.home .entry-button a {
		display: table;
		text-align: center;
		width: 12em;
		margin: 0 0 0.3em 0;
	}
	.portrait {
		grid-gap: 3em;
	}
	.about .entry-content blockquote {
		padding: 0 0 2rem 0;
	}
}

@media screen and (max-width: 600px) {
	.section:not(.section-home) {
		padding-left: 2em;
		padding-right: 2em;
	}
	.header .logo {
		top: 2.7em;
		width: 16em;
	}
	.btn-burger {
 		position: absolute;
 		top: 2.6em;
 		left: 2em;
 		width: 3.333em;
 		height: 2.666em;
 		z-index: 1;
 	}
 	.open .btn-burger .line-top {
 		-webkit-transform: translate(0, 0.888em) rotate(45deg);
 		    -ms-transform: translate(0, 0.888em) rotate(45deg);
 		        transform: translate(0, 0.888em) rotate(45deg);
 	}
 	.open .btn-burger .line-bottom {
 		-webkit-transform: translate(0, -0.888em) rotate(-45deg);
 		    -ms-transform: translate(0, -0.888em) rotate(-45deg);
 		        transform: translate(0, -0.888em) rotate(-45deg);
 	}
 	.home {
 		top: 9em;
		width: 100%;
		height: calc(100% - 9em);
	}
 	#section {
 		margin-top: 6.5em;
 	}
 	.portrait {
		grid-gap: 2em;
	}
	.about .entry-content {
		padding-left: 0;
		padding-right: 0;
	}
	.about .entry-content br {
		display: none;
	}
	.about .entry-content blockquote {
		margin-left: 0;
		margin-right: 0;
	}
	.main-carousel {
		height: calc(100vh - 9em);
		height: calc(100svh - 9em);
	}
}

@media print {
	.header .logo {
		position: relative;
		width: 22em;
		text-align: center;
		margin-bottom: 2em;
	}
}

@media (hover: none) {
  .flickity-prev-next-button {
    display: none;
  }
}