@import '/fonts/stylesheet.css';

* {
	margin:0;
	padding:0;
}

html {
	font-size: 62.5%;
	padding:0;
	margin:0;
	overflow-y: scroll;
	overflow-x: hidden;
}

body {
	font: normal normal normal 2.4rem/3.2rem 'Cr-MaisonNeue', Helvetica, Arial, sans-serif;
	color: #000;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

:focus { 
	outline: 0px;
}

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

img {
	border: 0 none;
}

figure img {
	display: block;
	max-width: 100%;
}

img[data-src],
div[data-src] {
	opacity: 0;
	transition: opacity 0.45s;
	-webkit-transition: opacity 0.45s;
}

img[data-src].loaded,
div[data-src].loaded {
	opacity: 1;
}

input, textarea {
	-webkit-appearance: none;
	border-radius: 0;
}

h1, h2, h3, h4, h5, h6 {
	
}

p {
	
}

p em, 
p i {
	font-family: 'Cr-StanLee', serif;
	font-weight: normal;
}

p a {
	text-decoration: underline;
}

div,
header,
section,
article,
hgroup,
footer,
aside {
	position: relative;
}

#wrapper {
	position:relative;
	z-index: 1;
	overflow-x: hidden;
}

#content {
	overflow: hidden;
}

.center {
	max-width: 1330px;
	padding: 0 55px;
	margin: 0 auto;
}

.box-h {
	padding: 0 5px;
	box-sizing: border-box;
}

.box-v {
	padding: 5px 0;
	box-sizing: border-box;
}

.box {
	padding: 5px;
	box-sizing: border-box;
}

.clear:after,
.clear:before,
.masonry:after,
.masonry:before {
	content: "";
	display: table;
	clear: both;
}

.clear-fix {
	clear: both;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.preload, 
.hide {
	display:none;
}

@media screen and (max-width: 1024px) {
	
	.center {
		padding: 0 35px;
	}
	
}

@media screen and (max-width: 767px) {
	
	.center {
		padding: 0 15px;
	}
	
}.col-1-1,
.col-10-10 {
	width: 100%;
}

.col-1-2,
.col-5-10 {
	width: 50%;
}

.col-1-3 {
	width: 33.33%;
}

.col-1-4 {
	width: 25%;
}

.col-1-5,
.col-2-10 {
	width: 20%;
}

.col-1-6 {
	width: 16.66%;
}

.col-1-10 {
	width: 10%;
}

.col-1-12 {
	width: 8.33%;
}

.col-2-3 {
	width: 66.66%;
}

.col-2-5,
.col-4-10 {
	width: 40%;
}

.col-3-4 {
	width: 75%;
}

.col-3-5,
.col-6-10 {
	width: 60%;
}

.col-7-10 {
	width: 70%;
} 

.col-3-10 {
	width: 30%;
}

.col-4-5,
.col-8-10 {
	width: 80%;
}

.col-9-10 {
	width: 90%;
}

.pad-1-10 {
	padding-bottom: 10%;
}

.pad-2-10 {
	padding-bottom: 20%;
}

.pad-3-10 {
	padding-bottom: 30%;
}

.pad-4-10 {
	padding-bottom: 40%;
}

.pad-5-10 {
	padding-bottom: 50%;
}

.pad-6-10 {
	padding-bottom: 60%;
}

.pad-7-10 {
	padding-bottom: 70%;
}

.pad-8-10 {
	padding-bottom: 80%;
}

.pad-9-10 {
	padding-bottom: 90%;
}

.pad-10-10 {
	padding-bottom: 100%;
}

@media screen and (max-width: 414px) {
	
	[class*='col-'] {
		width: 100%;
	}
	
}.flex-parent {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
}#careers section.grid .grid-content article:nth-child(2) {
	padding-top: 10% !important;
}section.contact.grid {
	
}

section.contact.grid .heading {
	font-family: 'cr-ko';
	font-size: 18.0rem;
	font-weight: normal;
	line-height: 13.0rem;
	color: #EF3B31;
	text-transform: uppercase;
	margin-bottom: 6.4rem;
}

section.contact.grid p {
	margin-bottom: 3.2rem;
}

section.contact.grid p:last-child {
	margin-bottom: 0;
}

section.contact.grid .text p a {
	text-decoration: none;
}

section.contact.grid .grid-content {
	padding-top: 20%;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

section.contact.grid article {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin-bottom: 14.28%;
}

section.contact.grid article .address {
	width: 28.75%;
}

section.contact.grid article .map {
	width: 71.25%;
}

section.contact.grid article .map-container {
	padding-bottom: 66.66%;
}

section.contact.grid article .map-container .contact-map {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#contact-details.fixed {
	position: fixed;
}

#contact-details.absolute {
	position: absolute !important;
	bottom: 0;
	padding-bottom: 33.33%;
}

#contact-details nav.social {
	font-size: 2.0rem;
	margin-top: 3.2rem;
}

#contact-details nav.social a {
	margin-right: 8px;
}

.contact-map .mapboxgl-popup {

}

.contact-map .mapboxgl-popup .mapboxgl-popup-tip {
	visibility: hidden;
}

.contact-map .mapboxgl-popup .mapboxgl-popup-content {
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	background-color: #FFFFFF;
	padding: 12px;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 12px;
}

.contact-map .mapboxgl-popup .mapboxgl-popup-content h1 {
	font: normal 8.0rem/6.0rem 'cr-ko', Helvetica, Arial, sans-serif;
	color: #EF3B31;
	text-transform: uppercase;
}

@media screen and (max-width: 414px) {
	
	section.contact.grid .grid-content {
		padding-top: 128px;
	}
	
	#contact-details {
		margin-bottom: 10%;
	}
	
	section.contact.grid article .address,
	section.contact.grid article .map {
		width: 100%;
		margin-bottom: 10%;
	}
	
	section.contact.grid article .map {
		order: -1;
		-webkit-order: -1;
		margin-bottom: 3.2rem;
	}
	
}section.grid {
	background-color: #FFF;
}

.grid-content {
	padding: 128px 0 0 0;
	/*
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	*/
}

body.no-hero .grid-content {
	padding-top: calc(128px + 10%);
}

