/*
	Author: Parco Studio – Giulia Bardelli
*/
@charset "UTF-8";

@import "styles/variables.css";


@font-face {
	font-family: 'Regular';
  src: url('/wp-content/themes/chillistate/fonts/NeueHaasGrotesk/NHaasGroteskDSStd-55Rg.woff2') format("woff2"), url('/wp-content/themes/chillistate/fonts/NeueHaasGrotesk/NHaasGroteskDSStd-55Rg.woff') format("woff");

}
@font-face {
	font-family: 'Italic';
  src: url('/wp-content/themes/chillistate/fonts/NeueHaasGrotesk/NHaasGroteskDSStd-56It.woff2') format("woff2"), url('/wp-content/themes/chillistate/fonts/NeueHaasGrotesk/NHaasGroteskDSStd-56It.woff') format("woff");
}


/*
===================================================================
General Styling
===================================================================
*/
 * {
   -webkit-tap-highlight-color: transparent;
 }

html {
  width: 100%;
  height: 100%;
  font-family: 'Regular';
  font-size: calc(15px + .06vw);
  line-height: 1.2;
  scroll-behavior: smooth;
}
@media all and (min-width: 1400px)
{
  html
	{
		font-size: calc(17px + .06vw);
	}
}

body {
  margin: 0;
  width: 100%;
  /* height: 100%; */
  /* ______________________________________ */
  /* Font */
  font-family: 'Regular', 'Helvetica', sans-serif;
  font-weight: 400;
  font-size: var(--n);
  line-height: 1.2;
  letter-spacing: .004;
  /* ______________________________________ */
  /* background-color: var(--white); */
}

/*
Layout General
*/
main
{
	position: relative;
	z-index: 0;
	/* -webkit-transition: -webkit-transform .4s ease-out;
	transition: -webkit-transform .4s ease-out;
	-o-transition: transform .4s ease-out;
	transition: transform .4s ease-out;
	transition: transform .4s ease-out, -webkit-transform .4s ease-out; */
}
/* *


/*
Links
*/
a,
a::before,
a::after,
.readMore > p
{
  display: inline-block;
  text-decoration: none;
	color: var(--black);
    -webkit-transition: color .25s ease-in-out, opacity .25s linear, -webkit-transform .25s ease-out;
    transition: color .25s ease-in-out, opacity .25s linear, -webkit-transform .25s ease-out;
    -o-transition: color .25s ease-in-out, transform .25s ease-out, opacity .25s linear;
    transition: color .25s ease-in-out, transform .25s ease-out, opacity .25s linear, -webkit-transform .25s ease-out;
  transition: color .25s ease-in-out, transform .25s ease-out, opacity .25s linear;

  cursor: pointer;
}

a:hover,
a:active,
a:visited,
a:focus
{
	text-decoration: none;
}

a:active,
a:visited,
{
	color: var(--black);
}

a:hover,
a.button-page:hover::after,
a:focus,
.readMore:hover > p,
[data-template="template-home"] header.header a:hover,
[data-template="template-about"] header.header a:hover,
.archive header.header a:hover,
.page-template-archive-works header.header a:hover,
.works-template header.header a:hover,
.researches-template header.header a:hover
{
	color: var(--gray);
}

a:hover::after,
a:hover::before
{
	opacity: .15;
}

/*
Text
*/
*
{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1
{
	font-size: var(--l);
	line-height: 1em;
	letter-spacing: -.002;
}

h2,
h3,
h4
{
	font-size: var(--m);
	line-height: 1.1em;
	letter-spacing: -.002;
}
@media all and (min-width: 768px)
{
	h2,
	h3,
	h4
	{
		line-height: 1em;
	}
}

h4
{
	text-transform: uppercase;
}

ul,
li
{
	font-size: var(--n);
	line-height: 1.1em;
	letter-spacing: .004;
	list-style: none;
}

p
{
	font-size: var(--m);
	line-height: 1.1;
	letter-spacing: .004;
}
@media all and (min-width: 1200px)
{
	p
	{
		width: 80%;
		max-width: 950px;
	}
}
@media all and (min-width: 1600px)
{
	p
	{
		width: 80%;
		max-width: 1280px;
	}
}

figcaption
{
	display: block;
}

/*
===================================================================
Common classes
===================================================================
*/
/*
Type
*/
.caps,
.caps li,
.caps a
{
	text-transform: uppercase;
}

.title
{
	font-size: var(--nm);
	line-height: 1em;
	text-transform: uppercase;
}
.subtitle
{
	font-size: var(--n);
	line-height: 1em;
	text-transform: uppercase;
}
@media all and (min-width: 768px)
{
	.subtitle
	{
		font-size: var(--nm);
		line-height: 1em;
	}
}

.font-n,
.font-n > p
{
	font-size: var(--n);
	line-height: 1.2em;
}

.font-nm,
.font-nm > p
{
	font-size: var(--nm);
	line-height: 1em;
}

.font-m,
.font-m > p
{
	font-size: var(--m);
	line-height: 1.1em;
}
.font-ml,
.font-ml > p
{
	font-size: var(--nm);
	line-height: 1.15em;
}

.controller
{
	font-size: var(--n);
	line-height: 1em;
	text-transform: uppercase;
}
.controller-top::before
{
	content: '';
	display: inline-block;
	margin-right: 4px;
	height: 12px;
	width: 12px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.084' height='12.652' viewBox='0 0 11.084 12.652'%3E%3Cg id='The_team' data-name='The team' transform='translate(-2061.929 208.045)'%3E%3Cg id='Group_266' data-name='Group 266' transform='translate(2061.929 -208.045)'%3E%3Cg id='Group_265' data-name='Group 265' style='isolation: isolate'%3E%3Cpath id='Path_2' data-name='Path 2' d='M2066.771-208.045h1.4v10.077c.239-.273.648-.7,1.21-1.3l1.6-1.569c.869-.87,1.534-1.535,2.029-2v2.166l-2.591,2.455c-1.416,1.347-2.405,2.285-2.934,2.814-.563-.563-1.586-1.534-3.052-2.916l-2.507-2.353v-2.166c.494.46,1.159,1.126,2.03,2l.818.8,1.995,2.063Z' transform='translate(-2061.929 208.045)' fill='%23040405'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
}


.controller:active,
.controller:visited,
.controller:focus
{
	-webkit-animation: none;
	        animation: none;
}

.controller:hover,
.controller:hover::before,
.controller:hover::after
{
	color: var(--black);
	opacity: 1;
}

@media all and (min-width:768px)
{
	.controller-top:hover,
	.controller-dx:hover
	{
			-webkit-animation-duration: .5s;
		animation-duration: .5s;
			-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
			-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
			animation-iteration-count: infinite;
			-webkit-animation-iteration-count: infinite;
	}

	.controller-top:hover
	{
		-webkit-animation-name: bounceTop;
	animation-name: bounceTop;
	}

	.controller-dx:hover
	{
			-webkit-animation-name: bounceRight;
		animation-name: bounceRight;
	}
}


@-webkit-keyframes bounceTop {
  0%, 100% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(5px);
  }
}
@keyframes bounceTop {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
}

@-webkit-keyframes bounceRight {
  0%, 100% {
    -webkit-transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(5px);
  }
}
@keyframes bounceRight {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}