#project-navigation {
	font-weight: normal;
	width: 20%;
	padding-left: 10%;
}

section.work #project-navigation {
	font-weight: bold;
}

#project-navigation nav {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	margin-bottom: 3.2rem;
}

#project-navigation nav a.active {
	font-weight: bold;
}

#project-navigation nav a span {
	position: relative;
}

#project-navigation nav a:hover span:before,
#project-navigation nav a:hover span:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 6px;
	top: 50%;
	background-color: #EF3B31;
	opacity: 0.7;
	z-index: 5;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

#project-navigation nav a:hover span:after {
	z-index: 1;
	mix-blend-mode: multiply;
	opacity: 1;
}

.grid-content article {

}

.grid-content article figure {
	position: relative;
}

.grid-content article figure iframe {
	width: 100%;
	height: 100%;
}

.grid-content article figure div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}

.grid-content article figure img.hide {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 5;
}

.grid-content article figure.video {
	padding-bottom: 56.25%;
}

.grid-content article figure video.video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.grid-content article.instagram figure a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
}

.grid-content article.instagram figure a div {
	opacity: 1;
	transition: opacity 0.35s;
	-webkit-transition: opacity 0.35s;
	-ms-transition: opacity 0.35s;
	z-index: 1;
}

.grid-content article.instagram figure a video {
	position: relative;
	opacity: 0;
	transition: opacity 0.35s;
	-webkit-transition: opacity 0.35s;
	-ms-transition: opacity 0.35s;
	z-index: 5;
}

.grid-content article.instagram figure a:hover div {
	opacity: .7;
}

.grid-content article.instagram figure a:hover video {
	opacity: 1;
}

.grid-content article.instagram figure a:after {
	content: "\f16d";
	font-family: FontAwesome;
	font-size: 70px;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;
	color: #FFFFFF;
	z-index: 10;
	top: 50%;
	position: absolute;
	left: 50%;
	transform: translate(-50%,-50%);
}

.grid-content article figure figcaption {
	position: absolute;
	bottom: 0;
	padding: 0 3.0rem;
}

.grid-content article figure figcaption h1 {
	font-size: 2.4rem;
	line-height: 3.2rem;
	font-weight: bold;
}

.grid-content article figure figcaption h2 {
	font-size: 1.0rem;
	font-weight: normal;
	line-height: 1.0rem;
}

.grid-content article.title-left figure figcaption {
	left: 0;
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	text-align: right;
}

.grid-content article.title-right figure figcaption {
	right: 0;
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
}

.grid-content article.full-width {
	width: 100%;
	padding-bottom: 10%;
}

.grid-content article.full-width div.container {
	width: 100vw;
	left: 50%;
	transform: translateX(-50%);
	overflow: hidden;
}

.grid-content article div.text {
	position: relative;
	top: -5px;
}

.grid-content article.quote div.text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0.7;
	z-index: 15;
}

.grid-content article.quote div.text.multiply {
	mix-blend-mode: multiply;
	opacity: 1;
	z-index: 10;
}

.grid-content article.quote {
	color: #EF3B31;
}

.grid-content article.quote.ko {
	font-family: 'cr-ko';
	font-size: 18.0rem;
	line-height: 13.0rem;
}

.grid-content article.quote.dido {
	font-family: 'cr-dido';
	font-size: 11.2rem;
	line-height: 9.6rem;
}

.grid-content article div.text i,
.grid-content article div.text em {
	font-family: 'Cr-StanLee', serif;
	font-weight: normal;
}

.grid-content article div.text p {
	margin-bottom: 3.2rem;
}

.grid-content article div.text p:last-child {
	margin-bottom: 0;
}

.grid-content article div.text ol {
	list-style: none;
	counter-reset: li;
}

.grid-content article div.text ol li {
	position: relative;
	margin-bottom: 3.2rem;
}

.grid-content article div.text ol li:before {
	content: counter(li);
	counter-increment: li;
	font-family: 'Cr-StanLee', serif;
	font-weight: normal;
	width: 7.0rem;
	display: inline-block;
}

.scroll-hide {
	display: none;
}

.scroll-show {
	
}

@media screen and (max-width: 768px) {

	#project-navigation {
		display: none;
	}

	.grid-content article {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.grid-content article.text {
		padding-left: 20% !important;
		padding-right: 20% !important;
		box-sizing: border-box;
	}

	.grid-content article.quote div.text {
		left: 10% !important;
		right: 10% !important;
		width: 80% !important;
	}

	.grid-content article figure figcaption {
		display: none;
	}

}

@media screen and (max-width: 414px) {

	.grid-content article.quote.ko {
		font-size: 9.0rem;
		line-height: 6.4rem;
	}

	.grid-content article.quote.dido {
		font-size: 5.6rem;
		line-height: 4.8rem;
	}

	.grid-content article.text {
		padding-left: 0% !important;
		padding-right: 0% !important;
	}

}#footer {
	font-size: 1.0rem;
	line-height: 1.6rem;
	padding-bottom: 80px;
}

#footer .center {
	
}

#footer .footer-content {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

#footer div.col-1-5 {
	padding-right: 0px;
	box-sizing: border-box;
}

#footer div.col-1-5:last-child {
	padding-right: 0;
}

#footer form {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin-bottom: 1.2rem;
}

#footer form span {
	display: inline-block;
	padding-bottom: 0.4rem;
	padding-right: 10px;
}

#footer form div.input {
	flex-shrink: 0;
	flex-grow: 1;
	-webkit-flex-shrink: 0;
	-webkit-flex-grow: 1;
	width: 140px;
}

#footer form input {
	font: 1.1rem/1.1rem 'Cr-StanLee', serif;
	border-width: 0 0 1px 0;
	border-color: #000;
	border-style: none none solid none;
	color: #b2b2b2;
	height: 1.6rem;
	top: -2px;
	position: relative;
	width: 100%;
	background-color: transparent !important;
}

#footer form input[type=submit] {
	position: absolute;
	right: 0;
	font: 0.6rem/1.1rem 'Cr-MaisonNeue', Helvetica, Arial, sans-serif;
	border: 0 none;
	background-color: transparent;
	color: #000;
	text-align: right;
	width: 30px;
	cursor: pointer;
	height: 1.4rem;
	top: 1px;
}