.button
{
  display: inline-block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: var(--n);
	line-height: 1.2em;
	text-transform: uppercase;
	cursor: pointer;
}
.button-page
{
	margin-top: calc(var(--margin)*4);
}
@media all and (min-width: 768px)
{
	.button-page
	{
		margin-top: calc(var(--margin)*2);
	}
}
.button-page::after
{
	content: '';
	display: inline-block;
	margin-left: 4px;
	height: 12px;
	width: 12px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.084' height='12.652' viewBox='0 0 11.084 12.652'%3E%3Cg id='The_team' data-name='The team' transform='translate(-2061.929 208.045)'%3E%3Cg id='Group_266' data-name='Group 266' transform='translate(2061.929 -208.045)'%3E%3Cg id='Group_265' data-name='Group 265' style='isolation: isolate'%3E%3Cpath id='Path_2' data-name='Path 2' d='M2066.771-208.045h1.4v10.077c.239-.273.648-.7,1.21-1.3l1.6-1.569c.869-.87,1.534-1.535,2.029-2v2.166l-2.591,2.455c-1.416,1.347-2.405,2.285-2.934,2.814-.563-.563-1.586-1.534-3.052-2.916l-2.507-2.353v-2.166c.494.46,1.159,1.126,2.03,2l.818.8,1.995,2.063Z' transform='translate(-2061.929 208.045)' fill='%23040405'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}

li.research-only
{ display: none; }
[data-post="researches"] li.research-only
{ display: block; }

.flag
{
	font-size: var(--n);
	line-height: 1.1;
	letter-spacing: .004;
}

.caps
{
	text-transform: uppercase;
}

/*
Sticky
*/
.sticky
{
	position: -webkit-sticky;
	position: sticky;
	top: calc(var(--margin)*2 + var(--n));
}

/*
Flex
*/
.flex-mbl-dsktp {
    display: -webkit-box;
    display: -ms-flexbox;
  display: flex;
}
@media all and (max-width: 767px)
{
	.flex-mbl {
	    display: -webkit-box;
	    display: -ms-flexbox;
	  display: flex;
	}
}
@media all and (min-width: 768px)
{
  .flex {
      display: -webkit-box;
      display: -ms-flexbox;
    display: flex;
  }
}

.space-between {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
	justify-content: space-between;
}

/*
Dkstp vs Mbl
*/
.mbl-only { display: block; }
.dsktp-only { display: none; }

@media all and (min-width: 768px)
{
	.mbl-only { display: none; }
	.dsktp-only { display: block; }
}


/*
===================================================================
Layout
===================================================================
*/
/*
===================================================================
Header
*/
header.header
{
	z-index: 100;
}
header.header *
{
	text-transform: uppercase;
}
@media all and (min-width: 768px)
{
	header.header *
	{
		color: var(--white);
	}
}


header.header .current-menu-item > a,
[data-template="single-researches"] #menu-item-136 > a /* NOTE: Bug fix */
{
	text-decoration: underline;
}

/*
==================================
Mbl
*/
@media all and (max-width: 767px)
{
	header.header
	{
		position: fixed;
		top: 0;
		/* padding: var(--margin) var(--margin) 0 var(--margin); */
		width: 100vw;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		z-index: 100000;
	}
	header.header nav > ul:first-child
	{
    position: relative;
		padding: var(--margin);
		z-index: 10000000;
	}
	header.header[data-state="open"]
	{
		/* padding: var(--margin); */
		color: var(--black);
		/* background-color: var(--white); */
	}

	header.header #menu-main,
	header.header + main,
	header.header + main + footer
	{
			-webkit-transition: -webkit-transform .3s ease-in;
			transition: -webkit-transform .3s ease-in;
			-o-transition: transform .3s ease-in;
			transition: transform .3s ease-in;
		transition: transform .3s ease-in, -webkit-transform .3s ease-in;
	}

	header.header[data-state="open"] + main,
	header.header[data-state="open"] + main + footer
	{
			-webkit-transform: translateY(calc(var(--margin)*1 + var(--m)*3 + var(--n)*1));
    	-ms-transform: translateY(calc(var(--margin)*1 + var(--m)*3 + var(--n)*1));
  	transform: translateY(calc(var(--margin)*1 + var(--m)*3 + var(--n)*1));
	}

	[data-template="template-home"] header.header[data-state="open"] + main,
	[data-template="template-home"] header.header[data-state="open"] + main + footer
	{
			-webkit-transform: translateY(calc(var(--margin)*3 + var(--m)*3 * 1.2 + var(--n)*1));
			-ms-transform: translateY(calc(var(--margin)*3 + var(--m)*3 * 1.2 + var(--n)*1));
		transform: translateY(calc(var(--margin)*3 + var(--m)*3 * 1.2 + var(--n)*1));
	}

	header.header #menu-main
	{
		position: absolute;
		top: 0;
		left: 0;
		padding: calc(var(--margin)*2 + var(--n)) var(--margin) var(--margin) var(--margin);
		width: 100%;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		background-color: white;
	}
	header.header[data-state="closed"] #menu-main
	{
			-webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
	}

	header.header[data-state="open"] #menu-main
	{
			-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	}

	header.header #menu-main a
	{
		font-size: var(--m);
		line-height: 1.2em;
	}
}

/*
==================================
Dsktp
*/
@media all and (min-width: 768px)
{
	header.header #menu-main
	{
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
			-webkit-box-pack: end;
			-ms-flex-pack: end;
		justify-content: flex-end;
	}
	header.header li + li
	{
		margin-left: var(--n);
	}
}


/*
Footer
===================================================================
*/
footer
{
	position: relative;
	padding: var(--margin);
	height: auto;
	background-color: var(--white);
}
footer *
{
	line-height: 1.1em;
}

footer > div + div
{
  padding-top: calc(var(--margin)*8);
}

footer > div > div + div,
footer .social
{
  padding-top: calc(var(--margin)*1);
}
@media all and (min-width: 768px)
{
	footer > div > div + div,
	footer .social
	{
	  padding-top: 0;
	}
}
footer,
footer *:not([data-role="excerpt"] > p)
{
	text-transform: uppercase;
}

footer #logo
{
	width: 65%;
	max-width: 240px;
	margin-bottom: 1.1em;
}

footer [data-role="excerpt"] > *
{
	text-transform: none;
}

footer [data-role="excerpt"] a
{
	text-transform: none;
	text-decoration: underline;
}

footer .studio-pres,
/* footer .separator, */
footer .menu-item-home
{
	display: none;
}

footer .phone,
footer .fax
{
	display: inline-block;
}

footer .separator
{
	display: inline-block;
	padding: 0 .2em;
}

footer .design
{
	margin-top: 1.1em;
}

@media all and (min-width: 768px)
{
	footer *:not([data-role="excerpt"] *)
	{
		font-size: 14px;
		line-height: 1.2em;
	}

	footer #logo
	{
		width: 15vw;
	}

	footer #logo,
	footer .separator
	{
		max-width: 200px;
	}

	footer .studio-pres
	{
		display: block;
	}
}

footer [data-role="excerpt"]
{
	display: none;
}

@media all and (min-width: 768px)
{
	footer [data-role="col"]:last-child
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	  -webkit-box-pack: justify;
	      -ms-flex-pack: justify;
	          justify-content: space-between;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	      -ms-flex-direction: column;
	          flex-direction: column;
	}
}

@media all and (min-width: 768px)
{
	[data-role="col"]
	{
		max-width: 450px;
	}
	[data-role="col"]:first-of-type
	{
		width: auto;
	}
	[data-role="col"]:nth-child(2)
	{
		width: 50%;
	}
	[data-role="col"]:nth-child(3)
	{
		width: -webkit-min-content;
		width: -moz-min-content;
		width: min-content;
	}
	[data-role="col"]:nth-child(4)
	{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
		text-align: right;
	}
	[data-role="col"] + [data-role="col"]
	{
		margin-left: var(--margin);
	}
}

@media all and (max-width: 767px)
{
	footer #menu-main-1
	{
		display: none;
	}
}