@media screen and (max-width: 768px) {
	
	#footer div.col-1-5 {
		width: 100%;
		text-align: center;
		padding-top: 3.0rem;
	}
	
	#footer form {
		display: block;
	}
	
	#footer form div.input {
		margin: 0 auto;
	}
	
	#footer nav.social {
		justify-content: center !important;
	}
	
	#footer div.col-1-5:nth-child(2),
	#footer div.col-1-5:nth-child(3) {
		display: none;
	}
	
}#four-oh-four {
	background-color: #1A1A1B;
}

section.four-oh-four {
	
}

section.four-oh-four article {
	display: block;
	margin: 192px auto 128px auto;
	width: 395px;
	max-width: 100%;
}

section.four-oh-four .center {
	
}

section.four-oh-four .center img {
	max-width: 100%;
}

section.four-oh-four .center p {
	padding-left: 92px;
	padding-top: 12px;
}

section.four-oh-four .center p,
section.four-oh-four .center p a {
	color: #FFF;
}

@media screen and (max-width: 640px) {
	
	section.four-oh-four article {
		margin-top: 128px;
	}
	
}.franchise-contact {
	padding-bottom: 10%;
}

.franchise-contact .addresses,
.franchise-contact .form {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.franchise-contact .form {
	padding-bottom: 6.4rem;
}

.franchise-contact .addresses p,
.franchise-contact .form p {
	width: 30%;
	font-weight: bold;
}

.franchise-contact .addresses p a {
	font-family: 'Cr-StanLee', serif;
	font-weight: normal;
}

.franchise-contact .form {
	
}

.franchise-contact .form form {
	display: block;
	width: 60%;
}

.franchise-contact .form form input {
	width: 83.33%;
	line-height: 2.8rem;
	padding: 0;
	box-sizing: border-box;
	height: 2.8rem;
	border-width: 0 0 1px 0;
	border-color: #000;
	border-style: none none solid none;
	font-size: 1.3rem;
	font-family: 'Cr-StanLee', serif;
	font-weight: normal;
	display: block;
}

.franchise-form .form {
	padding-bottom: 16.66%;
}

.franchise-form .form h1 {
	font: bold 2.4rem/3.2rem 'Cr-MaisonNeue', Helvetica, Arial, sans-serif;
	margin-bottom: 3.0rem;
}

.franchise-form .form form input[type=text] {
	line-height: 2.8rem;
	padding: 0;
	box-sizing: border-box;
	height: 2.8rem;
	border-width: 0 0 1px 0;
	border-color: #000;
	border-style: none none solid none;
	font-size: 1.3rem;
	font-family: 'Cr-StanLee', serif;
	font-weight: normal;
	display: block;
}

.franchise-form .form .group input[type=text] {

	flex-basis: calc(50% - 1.0rem);
	-webkit-flex-basis: calc(50% - 1.0rem);
	margin: 0 1.0rem 1.0rem 0;
}

.franchise-form .form .group input[type=text]:nth-child(even) {
	margin: 0 0 1.0rem 1.0rem;
}

.franchise-form .form fieldset,
.franchise-form .form label {
	display: block;
	border: 0 none;
	margin-bottom: 3.5rem;
}

.franchise-form .form fieldset div.f,
.franchise-form .form label div.f {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.franchise-form .form fieldset.col-1-2 div.f {
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
}

.franchise-form .form fieldset.col-1-2 label {
	flex-basis: 33.33%;
	-webkit-flex-basis: 33.33%;
	margin-bottom: 0;
	padding-left: 2.0rem;
}

.franchise-form .form fieldset.col-1-2:last-child label {
	text-align: right;
}

.franchise-form .form input[type=radio] {
	display: none;
}

.franchise-form .form input[type=radio] + span {
	position: relative;
	cursor: pointer;
	color: #989898;
	padding-left: 30px;
	font-size: 1.2rem;
	font-family: 'Cr-StanLee', serif;
	font-weight: normal;
	display: inline-block;
	width: 20px;
}

.franchise-form .form input[type=radio] + span:before {
	display: block;
	content: "";
	height: 17px;
	width: 17px;
	border-radius: 50%;
	margin-right: 20px;
	background-image: url('/img/radio-off.svg');
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 0px;
}

.franchise-form .form input[type=radio]:checked + span:before {
	background-image: url('/img/radio-on.svg');
}

.franchise-form .form fieldset div.group {
	flex-grow: 1;
	-webkit-flex-grow: 1;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.franchise-form .form fieldset div.group input {
	margin-bottom: 1.0rem;
}

.franchise-form .form fieldset legend,
.franchise-form .form label span {
	flex-basis: 16.66%;
	-webkit-flex-basis: 16.66%;
	flex-shrink: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	-webkit-flex-grow: 0;
}

.franchise-form .form fieldset.col-1-2 legend {
	flex-basis: 66.66%;
	-webkit-flex-basis: 66.66%;
}

.franchise-form .form label div.f {
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.franchise-form .form label p {
	flex-basis: 100%;
	-webkit-flex-basis: 100%;
}

.franchise-form .form label input {
	flex-basis: 83.33%;
	-webkit-flex-basis: 83.33%;
}

.franchise-form .form fieldset label {
	
}

.franchise-form .form button {
	float: right;
	background-color: transparent;
	font: bold 2.4rem/3.2rem 'Cr-MaisonNeue', Helvetica, Arial, sans-serif;
	color: #000;
	text-align: right;
	border: 0 none;
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	
	.franchise-contact .addresses p,
	.franchise-contact .form p,
	.franchise-contact .form form,
	.franchise-contact .form form input {
		width: 100%;
		margin-bottom: 3.2rem;
		text-align: center;
	}
	
	.franchise-contact .form form input {
		margin-bottom: 0;
	}
	
}

@media screen and (max-width: 667px) {
	
	.franchise-form .form fieldset div.f, 
	.franchise-form .form label div.f {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	
	.franchise-form .form fieldset.col-1-2:last-child label {
		text-align: left;
	}
	
	.franchise-form .form fieldset.col-1-2 label {
		padding-left: 0;
	}
	
	.franchise-form .form label input,
	.franchise-form .form fieldset legend,
	.franchise-form .form label span,
	.franchise-form .form fieldset.col-1-2 legend,
	.franchise-form .form fieldset.col-1-2 label, 
	.franchise-form .form .group input[type=text] {
		flex-basis: 100%;
		-webkit-flex-basis: 100%;
	}
	
	.franchise-form .form .group input[type=text] {
		margin: 0 0 1.0rem 0 !important;
	}
	
	.franchise-form .form button {
		float: left;
	}
}.page-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 103;
	background-color: transparent;
	color: #000;
}

.page-header svg {
	vertical-align: middle;
}

#fixed-header {
	position: fixed;
	z-index: 301;
	background-color: #FFF;
	color: #FFF;
		
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	
	transition: transform 0.15s;
	-webkit-transition: transform 0.15s;
	-ms-transition: transform 0.15s;
	
	opacity: 0;
}

.show-menu .creneau-logo path,
.show-menu .creneau-logo-small path,
.show-menu .creneau-logo polygon,
.show-menu .creneau-logo-small polygon,
.fixed-header.show-header .creneau-logo path,
.fixed-header.show-header .creneau-logo-small path,
.fixed-header.show-header .creneau-logo polygon,
.fixed-header.show-header .creneau-logo-small polygon {
	fill: #000000 !important;
}

.fixed-header #fixed-header {
	opacity: 1;
}

.show-header #fixed-header {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transition: transform 0.3s, opacity 0.15s;
	-webkit-transition: transform 0.3s, opacity 0.15s;
	-ms-transition: transform 0.3s, opacity 0.15s;
}

.show-menu #fixed-header,
.show-search #fixed-header {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	opacity: 1;
}

.page-header .center,
.page-header .navigation {
	height: 128px;
}

.page-header nav.main {
	font-weight: bold;
}

.page-header nav.social,
#footer nav.social {
	font-size: 2.0rem;
}



#home:not(.no-hero) .creneau-logo path,
#home:not(.no-hero) .creneau-logo-small path,
#home:not(.no-hero) .creneau-logo polygon,
#project:not(.no-hero) .creneau-logo path,
#project:not(.no-hero) .creneau-logo-small path,
#project:not(.no-hero) .creneau-logo polygon,
#words-post:not(.no-hero) .creneau-logo path,
#words-post:not(.no-hero) .creneau-logo-small path,
#words-post:not(.no-hero) .creneau-logo polygon,
#about:not(.no-hero) .creneau-logo path,
#about:not(.no-hero) .creneau-logo-small path,
#about:not(.no-hero) .creneau-logo polygon {
	fill: #FFFFFF;
}

#fixed-header .creneau-logo path,
#fixed-header .creneau-logo-small path,
#fixed-header .creneau-logo polygon,
.creneau-logo path,
.creneau-logo-small path,
.creneau-logo polygon {
	fill: #000000;
}

.page-header a {
	color: #000000;
}

#home:not(.no-hero) .page-header a,
#project:not(.no-hero) .page-header a,
#words-post:not(.no-hero) .page-header a,
#about:not(.no-hero) .page-header a {
	color: #FFFFFF;
}

#fixed-header a {
	color: #000000 !important;
}

.page-header div.navigation {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.page-header div.navigation div.menus,
.page-header div.navigation nav,
#footer nav {
	display: flex;
	display: -webkit-flex;
}

#footer nav.social {
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.page-header div.navigation nav.main a {
	margin-right: 40px;
}

.page-header div.navigation nav.social a,
#footer nav.social a {
	margin-right: 8px;
}

.page-header div.navigation nav.social a:last-child,
#footer nav.social a:last-child {
	margin-right: 0;
}

.mobile-menu,
.page-header .search,
.work-nav {
	display: none;
}

.toggle-search {
	cursor: pointer;
}