/*
===================================================================
Partials
===================================================================
*/
/*
_video.php
===================================================================
*/
[data-role="video"]
{
	height: auto;
	max-width: 100%;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

[data-role="video"] iframe
{
  display: block;
	position: absolute;
	margin: auto;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}


/*
home-bg-hero.php
===================================================================
*/
[data-home="bg-hero"]
{
	position: fixed;
  top: 0;
  width: 100%;
  z-index: 0;
}


/*
home-hero.php
===================================================================
*/
[data-home="hero"]
{
	padding: var(--margin);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
@media all and (max-width: 767px)
{
	[data-home="hero"]
	{
    height: var(--svh);
	}
}

@media all and (min-width: 600px) and (orientation: landscape) and (max-width: 767px)
{
	[data-home="hero"]
	{
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
	}
	[data-home="hero"] [data-home="monogram"] svg
	{
		height: 100%;
	}
	[data-home="hero"] [data-home="info"]
	{
		-ms-flex-item-align: end;
		    align-self: flex-end;
	}
}

[data-home="hero"] a
{
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	-o-transition: transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease;
}
[data-home="hero"] a:hover
{
		-webkit-transform: translateX(1em);
	  -ms-transform: translateX(1em);
  transform: translateX(1em);
}

/* [data-home="feat-work"], */ /* NOTE: BUGFIX */
[data-work="hero"]
{
	position: -webkit-sticky;
	position: sticky;
	top: calc(var(--n) + var(--margin)*2); /* TODO: temp change */
	z-index: 1000;
}

[data-home="hero"] [data-home="info"] > *
{
	display: block;
}

[data-home="hero"] [data-home="info"] a
{
		-o-transition: transform .25s ease-out;
		-webkit-transition: transform .25s ease-out;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out, -webkit-transform .25s ease-out;
}

[data-home="hero"] [data-home="monogram"]
{
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

[data-home="hero"] [data-home="monogram"] svg
{
	width: 100%;
  max-width: 82vw;
	height: auto;
}

[data-home="hero"] [data-home="info"]
{
	position: relative;
  padding-top: var(--margin);
}

[data-home="hero"] [data-home="info"] > *
{
	line-height: 1.1em;
}

[data-home="hero"] [data-home="info"] address + *,
[data-home="hero"] [data-home="info"] [data-role="social"]:not(:last-child)
{
	padding-top: var(--margin);
}

@media all and (min-width: 768px) and (max-width: 900px)
{
	[data-home="hero"] [data-home="info"] address + *,
	[data-home="hero"] [data-home="info"] [data-role="social"]:not(:last-child)
	{
		padding-top: calc(var(--margin)/2);
	}

	[data-home="hero"] [data-home="info"] [data-role="social"]
	{
		display: inline-block;
	}
}

@media all and (min-width: 768px)
{
	[data-home="hero"]
	{
		position: relative;
	  height: calc(var(--svh) - 10vh);
	}

	[data-home="hero"] [data-home="monogram"]
	{
		position: relative;
		width: 70%;
		height: 100%;
	}

	[data-home="hero"] [data-home="monogram"] svg
	{
		position: absolute;
	  height: 100%;
	  width: auto;
	  left: 0;
	  top:0;
	}

	[data-home="hero"] [data-home="info"]
	{
		position: absolute;
	  left: 80%;
	  bottom: 0;
		margin-bottom: var(--margin);
	  height: -webkit-fit-content;
	  height: -moz-fit-content;
	  height: fit-content;
	  width: auto;
	  -webkit-transform: translateX(-100%);
	      -ms-transform: translateX(-100%);
	          transform: translateX(-100%);
	}
}
@media only screen
	and (min-width: 768px)
	and (orientation: landscape)
{
	[data-home="hero"] [data-home="info"]
	{
		left: 80%;
	}
}
@media only screen
	and (min-width: 768px)
	and (orientation: portrait)
{
	[data-home="hero"] [data-home="info"]
	{
		left: 90%;
	}
}
@media only screen
and (min-width: 1024px)
and (orientation: portrait)
{
	[data-home="hero"] [data-home="info"]
	{
		left: 80%;
	}
}
@media only screen and (min-width: 1080px)
{
	[data-home="hero"] [data-home="info"]
	{
		left: 70%;
	}
}
@media only screen
	and (min-width: 1080px)
	and (max-height: 799px)
	and (orientation: landscape)
{
	[data-home="hero"] [data-home="info"]
	{
		left: 65%;
	}
}

@media only screen and (min-width: 1900px)
{
	[data-home="hero"] [data-home="info"]
	{
		left: 60%;
	}
}

/* iPad Pro Landscape only */
@media only screen
	and (min-width: 768px)
	and (max-width: 1200px)
  and (max-height: 1366px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1.5)
	{
		[data-home="hero"] [data-home="info"]
		{
			left: 80%;
		}
}


/*
work-hero.php
===================================================================
*/
[data-work="hero"]
{
	padding-bottom: var(--margin);

	height: var(--svh);
	background-size: cover;
	background-position: top center;

	-webkit-transition: top .3s linear;

	-o-transition: top .3s linear;

	transition: top .3s linear;
}


[data-work="hero"] > a
{
	position: relative;
	width: 100%;
	height: 100%;
}

[data-work="hero"],
[data-work="hero"] [data-work="head"] *
{
	line-height: 1.3em;  /* NOTE 1/2 optical fix */
	text-transform: uppercase;
}

[data-work="hero"] [data-work="head"]
{
	-webkit-transition: padding .3s linear;
	-o-transition: padding .3s linear;
	transition: padding .3s linear;
}

/* [data-work="hero"] [data-work="head"] *,
header.header[data-state="closed"] *
{
	-webkit-transition: font-size 1s linear;
	-o-transition: font-size 1s linear;
	transition: font-size 1s linear;
} */

[data-work="hero"] [data-work="head"] [data-post="categories"]
{
	padding-top: .25em;
}
@media all and (min-width: 768px)
{
	[data-work="hero"] [data-work="head"] [data-post="categories"]
	{
		padding-top: 0;
	}
}

[data-work="hero"] [data-work="head"] [data-post="categories"] > ul.flex-mbl-dsktp
{
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}


@media all and (max-width: 767px)
{
	[data-work="hero"] [data-work="head"] [data-post="categories"] > ul::before
	{
		content: '';
		display: inline-block;
		/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.627' height='4.066' viewBox='0 0 6.627 4.066'%3E%3Cpath d='M663.126-473.988h-5.57v-3.041H656.5v4.066h6.627Z' transform='translate(-656.499 477.029)'/%3E%3C/svg%3E%0A"); */
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 6.6 4.1' style='enable-background:new 0 0 6.6 4.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath id='Path_45' class='st0' d='M6.6,3H1.1V0H0v4.1h6.6L6.6,3z'/%3E%3C/svg%3E%0A");
		margin-top: 6px;
		margin-right: .25em;
		width: 7px;
		height: 6px;
		background-repeat: no-repeat;
		background-size: contain;
	}

	[data-work="hero"][data-post="researches"] [data-work="head"] [data-post="categories"] > ul::before
	{
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 6.6 4.1' style='enable-background:new 0 0 6.6 4.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2300000;%7D%0A%3C/style%3E%3Cpath id='Path_45' class='st0' d='M6.6,3H1.1V0H0v4.1h6.6L6.6,3z'/%3E%3C/svg%3E%0A");
	}
}


[data-work="hero"].Regular [data-work="head"]
{
	padding: var(--margin);
}

[data-work="hero"].Regular [data-work="head"]
{
	padding: var(--margin);
}

@media all and (min-width: 768px)
{
	[data-work="hero"].Regular [data-work="head"],
	[data-template="template-home"] header.header.Regular
	{
		padding: var(--margin);
	}
	[data-work="hero"].Small [data-work="head"],
	[data-template="template-home"] header.header.Small
	{
		padding: calc(var(--margin)/2) var(--margin);
	}
	[data-work="hero"].XSmall [data-work="head"],
	[data-template="template-home"] header.header.XSmall
	{
		padding: var(--margin);
	}
	[data-template="template-home"] header.header.XSmall,
	[data-template="template-home"] header.header.XSmall *
	{
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
	[data-template="template-home"] header.header.XSmall + main
	{
		z-index: 1000;
	}
}



[data-work="hero"][data-post="researches"]
{
	background-color: var(--white);
}

[data-work="hero"][data-post="works"] [role="research-bg"]
{
	display: none;
}
[data-work="hero"][data-post="researches"] [role="research-bg"]
{
	display: block;
	position: absolute;
	right: 0;
	top: 45%;
	width: 60%;
	height: 65%;
	max-height: 600px;
	max-width: 400px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

[data-work="head"] + .excerpt
{
	padding: 0 var(--margin) var(--margin) var(--margin);
	/* overflow: scroll; */
}

/*
Last
*/
[data-work="hero"]:last-of-type
[data-work="hero"]:last-of-type .excerpt
{
	min-height: var(--svh);
}

/*
Technical image
*/
[data-work="hero"][data-bg="technical_image"] *,
[data-work="hero"][data-bg="technical_image"] .excerpt
{
	color: var(--black) !important;
}

/*
.php
===================================================================
*/
[data-post="categories"] li:not(:empty):not(:last-child)
{
	margin-right: var(--n);
}



/*
related-category.php
related-sub_category.php
related-posts.php
===================================================================
*/
[data-post="related"]
{
	padding: calc(var(--margin)*4) 0 0 0;
	border-bottom: 1px solid var(--gray);
}
@media all and (min-width: 768px)
{
	[data-post="related"]
	{
		padding: calc(var(--margin)*2) 0 0 0;
	}
}

[data-post="related"]:last-child
{
	margin-bottom: calc(var(--margin)*8);
}

[data-post="related"] h4
{
	padding: calc(var(--margin)/2) var(--margin);
}

[data-post="related"] [data-type="post-prev"]
{
	padding: 0 var(--margin);
	background-position: top;
	background-size: cover;
	border-top: 1px solid var(--gray);
}

[data-post="related"] [data-type="post-prev"] > a
{
	padding: .8em 0;
}

[data-post="related"] [data-type="post-prev"] p
{
	font-size: var(--n);
	line-height: 1em;
}

[data-post="related"] [data-type="post-prev"] > a > * > * + *
{
  margin-left: 1em;
}

[data-post="related"] [data-role="thumb"]
{
	display: none;
}

[data-post="related"][data-type="post"] [data-type="post-prev"]
{
	background-image: none;
}

[data-post="related"][data-type="post"] [data-type="post-prev"]:hover
{
	cursor: pointer;
}


@media all and (min-width: 768px)
{
	[data-post="related"] [data-type="post-prev"]:hover > a
	{
		color: var(--white);
	}

	[data-post="related"] [data-type="post-prev"][data-bg="technical_image"]:hover > a,
	[data-post="related"] [data-type="post-prev"][data-post="researches"]:hover > a
	{
		color: var(--black);
	}

	[data-post="related"][data-type="post"] [data-type="post-prev"]:hover > a
	{
    position: relative;
		z-index: 1000;
	}
	[data-post="related"][data-type="post"] [data-type="post-prev"][data-post="researches"]:hover > a + [data-role="thumb"]
	{
		display: block;
		position: absolute;
		right: var(--margin);
		width: 33.333%;
		max-width: 500px;
		-webkit-transform: translate3d(0, -50%, 0);
		        transform: translate3d(0, -50%, 0);
	}
	[data-post="related"][data-type="post"] [data-type="post-prev"][data-post="researches"]:hover > a + [data-role="thumb"] img
	{
		display: block;
		width: 100%;
	}
}


@media all and (max-width: 767px)
{
	[data-post="related"] [data-works="categories"]::before
	{
		content: '';
		display: inline-block;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.627' height='4.066' viewBox='0 0 6.627 4.066'%3E%3Cpath d='M663.126-473.988h-5.57v-3.041H656.5v4.066h6.627Z' transform='translate(-656.499 477.029)'/%3E%3C/svg%3E%0A");
		margin-top: 6px;
		margin-right: .25em;
		width: 7px;
		height: 6px;
		background-repeat: no-repeat;
		background-size: contain;
	}
}




/*
news-highlights.php e news-archive.php
===================================================================
*/
[data-news="content"] [data-news="wrapper-year"] [role="cat-name"]
{
	display: none;
	/* position: absolute;
	display: block;
	width: 40%;
	-webkit-transition: width .4s ease;
	-o-transition: width .4s ease;
	transition: width .4s ease; */
}
@media all and (min-width: 768px)
{
	[data-news="content"] [data-news="wrapper-year"] [role="cat-name"]
	{
		display: block;
		position: relative;
		width: 25%;
		min-width: 280px;
	}
}

[data-news="content"] [data-news="content-year"],
[data-news="content"] [data-news="single-news"]
{
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media all and (min-width: 768px)
{
	[data-news="content"] [data-news="single-news"] [data-news="links"]
	{
		padding-bottom: var(--margin);
	}
}

[data-news="content"] [data-news="single-news"] [data-role="additional"].visibile + [data-news="links"]
{
	padding-left: 0%;
}

/* [data-news="content"] [data-news="wrapper-year"] [data-news="content-year"]
{
	padding-left: 40%;
} */
@media all and (min-width: 768px)
{
	[data-news="content"] [data-news="wrapper-year"] [data-news="content-year"]
	{
		padding-left: 0%;
	}
	[data-news="content"] [data-news="content-year"],
	[data-news="content"] [data-news="wrapper-year"] > [data-news="single-news"]
	{
		width: 75%;
	}
}

[data-news="content"].highlights [data-news="wrapper-year"],
[data-news="content"].highlights [data-news="wrapper-year"] [data-news="single-news"] + [data-news="single-news"]

{
	margin-top: calc(var(--margin)*2);
}
@media all and (min-width: 768px)
{
	[data-news="content"].highlights [data-news="wrapper-year"],
	[data-news="content"].highlights [data-news="wrapper-year"] [data-news="single-news"] + [data-news="single-news"]

	{
		margin-top: var(--margin);
	}
}

[data-news="content"] [data-news="wrapper-year"] time.hidden
{
	width: 0;
  font-size: 0px;
}

[data-news="single-news"] [data-role="additional"] [data-role="thumb"] + blockquote
{
	padding-top: var(--margin);
}
@media all and (min-width: 768px)
{
	[data-news="single-news"] [data-role="additional"] blockquote
	{
		width: 100%;
	}
	[data-news="single-news"] [data-role="additional"] [data-role="thumb"] + blockquote
	{
		padding-top: 0;
		padding-left: var(--margin);
		width: 50%;
			-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

@media all and (min-width: 768px)
{
	[data-news="single-news"] [data-role="additional"] [data-role="thumb"]
	{
		max-width: 50%;
	}

	[data-news="single-news"] [data-role="additional"] [data-role="thumb"] img
	{
		max-height: 50vh;
	}
}

/*
news-archive.php
===================================================================
*/
[data-role="archive"] [data-news="wrapper-year"] + [data-news="wrapper-year"]
{
	margin-top: calc(var(--margin)*1);
}

@media all and (min-width: 768px)
{
	[data-role="archive"] [data-news="single-news"]
	{
		display: block;
		width: 86%;
	}
}


/*
news-single.php
===================================================================
*/
[data-news="single-news"] .title
{
	text-transform: none;
}
[data-news="single-news"] > * + *
{
	padding-top: calc(var(--margin)/2);
	padding-bottom: calc(var(--margin)/2);
}

[data-news="single-news"] [data-news="links"]
{
		-ms-flex-wrap: wrap;
  flex-wrap: wrap;
	padding-top: calc(var(--margin)/2);
	padding-bottom: calc(var(--margin)*2);
}
[data-template="template-about"] [data-news="single-news"] [data-news="links"]
{
	padding-bottom: 0;
}
@media all and (min-width: 768px)
{
	[data-news="single-news"] [data-news="links"]
	{
		padding-bottom: calc(var(--margin)*1);
	}
}
[data-news="single-news"] [data-news="links"] li
{
	padding-right: var(--margin);
	padding-bottom: .3em;
}
@media all and (min-width: 1024px)
{
	[data-news="single-news"] [data-news="links"] li.date
	{
		padding-right: calc(var(--margin)*1.5);
	}
	[data-news="single-news"] [data-news="links"] li
	{
		padding-right: 0;
		padding-bottom: 0;
	}
	[data-news="single-news"] [data-news="links"] li + li
	{
		padding-left: calc(var(--margin)*1.5);
	}
}

[data-news="single-news"] time
{
	text-transform: uppercase;
}



[data-news="single-news"] .readMore {
	cursor: pointer;
}

[data-news="single-news"] [data-role="additional"]
{
	display: none;
}
[data-news="single-news"] [data-role="additional"].visibile
{
	display: block;
}

[data-news="single-news"] [data-role="additional"].visibile > * + *
{
	padding-top: var(--margin);
}

/*
team-archive.php
===================================================================
*/
[data-about="team"] [data-team="member"] + [data-team="member"]
{
	padding-top: calc(var(--margin)/1.5);
}

[data-about="team"] [data-team="member"] [data-member="name"]
{
	cursor: pointer;
	-webkit-transition: padding .3s ease;
	-o-transition: padding .3s ease;
	transition: padding .3s ease;
}
@media all and (min-width: 768px)
{
	[data-about="team"] [data-team="member"] [data-member="name"]:hover
	{
		padding-left: 3rem;
	}
}

[data-about="team"] [data-team="member"] [data-role="additional"]
{
	display: none;
	padding-top: calc(var(--margin)/2);
	padding-bottom: calc(var(--margin)*2);
}
[data-about="team"] [data-team="member"] [data-role="additional"].visibile
{
	display: block;

}
[data-about="team"] [data-team="member"] [data-role="additional"] > * + *
{
	padding-top: var(--margin);
}
@media all and (min-width: 768px)
{
	[data-about="team"] [data-team="member"] [data-role="additional"] li + li
	{
		padding-left: var(--margin);
	}
}

@media all and (max-width: 767px)
{
	[data-about="team"] [data-team="member"]  [data-member="name"]
	{
		font-size: var(--l);
		line-height: 1em;
	}
	[data-about="team"] [data-team="member"] [data-role="additional"] .font-ml,
	[data-about="team"] [data-team="member"] [data-role="additional"] .font-ml > p
	{
		font-size: var(--s);
		line-height: 1.2em;
	}
	[data-about="team"] [data-team="member"] [data-role="additional"] ul
	{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	[data-about="team"] [data-team="member"] [data-role="additional"] ul > li
	{
		text-transform: uppercase;
	}
}


/*
about-closing.php
===================================================================
*/
[data-about="closing"]
{
  margin-top: calc(var(--margin)*5);
}
[data-about="closing"] address + a
{
	padding-top: var(--m);
}

/*
researches-categories.php
works-categories.php
===================================================================
*/
[data-role="categories"]
{
	padding: calc(var(--margin)*1.5) 0;
}
@media all and (min-width: 1024px)
{
	[data-role="categories"]
	{
		width: 80%;
		max-width: 800px;
	}
}
@media all and (min-width: 1400px)
{
	[data-role="categories"]
	{
		max-width: 980px;
	}
}
@media all and (min-width: 1600px)
{
	[data-role="categories"]
	{
		max-width: 1280px;
	}
}
[data-role="categories"] [data-works="head"] > span,
[data-role="categories"] [data-researches="head"] > span,
[data-role="categories"] h2
{
	display: inline-block;
	margin-right: .5em;
}

[data-role="categories"] h2
{
	cursor: pointer;
}

[data-role="categories"] h2.is-not-active
{
	color: var(--gray);
}

@media all and (min-width: 768px)
{
	[data-role="categories"] h2:hover,
	[data-role="categories"] h2.is-not-active:hover
	{
		color: #8d8d8d;
	}
}

[data-role="categories"] h2.is-active,
[data-role="categories"] h2.default-active
{
	color: var(--black);
}


/*
archive.php
===================================================================
*/
@media all and (min-width: 768px)
{
	[data-works="archive"]
	{
		border-bottom: 1px solid var(--gray);
	}
}

[data-works="archive"] [data-works="prev"] > a
{
	padding-top: calc(var(--margin)/1);
	padding-bottom: calc(var(--margin)*2);
  width: 100%;
}
@media all and (min-width: 768px)
{
	[data-works="archive"] [data-works="prev"] > a
	{
		padding-top: calc(var(--margin)/1.2);
		padding-bottom: calc(var(--margin)/1.2);
		width: 100%;
	}
}


[data-works="archive"] [data-works="prev"]:hover > a
{
	position: relative;
	z-index: 1000;
	color: inherit;
}

[data-works="archive"] [data-works="prev"]
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: column-reverse;
	        flex-direction: column-reverse;
	background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
@media all and (min-width: 768px)
{
	[data-works="archive"] [data-works="prev"]
	{
		display: block;
	}
}
@media all and (min-width: 768px)
{
	[data-works="archive"] [data-works="prev"] img
	{
		display: none;
	}
}

@media all and (min-width: 768px)
{
	[data-works="archive"] [data-works="prev"] > a > div > div > * + *
	{
		margin-left: 1em;
	}
	[data-works="archive"] [data-works="prev"]
	{
		border-top: 1px solid var(--gray);
	}
}

[data-works="archive"] [data-works="prev"] data
{
	display: none;
}
@media all and (min-width: 768px)
{
	/* NOTE: related post as well */
	[data-works="archive"] [data-works="prev"] data,
	[data-type="post-prev"] data
	{
		display: block;
		min-width: 9vw;
	}
}
@media all and (min-width: 1024px)
{
	/* NOTE: related post as well */
	[data-works="archive"] [data-works="prev"] data,
	[data-type="post-prev"] data
	{
		display: block;
		min-width: 7vw;
	}
}

[data-works="archive"] [data-works="prev"] [data-works="categories"]
{
	display: none;
}
@media all and (min-width: 768px)
{
	[data-works="archive"] [data-works="prev"] [data-works="categories"]
	{
		display: block;
	}
}


/*
work-credits.php
research-info.php
===================================================================
*/
[data-work="credits"]
{
	padding: calc(var(--margin)*6) var(--margin);
}
@media all and (min-width: 768px)
{
	[data-work="credits"]
	{
		padding: calc(var(--margin)*6) var(--margin) var(--margin) var(--margin);
	}
}
[data-work="research-list"]
{
	padding: var(--margin) 0;
}
[data-work="credits"] ul li,
[data-work="credits"] ul li span,
[data-work="research-list"] ul li,
[data-work="research-list"] ul li span
{
	line-height: 1.2em;
}
[data-work="credits"] ul li > .flag,
[data-work="research-list"] ul li > .flag
{
  display: inline-block;
	padding-right: 1em;
	max-width: 200px;
  width: 40%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
@media all and (min-width: 768px)
{
	[data-work="credits"] ul li > .flag,
	[data-work="research-list"] ul li > .flag
	{
	  width: 15%;
	}
}

[data-work="credits"] ul li > .flag + span,
[data-work="research-list"] ul li > .flag + span
{
	display: inline-block;
	width: 59%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

[data-work="credits"] [role="related-news"] + [role="related-news"]::before
{
	content: '|';
	display: inline-block;
	padding-right: .3em;
	padding-left: .25em;
}

/*
work-closing.php
===================================================================
*/
[data-work="closing"]
{
	width: 100%;
}


/*
content modules
work & research
===================================================================
*/
[data-work="content"] > *:not([data-work="info"]) + *,
[data-research="content"] > *:not([data-work="info"]) + *
{
	margin-top: var(--margin);
}
/*
double col
*/
.wrapper-imgs.cols figure + figure
{
	margin-top: var(--margin);
}

@media all and (min-width: 768px)
{
	.wrapper-imgs.cols figure + figure
	{
		margin-top: 0;
		margin-left: var(--margin);
	}
}

/*
narrow img
*/
@media all and (min-width: 768px)
{
	figure.narrow
	{
		margin-left: 0;
		margin-right: auto;
		width: 40vw;
		max-width: 1024px;
	}
}

/*
centered
*/
@media all and (min-width: 768px)
{
	figure.centered
	{
		width: 50%;
		max-width: 2000px;
		margin: auto;
	}
}


/*
===================================================================
Pages
===================================================================
*/
/*
Home
===================================================================
*/
main[data-post="home"]
{
	z-index: unset;
}
/* NOTE: BUGFIX */
/* @media all and (min-width: 768px)
{
	main[data-post="home"]
	{
		position: -webkit-sticky;
		position: sticky;
		top: calc(var(--margin)*2 + var(--n)*1.1);
	}
} */
body.home[data-state="open"]
{
	overflow: hidden;
}
.template-home header.header[data-state="closed"] .menu-btn,
.template-home header.header[data-state="closed"] .menu-item-home a
{
	color: var(--white);
}

.template-home header.header[data-state="open"] .menu-btn,
.template-home header.header[data-state="open"] .menu-item-home a
{
	color: var(--black);
}


.template-home header.header[data-state="closed"] nav ul:first-child > .menu-item-home
{
	visibility: hidden;
}

.template-home header.header nav ul:first-child.inVw > .menu-item-home,
.template-home header.header[data-state="open"] nav ul:first-child.inVw > .menu-item-home
{
  visibility: visible;
}

.template-home [data-home="bg-hero"]
{
	padding-top: 0;
	height: var(--svh);
  width: 100vw;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}


.template-home [data-home="hero"] [data-home="monogram"] svg
{
	fill: var(--white);
}

.template-home [data-home="hero"] [data-home="info"] > *,
.template-home [data-work="hero"][data-post="info"] [data-role="email"],
.template-home [data-work="hero"][data-post="info"] a,
.template-home [data-work="hero"][data-post="info"] [data-role="fax"],
.template-home [data-work="hero"][data-post="works"] [data-work="head"],
.template-home [data-work="hero"][data-post="works"] .excerpt
{
	color: var(--white);
}
.template-home .excerpt
{
	position: absolute;
	top: 0;
	padding-top: calc(var(--n) * 2 * 1.1 + .5em + var(--margin)*2);

	height: calc(var(--svh) - 80px - var(--margin));

	font-size: var(--m);
	line-height: 1.1em;

	z-index: 100000;
}
@media all and (min-width: 768px)
{
	.template-home .excerpt
	{
		padding-top: calc(var(--n) + var(--margin)*2);
		height: calc(var(--svh) - 40px - var(--margin));
	}
}

.template-home [data-work="hero"]:hover a,
.template-home [data-work="hero"] a:hover
{
	color: var(--black);
}

.template-home [data-work="hero"][data-post="works"][data-bg="background_image"]:hover p.excerpt::after
{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.084' height='12.652' viewBox='0 0 11.084 12.652'%3E%3Cg id='The_team' data-name='arrow' transform='translate(-2061.929 208.045)'%3E%3Cg id='Group_266' data-name='Group 266' transform='translate(2061.929 -208.045)'%3E%3Cg id='Group_265' data-name='Group 265' style='isolation: isolate'%3E%3Cpath id='Path_2' data-name='Path 2' d='M2066.771-208.045h1.4v10.077c.239-.273.648-.7,1.21-1.3l1.6-1.569c.869-.87,1.534-1.535,2.029-2v2.166l-2.591,2.455c-1.416,1.347-2.405,2.285-2.934,2.814-.563-.563-1.586-1.534-3.052-2.916l-2.507-2.353v-2.166c.494.46,1.159,1.126,2.03,2l.818.8,1.995,2.063Z' transform='translate(-2061.929 208.045)' fill='%23ffffff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.template-home [data-post="categories"] li
{
	line-height: 1.3em; /* NOTE 2/2 optical fix */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.template-home .excerpt::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.template-home .excerpt {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/*
Last panel
*/
.template-home [data-work="hero"][data-post="works"]:last-of-type
{
	min-height: var(--svh);
	height: auto;
}

.template-home [data-work="hero"][data-post="works"]:last-of-type .excerpt
{
	/* position: relative; */
	overflow: visible;
}
/**/


/*
Hover panel
*/
[data-template="template-home"] [data-work="hero"] [data-work="head"] > li
{
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	-o-transition: transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease;
}
[data-template="template-home"] [data-work="hero"]:hover [data-work="head"] > li
{
		-webkit-transform: translateX(1em);
	  -ms-transform: translateX(1em);
  transform: translateX(1em);
}


/*
footer
*/
.template-home footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	z-index: 10000;
}
.template-home footer > div + div
{
	padding-top: 0;
}
/* .template-home footer [data-role="wrapper-excerpt"]
{
	display: none;
} */
/**/

.template-home footer
{
	position: -webkit-sticky;
	position: sticky;
	top: calc(var(--margin)/2 * 10);
  padding: var(--margin);
  padding-bottom: calc(var(--margin) - 3px); /* NOTE: optical fix */
	min-height: calc(100vh - (var(--n) * 1.1 + var(--margin)*2));
	background-color: var(--white);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	z-index: 10000;
}

@media all and (min-width: 768px)
{
	.template-home footer
	{
		min-height: calc(100vh - var(--margin)/2 * 10);
	}
}

.template-home footer [data-role="excerpt"]
{
	display: block;
	padding-bottom: calc(var(--margin)*2);
}

@media all and (min-width: 1024px)
{
	.template-home [data-role="wrapper-excerpt"] p
	{
	  width: 80%;
	  max-width: 950px;
	}
}
@media all and (min-width: 1600px)
{
	.template-home [data-role="wrapper-excerpt"] p
	{
		max-width: 1280px;
	}
}


.template-home [data-role="wrapper-excerpt"] a
{
	display: inline;
	text-decoration: underline;
}

/*
header
*/
@media all and (min-width: 768px)
{
	[data-template="template-home"] header.header
	{
		position: fixed;
		left: 0;
		padding: var(--margin);
		width: 100%;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-transition: padding .3s linear;
		-o-transition: padding .3s linear;
		transition: padding .3s linear;
		z-index: 1000;
	}
}


/*
Initial status
*/
body.home[data-state="Loading"] *
{
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
body.home[data-state="Loading"]
{
	overflow: hidden;
}
body.home[data-state="Loading"] .template-home [data-home="bg-hero"],
body.home[data-state="Loading"] .template-home [data-work="hero"]
{
	background-image: none !important;
}
body.home[data-state="Loading"] .template-home [data-home="hero"] [data-home="monogram"] svg
{
	fill: var(--black);
}
body.home[data-state="Loading"] .template-home header.header *,
body.home[data-state="Loading"] .template-home [data-home="hero"] [data-home="info"] > *,
body.home[data-state="Loading"] .template-home [data-work="hero"][data-post="works"] [data-work="head"],
body.home[data-state="Loading"] .template-home [data-work="hero"][data-post="works"] .excerpt
{
	color: var(--black);
}

body.home[data-state="Loading"] [data-home="feat-work"] > [data-work="hero"],
body.home[data-state="Loading"] [data-role="wrapper-excerpt"]
{
	display: none;
}

body.home[data-state="Loading"] footer
{
	position: fixed;
	top: auto;
	bottom: 0;
	width: 100%;
	min-height: auto;
}

@media all and (max-width: 767px)
{
	body.home[data-state="Loading"] footer #logo,
	body.home[data-state="Loading"] footer .contacts,
	body.home[data-state="Loading"] footer .social,
	body.home[data-state="Loading"] footer .design
	{
		display: none !important;
	}
}
/*
*/




/*
GENERAL templates (not home)
===================================================================
*/
/* NOTE: To extend */
[data-template="template-about"] header.header,
.archive header.header,
.page-template-archive-works header.header,
.works-template header.header,
.researches-template header.header
{
	position: fixed;
	top: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: var(--white);
}

@media all and (min-width: 768px)
{
	[data-template="template-about"] header.header,
	.archive header.header,
	.page-template-archive-works header.header,
	.works-template header.header,
	.researches-template header.header
	{
		padding: var(--margin);
	}
}

[data-template="template-about"] header.header a,
.archive header.header a,
.page-template-archive-works header.header a,
.works-template header.header a,
.researches-template header.header a
{
	color: var(--black);
}

[data-template="template-about"] main
{
	padding: calc(var(--margin)*2 + var(--n)) var(--margin) var(--margin) var(--margin);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

main[data-role="archive"]
{
	padding: 0 var(--margin) calc(var(--margin)*8) var(--margin);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
@media all and (min-width: 768px)
{
	main[data-role="archive"][data-post="researches"]
	{
		padding: calc(var(--margin)*2 + var(--n)) var(--margin) calc(var(--margin)*8) var(--margin);
	}
}

main[data-role="archive"],
main[data-post="single-work"],
main[data-post="single-research"]
{
	margin-top: calc(var(--margin)*2 + var(--n));
}

@media all and (min-width: 768px)
{
	main[data-role="archive"][data-post="works"] [data-works="categories"]
	{
		padding-left: var(--margin);
	}
}

/* main[data-role="archive"][data-post="works"] + footer.footer,
main[data-post="single-work"] + footer.footer,
main[data-post="single-research"] + footer.footer
{
	padding-top: calc(var(--margin)*8);
} */

/*
NOTE: this class if for filter
*/
[data-works="archive"] article[data-works="prev"].is-hidden
{
	display: none;
}
/**/


[data-role="archive"] footer > div + div,
main[data-role="archive"] + footer > div + div,
main[data-post="single-work"] + footer > div + div,
main[data-post="single-research"] + footer > div + div
{
	padding-top: 0;
}


/**/

/*
About
===================================================================
*/
@media all and (max-width: 767px)
{
	[data-template="template-about"] h1.title { display: none; }
}

[data-template="template-about"] section + section
{
	padding-top: calc(var(--margin)*8);
}
@media all and (min-width: 768px)
{
	[data-template="template-about"] section + section
	{
		padding-top: calc(var(--margin)*5);
	}
	[data-template="template-about"] section#news
	{
		padding-top: calc(var(--margin)*5);
	}
}

@media all and (min-width: 1024px)
{
	[data-template="template-about"] [data-about="hero"]
	{
		width: 80%;
		max-width: 1024px;
		margin-right: auto;
	}
}

@media all and (min-width: 1600px)
{
	[data-template="template-about"] [data-about="hero"]
	{
		width: 80%;
		max-width: 1280px;
	}
}

[data-template="template-about"] [data-about="hero"] h1 + h2
{
	padding-top: calc(var(--margin)*2);
}

[data-template="template-about"] h1
{
	font-size: var(--nm);
}

[data-template="template-about"] h3
{
	margin-right: 1em;
}
[data-template="template-about"] h3 + p,
[data-template="template-about"] h3 + div.font-ml
{
	padding-top: var(--margin);
}

@media all and (min-width: 768px)
{
	[data-template="template-about"] #team div.font-ml
	{
		width: 90%;
	  max-width: 1100px;
	}
	[data-template="template-about"] #team div.font-ml > p
	{
		width: 100%;
	  max-width: 100%;
	}
}

[data-template="template-about"] time
{
	text-transform: uppercase;
}

[data-template="template-about"] #team .controller-top::before
{
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

[data-template="template-about"] [data-role="head-sticky"]
{
	top: calc(var(--margin)*2 + var(--n));
	padding: .5em 0;
	background-color: var(--white);
	z-index: 1000;
}


[data-template="template-about"] #news [data-role="additional"] blockquote
{
	width: 100%;
}



[data-template="template-about"] [data-about="team"]
{
	padding-top: calc(var(--margin)*2 - .5em);
}
[data-template="template-about"] h3 + p,
[data-template="template-about"] h3 + div.font-ml
{
	padding-top: calc(var(--margin)*2);
}
@media all and (min-width: 768px)
{
	[data-template="template-about"] [data-about="team"]
	{
		padding-top: calc(var(--margin) - .5em);
	}
	[data-template="template-about"] h3 + p,
	[data-template="template-about"] h3 + div.font-ml
	{
		padding-top: calc(var(--margin)*1);
	}
}


[data-template="template-about"] [data-news="links"] li,
[data-template="template-about"] [data-news="links"] a,
[data-template="template-about"] [data-news="links"] .readMore > p
{
	line-height: 1.1em;
}


/*
Archive General
===================================================================
*/
main[data-role="archive"] [data-works="prev"] > a
{
	padding-right: 0;
	padding-left: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: column-reverse;
	        flex-direction: column-reverse;
		-webkit-box-sizing: border-box;
  box-sizing: border-box;
}
main[data-role="archive"] .work-txt
{
	padding-top: calc(var(--margin)/1);
}
main[data-role="archive"][data-post="works"] [data-works="archive"] [data-works="prev"] .work-txt
{
	padding: calc(var(--margin)/1) var(--margin) 0 var(--margin);
}
@media all and (min-width: 768px)
{
	main[data-role="archive"] .work-txt,
	main[data-role="archive"][data-post="works"] [data-works="archive"] [data-works="prev"] .work-txt
	{
		padding: 0;
		width: 100%;
	}
}

@media all and (min-width: 768px)
{
	main[data-role="archive"][data-post="works"] [data-works="archive"] [data-works="prev"]
	{
		padding-right: var(--margin);
		padding-left: var(--margin);
	}
}


/*
Archive news
===================================================================
*/
@media all and (max-width: 767px)
{
	[data-role="archive"] h1.title { display: none; }
}

[data-role="archive"] [data-news="categories"]
{
	top: calc(var(--margin)*1 + var(--n) + 1px);
	padding: calc(var(--margin)/1) 0;
	background-color: var(--white);
	z-index: 10000;
}

[data-role="archive"] [data-news="categories"] li
{
	color: var(--gray);
	cursor: pointer;
}
[data-role="archive"] [data-news="categories"] li.is-active
{
	color: var(--black);
}

[data-role="archive"] [data-news="categories"] li:hover
{
	color: #8d8d8d;
}

[data-role="archive"] [data-news="categories"] li:active
{
	color: var(--black);
}

[data-role="archive"] [data-news="categories"] li + li
{
	margin-left: 1em;
}

[data-role="archive"] [data-news="wrapper-year"]
{
	position: relative;
}

[data-role="archive"] .wrapper-time
{
	/* position: absolute; */
	top: 0;
}
[data-role="archive"] [data-news="content"]
{
	padding-top: calc(var(--margin)*1);
}

/*
Single work
===================================================================
*/
body.single-works .menu-item-page { display: none; }

body.single-works [data-work="hero"]
{
	background-position: center;
}

body.single-works [data-post="single-work"] > *
{
	background-color: var(--white);
}

@media all and (max-width: 767px)
{
	body.single-works [data-work="hero"] [data-work="head"] [data-post="categories"] > ul::before
	{
		content: '';
		display: inline-block;
		/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.627' height='4.066' viewBox='0 0 6.627 4.066'%3E%3Cpath d='M663.126-473.988h-5.57v-3.041H656.5v4.066h6.627Z' transform='translate(-656.499 477.029)'/%3E%3C/svg%3E%0A"); */
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 6.6 4.1' style='enable-background:new 0 0 6.6 4.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath id='Path_45' class='st0' d='M6.6,3H1.1V0H0v4.1h6.6L6.6,3z'/%3E%3C/svg%3E%0A");
		margin-top: 4px;
		margin-right: .25em;
		width: 7px;
		height: 6px;
		background-repeat: no-repeat;
		background-size: contain;
	}

	body.single-works [data-work="hero"][data-bg="technical_image"] [data-work="head"] [data-post="categories"] > ul::before
	{
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 6.6 4.1' style='enable-background:new 0 0 6.6 4.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2300000;%7D%0A%3C/style%3E%3Cpath id='Path_45' class='st0' d='M6.6,3H1.1V0H0v4.1h6.6L6.6,3z'/%3E%3C/svg%3E%0A");
	}
}

/*
header
*/
body.single-works header.header[data-state="closed"] *
{
	color: var(--black);
}
body.single-works header.header[data-state="open"] *
{
	color: var(--black);
}
@media all and (max-width: 767px)
{
	body.single-works header.header ul
	{
		background-color: var(--white);
	}
}
/**/

/*
hero
*/
body.single-works [data-post="single-work"] > [data-work="hero"]
{
	position: -webkit-sticky;
	position: sticky;
	top: calc(var(--margin)*2 + var(--n));
	z-index: -1;
}
body.single-works [data-post="single-work"] > [data-work="hero"] [data-work="head"] *
{
	color: var(--white);
}
body.single-works [data-post="single-work"] > [data-work="hero"] .excerpt
{
	display: none;
}
/**/

body.single-works [data-post="single-work"] > [data-work="content"],
body.single-works [data-post="single-work"] > [data-work="credits"],
body.single-works [data-post="single-work"] > [data-work="closing"],
body.single-works [data-post="single-work"] > [data-post="related-categories"],
body.single-works [data-post="single-work"] > [data-post="related"]
{
	position: relative;
	z-index: 100;
}

body.single-works [data-work="content"]
{
	padding: var(--margin);
}

/* body.single-works [data-work="content"] > *:not([data-work="info"]) + *
{
	padding-top: var(--margin);
} */

body.single-works [data-work="content"] > [data-work="info"] * + *
{
	padding-top: var(--margin);
}
body.single-works [data-work="content"] > [data-work="info"]
{
	padding-bottom: var(--margin);
}

@media all and (max-width: 767px)
{
	body.single-works [data-type="post-prev"] [data-works="categories"]
	{
		padding-top: .25em
	}
}

[data-template="single-works"] footer > div + div
{
	padding-top: 0;
}

/*
Archive Research
===================================================================
*/
@media all and (min-width: 768px)
{
	body.post-type-archive-researches [data-role="wrapper"]
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	      -ms-flex-direction: column;
	          flex-direction: column;
	  -webkit-box-pack: justify;
	      -ms-flex-pack: justify;
	          justify-content: space-between;
	  min-height: 100vh;
	}
	body.post-type-archive-researches main[data-role="archive"][data-post="researches"]
	{
		padding-top: 0;
	}
}

[data-post="researches"] [data-works="archive"] [data-works="prev"]:hover
{
	cursor: pointer;
}
@media all and (min-width: 768px)
{
	[data-post="researches"] [data-works="archive"] [data-works="prev"]:hover > a [data-role="thumb"]
	{
		position: absolute;
		right: var(--margin);
		width: 33.333%;
		max-width: 500px;
		-webkit-transform: translate3d(0, 50%, 0);
		        transform: translate3d(0, 50%, 0);
	}
	[data-post="researches"] [data-works="archive"] [data-works="prev"]:hover > a [data-role="thumb"] img
	{
		display: block;
		width: 100%;
	}

	[data-post="researches"] [data-works="archive"] [data-works="prev"]:hover > a [data-works="categories"]
	{
		z-index: 1000;
	}
}

/*
Single Research
===================================================================
*/
main[data-post="single-research"]
{
	padding-top: calc(var(--margin)*2);
}

main[data-post="single-research"] h1
{
	padding: calc(var(--margin)/2) 0;
}
@media all and (min-width: 768px)
{
	main[data-post="single-research"] h1
	{
		padding-bottom: 0;
	}
}

main[data-post="single-research"] > *:not([data-post="related"])
{
	padding-left: var(--margin);
	padding-right: var(--margin);
}

@media all and (min-width: 768px)
{
	main[data-post="single-research"] [data-post="related"][data-type="categories"] [data-type="post-prev"]
	{
		position: relative;
	}
	main[data-post="single-research"] [data-post="related"][data-type="categories"] [data-type="post-prev"]:hover > a [data-works="categories"]
	{
		z-index: 1000;
	}
	main[data-post="single-research"] [data-post="related"][data-type="categories"] [data-type="post-prev"]:hover > [data-role="thumb"]
	{
		display: block;
		position: absolute;
	  top: 0;
	  right: var(--margin);
	  width: 33.333%;
	  max-width: 500px;
	  	-webkit-transform: translate3d(0, -50%, 0);
	  transform: translate3d(0, -50%, 0);
		z-index: 10;
	}
}


/*
Archive Work
===================================================================
*/
[data-template="archive-works"] h1.title
{
	padding: 0 var(--margin);
}

@media all and (min-width: 768px)
{
	[data-template="archive-works"] [data-works="prev"]:hover *
	{
	  color: var(--white);
	}
	[data-template="archive-works"] [data-works="prev"][data-bg="technical_image"]:hover *
	{
		color: var(--black);
	}
}

[data-template="archive-works"] [data-role="archive"]
{
	padding-left: 0;
	padding-right: 0;
}

@media all and (max-width: 767px)
{
	[data-template="archive-works"] [data-works="categories"],
	[data-template="archive-works"]  [data-works="prev"] > a
	{
		padding-left: var(--margin);
		padding-right: var(--margin);
	}
}


/*
Thumb
*/
[data-template="archive-works"] [data-role="thumb"]
{
	display: block;
}
@media all and (min-width: 768px)
{
	[data-template="archive-works"] [data-role="thumb"]
	{
		display: none;
	}
}

[data-template="archive-works"] [data-role="thumb"]
{
  position: relative;
  padding-bottom: 56.2%;
}

[data-template="archive-works"] [data-role="thumb"] img
{
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}



/*
===================================================================
HOME TRANSITION SLIDE
===================================================================
*/
.home [data-work="hero"][data-post="works"][data-bg="background_image"]::before
{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.1);
}

.inTransition
{
	position: fixed;
	top: calc(var(--margin)*1.9 + var(--n)) !important;
	width: 100%;
	height: var(--svh);
	z-index: 10000000;
	-webkit-transition: all .6s linear;
	-o-transition: all .6s linear;
	transition: all .6s linear;
}