@media screen and (max-width: 1024px) { /* 768 */
	
	.page-header div.navigation,
	.page-header .search {
		display: block;
	}
	
	.page-header div.navigation {
		justify-content: flex-start;
		align-items: stretch;
	}

	.page-header .header-logo.large {
		display: none;
	}

	.mobile-menu {
		position: relative;
		margin: 0 -35px 0 -35px;
		
		display: flex !important;
		display: -webkit-flex !important;
		justify-content: center;
		align-items: center;

		height: 100%;
		z-index: 1030;
	}

	#fixed-header .mobile-menu {
		background-color: #FFF;
	}

	#fixed-header {
		background-color: transparent;
		
		transition: height 0.15s, opacity 0.3s;
		-webkit-transition: height 0.15s, opacity 0.3s;
		-ms-transition: height 0.15s, opacity 0.3s;
	}

	.fixed-header #fixed-header {
		
		overflow: hidden;
		
		transition: height 0.15s, transform 0.15s, opacity 0.15s;
		-webkit-transition: height 0.15s, -webkit-transform 0.15s, opacity 0.15s;
		-ms-transition: height 0.15s, -ms-transform 0.15s, opacity 0.15s;
		/*
		transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		*/
	}
	
	.fixed-header.show-menu #fixed-header {
		height: 100%;
	}
	
	.fixed-header.show-search #fixed-header {
		height: 256px;
	}

	.menu-toggle {
		width: 24px;
		height: 19px;
		cursor: pointer;
	}

	.menu-toggle span,
	.menu-search span {
		position: absolute;
		top: 50%;
		left: 0;
		background-color: #000;
		display: block;
		height: 3px;
		width: 100%;
		
		transform-origin: 50% 50%;
		-webkit-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;

		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		
		transition: transform 0.2s;
		-webkit-transition: -webkit-transform 0.2s;
		-ms-transition: -ms-transform 0.2s;
	}
	
	.menu-search span {
		opacity: 0;
		top: 50%;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}
	
	.menu-search span:last-child {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	}
	
	.show-search .menu-search span {
		opacity: 1;
	}
	
	.menu-search svg {
		opacity: 1;
	}
	
	.show-search .menu-search svg {
		opacity: 0;
	}
	
	#home:not(.no-hero) .menu-toggle span,
	#project:not(.no-hero) .menu-toggle span,
	#words-post:not(.no-hero) .menu-toggle span,
	#about:not(.no-hero) .menu-toggle span,
	#home:not(.no-hero) .menu-search span,
	#project:not(.no-hero) .menu-search span,
	#words-post:not(.no-hero) .menu-search span,
	#about:not(.no-hero) .menu-search span {
		background-color: #FFF;
	}
	
	#fixed-header .menu-toggle span,
	.show-menu .menu-toggle span,
	#fixed-header .menu-search span,
	.show-menu .menu-search span  {
		background-color: #000 !important;
	}

	.menu-toggle span:first-child {
		top: 0;
		transform: none;
		-webkit-transform: none;
		-ms-transform: none;
	}

	.menu-toggle span:last-child {
		bottom: 0;
		top: auto;
		transform: none;
		-webkit-transform: none;
		-ms-transform: none;
	}
	
	.show-menu .menu-toggle span {
		opacity: 0;
	}
	
	.show-menu .menu-toggle span:first-child,
	.show-menu .menu-toggle span:last-child {
		opacity: 1;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	
	.show-menu .menu-toggle span:first-child {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}
	
	.show-menu .menu-toggle span:last-child {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	}
	
	#home:not(.no-hero) .menu-search path,
	#project:not(.no-hero) .menu-search path,
	#words-post:not(.no-hero) .menu-search path,
	#about:not(.no-hero) .menu-search path {
		fill: #FFFFFF;
	}
	
	#fixed-header .menu-search path,
	.show-menu .menu-search path {
		fill: #000000 !important;
	}

	.header-logo.small {
		padding: 0 45px;
	}

	.menu-search {
		display: block;
		width: 24px;
		height: 19px;
		cursor: pointer;
		line-height: 19px;
		text-align: center;
	}

	.menu-search a {
		display: block;
	}	

	.page-header div.navigation div.menus {
		display: none;
	}

	#fixed-header div.navigation div.menus,
	#fixed-header div.navigation div.search {
		position: absolute;
		top: 128px;
		left: -35px;
		width: calc(100% + 70px);
		background-color: #FFF;
		display: block;

		transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);

		transition: transform 0.3s;
		-webkit-transition: transform 0.3s;
		-ms-transition: transform 0.3s;

		z-index: 5;
	}
	
	#fixed-header div.navigation div.menus {
		height: calc(100vh - 128px);
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	
	#fixed-header div.navigation div.search input,
	#fixed-header div.navigation div.search button {
		font: normal normal normal 2.4rem/32px 'Cr-MaisonNeue', Helvetica, Arial, sans-serif;
		padding: 16px 0;
		text-align: center;
		height: 64px;
		width: 100%;
		border: 0 none;
		box-sizing: border-box;
	}
	
	#fixed-header div.navigation div.search input {
		background-color: #F1F1F2;
	}
	
	#fixed-header div.navigation div.search button {
		background-color: #221F20;
		color: #FFF;
	}

	.show-menu #fixed-header div.navigation div.menus,
	.show-search #fixed-header div.navigation div.search {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
	}
	
	.show-search #fixed-header div.navigation div.menus {
		transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
	}

	#fixed-header div.navigation nav.main {
		display: block;
		line-height: 4.0rem;
	}

	#fixed-header div.navigation nav.social {
		justify-content: center;
		-webkit-justify-content: center;
		padding-bottom: 5.0rem;
		padding-top: 0.4rem;
	}

	#fixed-header div.navigation nav.main a {
		display: block;
		margin: 0;
		text-align: center;
	}
	
	.work-nav {
		display: block;
		text-align: center;
		padding: 0 45px;
		font-weight: normal;
		max-width: 425px;
		margin: 0 auto 3.2rem auto;
	}
	
	#fixed-header div.navigation nav.main .work-nav a {
		display: inline;
		white-space: nowrap;
	}
	
	#fixed-header div.navigation nav.main .work-nav a:after {
		content: ' / ';
	}
	
	#fixed-header div.navigation nav.main .work-nav a:last-child:after,
	#fixed-header div.navigation nav.main .work-nav a:nth-child(3):after,
	#fixed-header div.navigation nav.main .work-nav a:nth-child(7):after {
		content: '';
	}

}

@media screen and (max-width: 414px) {
	
	#fixed-header div.navigation nav.main .work-nav a:nth-child(7):after {
		content: ' / ';
	}
	
	#fixed-header div.navigation nav.main .work-nav a:nth-child(6):after,
	#fixed-header div.navigation nav.main .work-nav a:nth-child(8):after {
		content: '';
	}
	
}

@media screen and (max-width: 375px) {
	
	#fixed-header div.navigation nav.main .work-nav a:nth-child(3):after,
	#fixed-header div.navigation nav.main .work-nav a:nth-child(6):after,
	#fixed-header div.navigation nav.main .work-nav a:nth-child(8):after {
		content: ' / ';
	}
	
	#fixed-header div.navigation nav.main .work-nav a:nth-child(2):after,
	#fixed-header div.navigation nav.main .work-nav a:nth-child(5):after,
	#fixed-header div.navigation nav.main .work-nav a:nth-child(7):after {
		content: '';
	}
	
}

@media screen and (max-width: 320px) {
	
	#fixed-header div.navigation nav.main {
		line-height: 3.2rem;
	}
	
	.work-nav { 
		margin-bottom: 1.6rem;
	}
	
	#fixed-header div.navigation nav.main .work-nav a:nth-child(8):after {
		content: '';
	}
	
}section.hero {
	width: 100%;
	height: 100vh;
}

section.hero div.container {
	width: 100%;
	height: 100vh;
}

section.hero div.background {
	position: absolute;
	width: 100%;
	height: 100vh;
	background-position: top center;
	background-size: cover;
}

section.hero div.background video {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
}

section.hero div.center,
section.hero div.center div.content {
	height: 100vh;
}

section.hero h1 {
	font-size: 11.2rem;
	line-height: 9.6rem;
	bottom: -9.6rem;
	font-family: 'Cr-Dido';
	font-weight: normal;
	text-transform: uppercase;
	color: #EF3B31;
	position: absolute;
	padding-left: 10%;
	opacity: 0.7;
	z-index: 5;
}

section.hero h1.white {
	color: #FFF;
	opacity: 0.9;
}

section.hero h1.black {
	color: #000;
	opacity: 0.9;
}

section.hero h1.multiply {
	z-index: 1;
	mix-blend-mode: multiply;
	opacity: 1;
}

@media screen and (max-width: 1440px) {
	
	section.hero h1 {
		font-size: 11.2rem;
		line-height: 9.6rem;
		bottom: -9.6rem;
	}
	
}

@media screen and (max-width: 1280px) {
	
	section.hero h1 {
		font-size: 10.0rem;
		line-height: 8.4rem;
		bottom: -8.4rem;
	}
	
}

@media screen and (max-width: 1024px) {
	
	section.hero h1 {
		font-size: 9.0rem;
		line-height: 8.0rem;
		bottom: -8.0rem;
	}
	
}

@media screen and (max-width: 768px) {

	section.hero h1 {
		font-size: 6.5rem;
		line-height: 5.5rem;
		bottom: -5.5rem;
	}

}

@media screen and (max-width: 414px) {
	
	section.hero h1 {
		font-size: 3.5rem;
		line-height: 2.7rem;
		bottom: -2.7rem;
	}
	
}
.popups.left .popup {
	left: 0;
}

.popups.right .popup {
	right: 0;
}

#newsletter-popper {
	padding: 1.4rem;
	background-color: #FFF;
	position: fixed;
	bottom: 0;
	width: 265px;
	max-width: 100vw;

	z-index: 103;
	
	box-shadow: 0px 0px 90px rgba(0,0,0,0.15);
	box-sizing: border-box;

	transform: translateY(200%);
	-webkit-transform: translateY(200%);
	-ms-transform: translateY(200%);

	transition: transform 0.45s, bottom 0.45s;
	-webkit-transition: -webkit-transform 0.45s, bottom 0.45s;
	-ms-transition: -ms-transform 0.45s, bottom 0.45s;
}

#cookies-popper {
	font-size: 1.5rem;
	line-height: 2.3rem;
	
	width: 265px;
	max-width: 100vw;
	
	padding: 1.4rem;
	background-color: #000;
	color: #FFF;
	position: fixed;
	bottom: 0;

	z-index: 104;
	
	box-shadow: 0px 0px 90px rgba(0,0,0,0.15);
	box-sizing: border-box;

	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);

	transition: transform 0.45s;
	-webkit-transition: -webkit-transform 0.45s;
	-ms-transition: -ms-transform 0.45s;
}

.cookies-active #cookies-popper {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
}

#cookies-popper p {
	padding-right: 2.2rem;
}

#cookies-popper p a {
	color: #EF3B31;
	font-family: 'Cr-StanLee', serif !important;
	text-decoration: none;
	border-bottom: 1px solid;
	font-weight: normal;
}

#close-cookies {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

.newsletter-active #newsletter-popper {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
}

.newsletter-active #newsletter-popper.remove {
	transform: translateY(200%);
	-webkit-transform: translateY(200%);
	-ms-transform: translateY(200%);
}

#cookies-popper.remove {
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
}

#newsletter-popper form {
	position: relative;
	display: block;
}

#newsletter-popper form input[type=text] {
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	border-color: #000;
	width: 100%;
	font: normal 1.4rem/2.2rem 'Cr-MaisonNeue', Helvetica, Arial, sans-serif;
}

#newsletter-popper form input[type=submit] {
	border: 0 none;
	background-color: transparent;
	padding: 0;
	text-align: right;
	width: 100%;
	font: bold 1.4rem/1.4rem 'Cr-MaisonNeue', Helvetica, Arial, sans-serif;
	position: relative;
	right: -3px;
	top: -3px;
}

#newsletter-popper h1 {
	color: #EF3B31;
	font-family: 'cr-ko';
	text-transform: uppercase;
	font-weight: normal;
	font-size: 9.4rem;
	line-height: 6.8rem;
	margin-bottom: 0.8rem;
}

#close-newsletter {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

#close-newsletter img {
	display: block;
}

@media screen and (max-width: 414px) {
	
	#newsletter-popper,
	#cookies-popper {
		left: 15px;
		right: 15px;
		width: calc(100vw - 30px);
	}
	
	#cookies-popper {
		bottom: 15px;
	}
	
	#newsletter-popper h1 {
		font-size: 4.8rem;
		line-height: 4.8rem;
		top: -6px;
		position: relative;
	}
	
	#newsletter-popper br {
		display: none;
	}
	
	.newsletter-active #newsletter-popper {
		transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
	}
	/*
	.cookies-active #cookies-popper {
		transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
	}
	*/
}section.privacy.grid .grid-content,
section.cookies.grid .grid-content {
	padding-top: 20%;
}

section.privacy.grid .grid-content article:last-child,
section.cookies.grid .grid-content article:last-child {
	padding-bottom: 20% !important;
}

section.privacy.grid .grid-content article:nth-child(2) p {
	margin: 0;
}

section.privacy.grid .grid-content article:nth-child(2) h1 {
	font-family: 'cr-ko';
	font-size: 18.0rem;
	line-height: 13.0rem;
	color: #EF3B31;
	text-transform: uppercase;
	font-weight: normal;
	margin: 10px 0;
}

section.cookies.grid .grid-content article:nth-child(2) h1 {
	font-size: 11.2rem;
	line-height: 9.6rem;
	font-family: 'Cr-Dido';
	font-weight: normal;
	text-transform: uppercase;
	color: #EF3B31;
	margin: 10px 0;
}

section.privacy.grid .grid-content article,
section.cookies.grid .grid-content article {
	padding-bottom: 8% !important;
}

section.privacy.grid .grid-content article ul,
section.cookies.grid .grid-content article ul {
	list-style: none;
	margin-top: -3.2rem;
	margin-bottom: 3.2rem;
}

section.privacy.grid .grid-content article ul:last-child,
section.cookies.grid .grid-content article ul:last-child {
	margin-bottom: 0;
}

section.privacy.grid .grid-content article ul li,
section.cookies.grid .grid-content article ul li {
	padding-left: 3.0rem;
}

section.privacy.grid .grid-content article ul li:before,
section.cookies.grid .grid-content article ul li:before {
	margin-left: -3.0rem;
	content: '— ';
	color: #EF3B31;
}

section.privacy.grid .grid-content article figure img,
section.cookies.grid .grid-content article figure img {
	padding-top: 10px;
}

@media screen and (max-width: 640px) {
	
	section.privacy.grid .grid-content article:nth-child(2) h1 { 
		font-size: 9.0rem;
		line-height: 6.5rem;
		margin: 5px 0;
	}
	
	section.cookies.grid .grid-content article:nth-child(2) h1 {
		font-size: 5.6rem;
		line-height: 4.8rem;
		margin: 5px 0;
	}
	
}#map-container {
	width: 70%;
	padding-bottom: 35%;
	margin-bottom: 5%;
}

#map {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.map-controls {
	position: absolute;
	bottom: 3.2rem;
	left: 3.2rem;
}

.map-controls a {
	cursor: pointer;
	display: block;
	margin-top: 10px;
	opacity: 0.25;
	transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
}

.map-controls a:hover {
	opacity: 1;
}

.map-controls a img {
	display: block;
}

#map-projects {
	display: none;
}

#map .mapboxgl-popup {

}

#map .mapboxgl-popup .mapboxgl-popup-tip {
	visibility: hidden;
}

#map .mapboxgl-popup .mapboxgl-popup-content {
	min-width: 233px;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	background-color: #FFFFFF;
	padding: 17px 19px;
	border-radius: 0;
	box-shadow: none;
}

#map .mapboxgl-popup .mapboxgl-popup-content h1 {
	font: bold 2.4rem/3.2rem 'Cr-MaisonNeue', Helvetica, Arial, sans-serif;
}

#map .mapboxgl-popup .mapboxgl-popup-content p {
	font: 1.4rem/3.2rem 'Cr-MaisonNeue', Helvetica, Arial, sans-serif;
	margin: 0.7rem 0;
}

#map .mapboxgl-popup .mapboxgl-popup-content a.info {
	font: normal 1.0rem/2.2rem 'Cr-MaisonNeue', Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #C4C4C4;
}

#map-filter {
	width: 70%;
	padding-left: 30%;
	margin-bottom: 10%;
}

#map-filter h1 {
	font-size: 2.4rem;
	line-height: 3.2rem;
	width: 185px;
	position: absolute;
	left: 10%;
	transform: translateY(-90%);
	-webkit-transform: translateY(-90%);
	-ms-transform: translateY(-90%);
}

#map-filter ul {
	list-style: none;
	width: 57.143%;
	margin-left: 42.857%; /* 3 Columns of 70% */
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

#map-filter ul li {
	width: 50%;
	cursor: pointer;
}

#map-filter ul li.active {
	font-weight: bold;
}

#map-filter ul li:before {
	content: "— ";
	font-weight: normal;
}

@media screen and (max-width: 768px) {
	
	#map-container {
		width: 100%;
		padding-left: 35px;
		padding-right: 35px;
		margin-left: -35px;
		padding-bottom: 75%;
	}
	
	#map-filter {
		width: 100%;
		padding-left: 0;
	}
	
	#map-filter h1 {
		position: relative;
		width: 100%;
		left: 0;
		text-align: center;
		margin-top: 6.4rem;
	}
	
	#map-filter .content {
		
	}
	
	#map-filter ul {
		display: block;
		max-width: 420px;
		margin: 0 auto;
		width: auto;
		text-align: center;
	}
	
	#map-filter ul li {
		display: inline;
		width: auto;
	}
	
	#map-filter ul li:before {
		content: '';
	}
	
	#map-filter ul li:after {
		content: ' / ';
	}
	
	#map-filter ul li:last-child:after {
		content: '';
	}
	
}

#projects .grid-content {
	padding-top: calc(10% + 128px);
}

#project-filters,
#project-results {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	padding-left: 10%;
	width: 60%;
	margin-bottom: 10%;
}

#project-results {
	padding-left: 10%;
	width: 90%;
}

#project-filters h1 {
	font-size: 2.4rem;
}

#project-filters label {
	position: relative;
	display: block;
}

/*
#project-filters label:before {
	content: "";
	position: absolute;
	display: block;
	width: 13px;
	height: 13px;
	border: 2px solid;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
*/

#project-filters label input {
	display: none;
}

#project-filters label span {
	cursor: pointer;
	padding-left: 36px;
	
	-moz-font-feature-settings: "tnum" 1;
	-ms-font-feature-settings: "tnum" 1;
	-o-font-feature-settings: "tnum" 1;
	-webkit-font-feature-settings: "tnum" 1;
	font-feature-settings: "tnum" 1;
}

#project-filters label input + span:before {
	display: block;
	content: "";
	height: 17px;
	width: 17px;
	border-radius: 50%;
	margin-right: 20px;
	background-image: url('/img/radio-off.svg');
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 0px;
}

#project-filters label input:checked + span:before {
	background-image: url('/img/radio-on.svg');
}

#project-results article {
	width: 22.22%;
	padding-right: 11.11%;
}

#project-results article h1 {
	font-size: 2.4rem;
	line-height: 3.2rem;
}

#project-results article h2 {
	font-size: 1.0rem;
	font-weight: normal;
	line-height: 2.2rem;
	margin-bottom: 50%;
}

#project-results article figure {
	padding-bottom: 100%;
	margin-bottom: 40px;
}

#project-results article figure a {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

#search-form {
	padding-right: 3.0rem;
	overflow: hidden;
}

#search-form input {
	font: normal normal normal 2.4rem/3.2rem 'Cr-MaisonNeue', Helvetica, Arial, sans-serif;
	border: 0 none;
	float: left;
	width: calc(100% - 19px);
	max-width: 120px;
	margin-left: -100%;
	transition: margin-left 0.3s;
	-webkit-transition: margin-left 0.3s;
	-ms-transition: margin-left 0.3s;
}

#search-form:hover input {
	margin-left: 0;
}

#search-form button {
	border: 0 none;
	background-color: transparent;
	vertical-align: middle;
	cursor: pointer;
}

#search-form svg {
}

@media screen and (max-width: 768px) {
	
	#projects .grid-content {
		padding-top: 128px;
	}
	
	#project-filters, 
	#project-results {
		width: 100%;
		padding-left: 0;
	}
	
	#project-filters {
		text-align: center;
	}
	
	#project-filters div.col-1-3 {
		margin-bottom: 1.6rem;
		width: 100%;
	}
	
	#project-filters h1 {
		cursor: pointer;
	}
	
	#project-filters label span {
		padding-left: 0;
	}
	
	#project-filters label:before,
	#project-filters label input + span:before {
		display: none;
	}
	
	#project-filters label input:checked + span {
		font-weight: bold;
	}
	
	#project-filters .labels {
		overflow: hidden;
		/*
		max-height: 0;
		transition: max-height 0.3s;
		-webkit-transition: max-height 0.3s;
		-ms-transition: max-height 0.3s;
		*/
		display: none;
	}
	
	#project-filters .active .labels {
		/*max-height: 200px;*/
		display: block;
	}
	
	#project-results article h2 {
		margin-bottom: 25%;
	}
	
	#project-results article {
		width: 50%;
		box-sizing: border-box;
	}
	
	#project-results article:nth-child(odd) {
		padding-right: 17px !important;
	}
	
	#project-results article:nth-child(even) {
		padding-left: 17px !important;
	}
	
}

@media screen and (max-width: 414px) {
	
	#project-results article {
		width: 100%;
	}
	
	#project-results article:nth-child(odd),
	#project-results article:nth-child(even) {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
}section.project-navigation {
	
}

section.project-navigation nav.project-nav {
	display: flex;
	display: -webkit-flex;
	padding-bottom: 10%;
}

section.project-navigation nav.project-nav a {
	width: 33.33%;
}

section.project-navigation nav.project-nav a span {
	position: relative;
	font-size: 1.1rem;
}

section.project-navigation nav.project-nav a h1 {
	font-size: 2.4rem;
	line-height: 3.2rem;
}

section.project-navigation nav.project-nav a.previous {
	text-align: left;
}

section.project-navigation nav.project-nav a.previous span:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 4px 0;
	border-color: transparent #000000 transparent transparent;
	left: -15px;
	top: 2px;
}

section.project-navigation nav.project-nav a.next span:after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 4px;
	border-color: transparent transparent transparent #000000;
	right: -15px;
	top: 2px;
}

section.project-navigation nav.project-nav a.next {
	text-align: right;
}

section.project-navigation nav.project-nav a.back-to-top {
	text-align: center;
	padding-top: 3.2rem;
	cursor: pointer;
}

div.project-table h1 {
	font-size: 2.4rem;
	line-height: 3.2rem;
}

div.project-table hr {
	border: 0 none;
	height: 1px;
	width: 100%;
	background-color: #000;
	margin: 3.2rem 0;
}

div.project-table nav.social .fa {
	font-size: 2.0rem;
}

div.project-table nav.social a {
	margin-right: 8px;
}

div.project-table nav.social img {
	position: relative;
	top: 0.15rem;
}

div.project-table .col-1-4 {
	margin-right: 12.5%;
}

div.project-table .col-1-4:last-child {
	margin-right: 0;
}

section.related-projects hgroup h1 {
	font-size: 2.4rem;
	line-height: 3.2rem;
	padding-bottom: 3.2rem;
	border-bottom: 1px solid;
	margin-bottom: 4.2rem;
}

section.related-projects div.related-projects {
	padding-bottom: 10%;
}

section.related-projects div.related-projects article {
	width: 25%;
	padding-bottom: 12.5%;
	float: left;
	margin-bottom: 6.25%;
}

section.related-projects div.related-projects article:nth-child(3n+2) {
	margin: 0 12.5% 6.25% 12.5%;
}

section.related-projects div.related-projects article figure {
	background-color: #000;
}

section.related-projects div.related-projects article figure,
section.related-projects div.related-projects article .image,
section.related-projects div.related-projects article a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

section.related-projects div.related-projects article .image {
	background-position: center center;
	background-size: cover;
	opacity: 0.4;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
}

section.related-projects div.related-projects article:hover .image {
	opacity: 1;
}

section.related-projects div.related-projects article a span {
	color: #FFFFFF;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	position: absolute;
	display: block;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	
	div.project-table .col-1-4 {
		width: 100%;
		padding-bottom: 3.2rem;
		margin-bottom: 3.2rem;
		border-bottom: 1px solid;
	}
	
	div.project-table .col-1-4:last-child {
		border-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	section.related-projects div.related-projects article {
		width: 45%;
		padding-bottom: 35%;
	}
	
	section.related-projects div.related-projects article:nth-child(odd) {
		margin: 0 10% 10% 0;
	}
	
	section.related-projects div.related-projects article:nth-child(even) {
		margin: 0 0 10% 0;
	}
	
}

@media screen and (max-width: 414px) {
	
	section.related-projects div.related-projects article {
		width: 100%;
		padding-bottom: 75%;
	}
	
	section.related-projects div.related-projects article:nth-child(odd) {
		margin: 0 0 10% 0;
	}
	
	section.project-navigation nav.project-nav a {
		width: 50%;
	}
	
	section.project-navigation nav.project-nav a.back-to-top {
		display: none;
	}
	
	section.project-navigation nav.project-nav a.previous span:before,
	section.project-navigation nav.project-nav a.next span:after {
		display: none;
	}
	
}#unsubscribe form input.submit {
	font: bold 2.4rem/3.2rem 'Cr-MaisonNeue', Helvetica, Arial, sans-serif;
	background-color: transparent;
	border: 0 none;
	cursor: pointer;
}section.words .grid-content {
	padding-top: calc(128px + 10%);
	padding-bottom: 10%;
}

section.words article.words-post {
	
}

section.words article.words-post figcaption {
	padding: 0;
	position: relative;
	bottom: auto;
	display: block;
}

section.words article.words-post a:active,
section.words article.words-post a:focus,
section.words article.words-post a:hover {
	opacity: 1;
}

section.words article.words-post a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	color: #FFFFFF;
	padding: 2.0rem;
	box-sizing: border-box;
	background-color: rgba(0,0,0,.75);

	opacity: 0;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
}

section.words article.words-post figcaption h1 {
	
}

section.words article.words-post figcaption h2 {
	font-size: 2.4rem;
	line-height: 3.2rem;
	font-weight: normal;
}

@media screen and (max-width: 768px) {
	
	section.words article.words-post a {
		opacity: 1;
		background-color: rgba(0,0,0,.5);
	}
	
}