/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
img,legend {
	border:0;
}

legend,td,th {
	padding:0;
}

html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}

body {
	margin:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display:block;
}

audio,canvas,progress,video {
	display:inline-block;
	vertical-align:baseline;
}

audio:not([controls]) {
	display:none;
	height:0;
}

[hidden],template {
	display:none;
}

a {
	background-color:transparent;
}

a:active,a:hover {
	outline:0;
}

abbr[title] {
	border-bottom:1px dotted;
}

b,optgroup,strong {
	font-weight:700;
}

dfn {
	font-style:italic;
}

h1 {
	font-size:2em;
	margin:.67em 0;
}

mark {
	background:#ff0;
	color:#000;
}

small {
	font-size:80%;
}

sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}

sup {
	top:-.5em;
}

sub {
	bottom:-.25em;
}

svg:not(:root) {
	overflow:hidden;
}

figure {
	margin:1em 40px;
}

hr {
	box-sizing:content-box;
	height:0;
}

pre,textarea {
	overflow:auto;
}

code,kbd,pre,samp {
	font-family:monospace,monospace;
	font-size:1em;
}

button,input,optgroup,select,textarea {
	color:inherit;
	font:inherit;
	margin:0;
}

button {
	overflow:visible;
}

button,select {
	text-transform:none;
}

button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance:button;
	cursor:pointer;
}

button[disabled],html input[disabled] {
	cursor:default;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0;
}

input {
	line-height:normal;
}

input[type=checkbox],input[type=radio] {
	box-sizing:border-box;
	padding:0;
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	height:auto;
}

input[type=search] {
	-webkit-appearance:textfield;
	box-sizing:content-box;
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance:none;
}

fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

* {
	box-sizing:border-box;
}

html {
	font-size:62.5%;
	height:100%;
	width:100%;
}

body {
	-webkit-text-size-adjust:100%;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
	color:#111;
	background:#8d8f89;
	font-family:Work Sans,Georgia,sans-serif;
	font-size:16px;
	font-size:1.6rem;
	font-weight:300;
	line-height:1.45em;
	overflow-y:scroll;
	overflow-x:hidden;
	line-height:1.35em;
	cursor:default;
}

li,ol,ul {
	margin:0;
	padding:0;
	list-style:none;
}

h1,h2,h3,h4 {
	font-weight:300;
	line-height:1.35em;
}

a,a:visited {
	color:#111;
	text-decoration:none;
	cursor:pointer;
}

.brightertext,.brightertext a,.brightertext a:visited {
	color:#fff;
}

.button {
	font-family:Work Sans,sans-serif;
	font-weight:400;
	letter-spacing:0;
}

.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	z-index:1;
}

.swiper-container-no-flexbox .swiper-slide {
	float:left;
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient:vertical;
	-ms-flex-direction:column;
	flex-direction:column;
}

.swiper-wrapper {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-transition-property:-webkit-transform;
	transition-property:-webkit-transform;
	transition-property:transform;
	transition-property:transform,-webkit-transform;
	box-sizing:content-box;
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	margin:0 auto;
}

.swiper-slide {
	-webkit-flex-shrink:0;
	-ms-flex:0 0 auto;
	-ms-flex-negative:0;
	flex-shrink:0;
	width:100%;
	height:100%;
	position:relative;
}

.swiper-container .swiper-notification {
	position:absolute;
	left:0;
	top:0;
	pointer-events:none;
	opacity:0;
	z-index:-1000;
}

.swiper-wp8-horizontal {
	-ms-touch-action:pan-y;
	touch-action:pan-y;
}

.swiper-wp8-vertical {
	-ms-touch-action:pan-x;
	touch-action:pan-x;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
}

.swiper-container-fade .swiper-slide,.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events:none;
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events:auto;
}

.swiper-scrollbar {
	border-radius:10px;
	position:relative;
	-ms-touch-action:none;
	background:rgba(0,0,0,.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
	position:absolute;
	left:1%;
	bottom:3px;
	z-index:50;
	height:5px;
	width:98%;
}

.swiper-container-vertical>.swiper-scrollbar {
	position:absolute;
	right:3px;
	top:1%;
	z-index:50;
	width:5px;
	height:98%;
}

.swiper-scrollbar-drag {
	height:100%;
	width:100%;
	position:relative;
	background:rgba(0,0,0,.5);
	border-radius:10px;
	left:0;
	top:0;
}

.swiper-scrollbar-cursor-drag {
	cursor:move;
}

.swiper-lazy-preloader {
	width:42px;
	height:42px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-21px;
	margin-top:-21px;
	z-index:10;
	-webkit-transform-origin:50%;
	transform-origin:50%;
	-webkit-animation:a 1s steps(12) infinite;
	animation:a 1s steps(12) infinite;
}

.swiper-lazy-preloader:after {
	display:block;
	content:"";
	width:100%;
	height:100%;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
	background-position:50%;
	background-size:100%;
	background-repeat:no-repeat;
	background-color:transparent;
}

.swiper-lazy-preloader-white:after {
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
}

@-webkit-keyframes a {
	to {
		-webkit-transform:rotate(1turn);
	}
}

@keyframes a {
	to {
		-webkit-transform:rotate(1turn);
		transform:rotate(1turn);
	}
}

.swiper-container-blog {
	position:absolute;
	bottom:0;
	left:0;
	width:100vw;
}

.swiper-container-blog .swiper-slide {
	padding-left:1.5em;
}

.hidenextbutton .swiper-button-next {
	display:none;
}

.swiper-button-next,.swiper-button-prev {
	position:absolute;
	top:50%;
	width:64px;
	height:64px;
	margin-top:-54px;
	z-index:100;
	padding:10px;
	padding:1rem;
	cursor:pointer;
	background-size:27px 44px;
	background-position:50%;
	background-repeat:no-repeat;
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	display:none;
}

.swiper-button-prev {
	left:.5em;
	right:auto;
	background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+DQogIDx0aXRsZT5pYy1hcnJvdy1sZWZ0PC90aXRsZT4NCiAgPHBvbHlsaW5lIHBvaW50cz0iMzUuMTgzIDQ3LjMxOCAxMy40NTMgMjQuMDAzIDM1LjE3OCAwLjY4MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4NCjwvc3ZnPg0K);
	background-size:70%;
	background-repeat:no-repeat;
	background-position:50%;
}

.brightertext .swiper-button-prev {
	background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+DQogIDx0aXRsZT53LWljLWFycm93LWxlZnQ8L3RpdGxlPg0KICA8cG9seWxpbmUgcG9pbnRzPSIzNS4xODMgNDcuMzE4IDEzLjQ1MyAyNC4wMDMgMzUuMTc4IDAuNjgyIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPg0KPC9zdmc+);
}

.swiper-button-next {
	right:.5em;
	left:auto;
	background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+DQogIDx0aXRsZT5pYy1hcnJvdy1yaWdodDwvdGl0bGU+DQogIDxwb2x5bGluZSBwb2ludHM9IjEyLjgxNyA0Ny4zMTggMzQuNTQ3IDI0LjAwMyAxMi44MjIgMC42ODIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+DQo8L3N2Zz4NCg==);
	background-size:70%;
	background-repeat:no-repeat;
	background-position:50%;
}

.brightertext .swiper-button-next {
	background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+DQogIDx0aXRsZT53LWljLWFycm93LXJpZ2h0PC90aXRsZT4NCiAgPHBvbHlsaW5lIHBvaW50cz0iMTIuODE3IDQ3LjMxOCAzNC41NDcgMjQuMDAzIDEyLjgyMiAwLjY4MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4NCjwvc3ZnPg0K);
}

.blog__date,.blog__sub,.blog__title {
	font-weight:400;
	font-size:24px;
	font-size:2.4rem;
	line-height:1.3em;
	display:block;
	line-height:1.45em;
	letter-spacing:1px;
	margin:0;
	padding:0 1em 1em;
}

.nav__wrapper {
	top:0;
	left:0;
	right:0;
	height:48px;
	z-index:2001;
	background:#ebebeb;
	position:fixed;
	-webkit-perspective:1000;
	perspective:1000px;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

.nav {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5em;
}

@media (min-width:720px) {
	.nav {
		font-size:1.8rem;
	}
}

.nav .button--top {
	text-align:right;
	padding-top:10px;
	padding-top:1rem;
	padding-bottom:7.5px;
	padding-bottom:.75rem;
	padding-right:20px;
	padding-right:2rem;
	text-decoration:none;
	display:block;
	opacity:0;
	-webkit-transition:opacity .25s ease-in-out;
	transition:opacity .25s ease-in-out;
	border-bottom:none;
}

.nav .button--top--visible {
	opacity:1;
}

.nav .nav__primary {
	list-style:none;
	padding-top:10px;
	padding-top:1rem;
	padding-bottom:7.5px;
	padding-bottom:.75rem;
}

.nav .nav__primary li {
	display:inline-block;
	margin-right:10px;
	margin-right:1rem;
}

.nav .nav__primary li:after {
	content:"";
}

.nav .nav__primary li:last-child {
	margin-right:0;
}

.nav .nav__primary li:last-child:after {
	content:"";
}

.nav .nav__primary li:first-child {
	margin-left:20px;
	margin-left:2rem;
}

@media (min-width:720px) {
	.nav .nav__primary li:first-child {
		margin-left:5rem;
	}
}

.animated {
	-webkit-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

@-webkit-keyframes b {
	0% {
		-webkit-transform:translateY(-4em);
		transform:translateY(-4em);
	}
	
	to {
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}

@keyframes b {
	0% {
		-webkit-transform:translateY(-4em);
		transform:translateY(-4em);
	}
	
	to {
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}

.animated.slideDown {
	-webkit-animation-name:b;
	animation-name:b;
}

@-webkit-keyframes c {
	0% {
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
	
	to {
		-webkit-transform:translateY(-4em);
		transform:translateY(-4em);
	}
}

@keyframes c {
	0% {
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
	
	to {
		-webkit-transform:translateY(-4em);
		transform:translateY(-4em);
	}
}

.animated.slideUp {
	-webkit-animation-name:c;
	animation-name:c;
}

.nav__main {
	position:fixed;
	right:30px;
	top:30px;
	width:auto;
	z-index:2000;
	font-size:calc(20px + 8 * ((100vw - 320px) / 703));
}

@media screen and (min-width:1023px) {
	.nav__main {
		font-size:28px;
	}
}

@media screen and (max-width:320px) {
	.nav__main {
		font-size:20px;
	}
}

.nav__main a {
	display:inline-block;
	color:inherit;
	border-bottom:1px solid inherit;
	line-height:1.5em;
	margin-right:.5em;
}

.nav__main a:last-child {
	margin-right:0;
}

.masthead,.nav__main img {
	width:100%;
}

.masthead {
	position:relative;
	top:0;
	height:100vh;
	position:fixed;
	-webkit-transition:all .25s ease-in;
	transition:all .25s ease-in;
	opacity:1;
	-webkit-perspective:1000;
	perspective:1000px;
	-webkit-backface-visibility:none;
	backface-visibility:none;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	z-index: 0;
}

@media (min-width:720px) {
	.masthead {
		height:100vh;
	}
}

.scrollintent.masthead {
	opacity:.25;
}

h1 {
	color:#fff;
	position:absolute;
	left:15px;
	left:1.5rem;
	top:2.25em;
	padding:0 20px;
	padding:0 2rem;
	z-index:1000;
	line-height:1.1em;
	margin-bottom:0;
	font-weight:700;
	font-size:62px;
	font-size:6.2rem;
}

@media (min-width:720px) {
	h1 {
		font-size:12.2rem;
		left:6rem;
		line-height:1em;
	}
}

@media (min-width:1200px) {
	h1 {
		top:1.25em;
		font-size:12.2rem;
		left:14rem;
		line-height:1em;
	}
}

.swiper-container-featured {
	position:relative;
	height:100%;
	width:100%;
	cursor:default!important;
}

.featured {
	position:absolute;
	bottom:30px;
	bottom:3rem;
	left:0;
	right:0;
	padding:0 20px;
	padding:0 2rem;
	font-size:22px;
	font-size:2.2rem;
	line-height:1.3em;
}

.featured p {
	margin-bottom:2.5px;
	margin-bottom:.25rem;
	margin-top:0;
}

@media (min-width:720px) {
	.featured {
		max-width:24em;
		left:6rem;
		bottom:6rem;
	}
}

.featured a {
	-webkit-transition:all .25s;
	transition:all .25s;
}

.featured a:hover {
	border-bottom:2px solid hsla(0,0%,100%,.2);
}

h2.featured__title {
	line-height:1.2em;
	margin-top:10px;
	margin-top:1rem;
}

@media (min-width:720px) {
	h2.featured__title {
		font-size:4.2rem;
	}
}

.featured__label,.featured__subhead,.featured__text {
	display:block;
}

.home .wrapper {
	position:relative;
	margin-top:100vh;
	box-shadow:0 -1em 8em hsla(0,0%,8%,.25);
	background:#8d8f89;
	-webkit-transition:width .25s ease-in 2s;
	transition:width .25s ease-in 2s;
	z-index: 1000;
}

.projects__overview ul {
	display:block;
	overflow:hidden;
	width:100%;
	background:#8d8f89;
}

.project__preview {
	display:inline-block;
	position:relative;
	float:left;
	width:100vw;
	overflow:visible;
}

@media (max-width:720px) {
	.project__preview {
		height:auto;
		min-height:360px;
	}
}

@media (min-width:720px) {
	.project__preview {
		height:87vh;
		width:50vw;
	}
	
	.project__preview:nth-child(3n) {
		width:100vw;
	}
}

.project__preview a {
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

.project__preview figure {
	margin:0;
	display:block;
	position:relative;
	width:100%;
	height:100%;
	overflow:visible;
}

.project__preview figure img,.project__preview figure video {
	height:auto;
	width:auto;
	will-change:opacity;
}

.project__preview figure .image,.project__preview figure .video {
	position:relative;
	cursor:pointer;
	top:50%;
	left:50%;
	max-height:75%;
	max-width:75%;
	opacity:1;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-transform-origin:top left;
	transform-origin:top left;
	display:inline;
	vertical-align:middle;
	-webkit-transition:all .15s;
	transition:all .15s;
}

.project__preview figure .project__preview__caption {
	position:absolute;
	cursor:pointer;
	top:10%;
	left:10%;
	max-height:75%;
	opacity:.8;
	-webkit-transform-origin:center center;
	transform-origin:center center;
	-webkit-transition:all .25s;
	transition:all .25s;
	display:inline;
	vertical-align:middle;
	font-weight:300;
	font-size:38px;
	font-size:3.8rem;
	line-height:1.25em;
}

@media (max-width:720px) {
	.project__preview figure .project__preview__caption {
		max-width:75%;
	}
}

@media (min-width:720px) {
	.project__preview figure .project__preview__caption {
		font-size:6.4rem;
		line-height:1.2em;
		max-width:50%;
		opacity:.4;
	}
}

@media (min-width:1200px) {
	.project__preview figure .project__preview__caption {
		font-size:7.4rem;
		line-height:1.1em;
		max-width:50%;
	}
}

.project__preview figure:hover .project__preview__caption {
	opacity:1;
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}

.swiper-container-project {
	left:0;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
}

.swiper-container-project .swiper-lazy-preloader {
	display:none;
}

.swiper-container-project a,.swiper-container-project a:visited {
	color:#111;
}

.brightertext .swiper-container-project a,.brightertext .swiper-container-project a:visited {
	color:#fff;
}

figure {
	margin:0;
	display:block;
	position:relative;
	width:100%;
	height:100%;
	overflow:visible;
}

figure img,figure video {
	height:auto;
	width:auto;
	will-change:opacity;
}

figure .image,figure .video {
	position:absolute;
	max-width:75%;
}

.videocenter,figure .image,figure .video {
	top:50%;
	left:50%;
	max-height:75%;
	opacity:1;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-transform-origin:top left;
	transform-origin:top left;
	display:inline;
	vertical-align:middle;
}

.videocenter {
	position:absolute!important;
	width:80%;
	max-width:80%;
}

.project_description {
	line-height:1.5em;
	overflow-x:auto;
	overflow-y:scroll;
}

.nextprojectpreview__imgcontainer {
	width:auto;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	height:50%;
	-webkit-transform:translateY(50%) translateX(60%);
	transform:translateY(50%) translateX(60%);
}

@media (min-width:720px) {
	.nextprojectpreview__imgcontainer {
		-webkit-transform:translateY(50%) translateX(40%);
		transform:translateY(50%) translateX(40%);
	}
}

.nextprojectpreview__imgcontainer img {
	height:100%;
}

.nextprojectpreview__title {
	font-size:calc(48px + 30 * ((100vw - 480px) / 800));
	line-height:1.2em;
	font-weight:300;
	width:auto;
	height:auto;
	margin:0;
	max-width:100%;
	position:absolute;
	right:1em;
	top:0;
	-webkit-transform:translateY(30vh) scale(1);
	transform:translateY(30vh) scale(1);
	z-index:3;
	-webkit-transition:all .25s;
	transition:all .25s;
	opacity:.4;
}

@media screen and (min-width:1280px) {
	.nextprojectpreview__title {
		font-size:78px;
	}
}

@media screen and (max-width:480px) {
	.nextprojectpreview__title {
		font-size:48px;
	}
}

.brightertext_next.nextprojectpreview__title {
	color:#fff;
}

.nextprojectpreview__title span {
	line-height:1.4em;
	letter-spacing:1px;
	display:block;
}

.nextprojectpreview__title:hover {
	opacity:1;
	-webkit-transform:translateY(30vh) scale(1.1);
	transform:translateY(30vh) scale(1.1);
}

.gallery .project_description_title {
	font-size:calc(64px + 46 * ((100vw - 480px) / 800));
	line-height:1.2em;
	font-weight:300;
	max-width:1200px;
	margin-left:10%;
	margin-top:120px;
	margin-top:12rem;
	position:absolute;
	display:none;
	z-index:3;
}

@media screen and (min-width:1280px) {
	.gallery .project_description_title {
		font-size:110px;
	}
}

@media screen and (max-width:480px) {
	.gallery .project_description_title {
		font-size:64px;
	}
}

@media (min-width:720px) {
	.gallery .project_description_title {
		display:block;
		margin-top:12rem;
		opacity:.5;
	}
}

.gallery .project_description_title .project_description_title_year {
	display:block;
}

.project_description_title_year {
	display:block;
}

.button,.swiper-pagination {
	font-size:20px;
	font-size:2rem;
	font-family:Work Sans,sans-serif;
	font-weight:400;
	line-height:1.35em;
}

.swiper-pagination {
	position:absolute;
	right:30px;
	right:3rem;
	bottom:30px;
	bottom:3rem;
	text-align:right;
	margin:0;
	z-index:2;
	opacity:.3;
}

a.button {
	-webkit-transition:.25s ease-in;
	transition:.25s ease-in;
}

a.button:hover:not(.button__close) {
	border-bottom:2px solid hsla(0,0%,4%,.2);
}

.galleryinfo .button__close {
	position:fixed;
	right:30px;
	right:3rem;
	top:calc(3rem - 3px);
	z-index:100;
	width:36px;
	height:36px;
	opacity:.6;
	padding:7.5px;
	padding:.75rem;
	border-bottom:none;
}

.galleryinfo .button__close svg {
	height:100%;
	width:100%;
}

.galleryinfo .button__close svg path {
	fill:#fff;
}

.project-detail .button__info {
	position:absolute;
	top:30px;
	top:3rem;
	right:30px;
	right:3rem;
	z-index:2;
	opacity:.4;
}

.project-detail .button__info svg {
	height:100%;
	width:100%;
}

.project-detail .button__info svg path {
	fill:inherit;
}

.button__back {
	position:fixed;
	left:30px;
	left:3rem;
	top:30px;
	top:3rem;
	z-index:2;
	opacity:.4;
}

.button__back svg {
	height:100%;
	width:100%;
}

.button__back svg path {
	fill:inherit;
}

.brightertext .button {
	color:#fff;
}

.brightertext .button svg path {
	fill:#fff;
}

.brightertext a.button:hover:not(.button__close) {
	border-bottom:2px solid hsla(0,0%,100%,.2);
}

aside {
	width:30vw;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:3000;
}

.swiper-container-projectselector {
	overflow:hidden;
}

.swiper-container-projectselector .swiper-slide {
	min-height:280px;
}

.swiper-container-projectselector .swiper-slide .projectimg {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	bottom:0;
}

.swiper-container-projectselector .swiper-slide .project-title {
	position:relative;
	z-index:1000;
}

.gallery {
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	width:100%;
}

.galleryinfo {
	min-height:100vh;
	color:#fff;
	width:100%;
	display:none;
	background:hsla(0,0%,8%,.3);
}

.galleryinfo .galleryinfo_inner {
	max-width:1020px;
	margin:0 auto;
	padding:6em 2.5em 3em;
}

.galleryinfo .project_description_bodytext p {
	font-family:Work Sans,sans-serif;
	font-size:calc(16px + 8 * ((100vw - 320px) / 1160));
	line-height:1.45em;
	font-weight:300;
	-webkit-column-count:1;
	-moz-column-count:1;
	column-count:1;
	-webkit-column-width:100%;
	-moz-column-width:100%;
	column-width:100%;
	-webkit-column-gap:0;
	-moz-column-gap:0;
	column-gap:0;
	vertical-align:top;
}

@media screen and (min-width:1480px) {
	.galleryinfo .project_description_bodytext p {
		font-size:24px;
	}
}

@media screen and (max-width:320px) {
	.galleryinfo .project_description_bodytext p {
		font-size:16px;
	}
}

@media (min-width:720px) {
	.galleryinfo .project_description_bodytext p {
		-webkit-column-count:2;
		-moz-column-count:2;
		-webkit-column-width:100%;
		-moz-column-width:100%;
		column-width:100%;
		column-count:2;
		-webkit-column-gap:2.5em;
		-moz-column-gap:2.5em;
		column-gap:2.5em;
		-webkit-column-break-inside:avoid;
		page-break-inside:avoid;
		break-inside:avoid;
	}
}

.galleryinfo .project_description_bodytext p:last-child {
	font-size:calc(16px + 2 * ((100vw - 320px) / 1160));
	font-weight:300;
	-webkit-column-count:1;
	-moz-column-count:1;
	column-count:1;
	-webkit-column-break-inside:avoid;
	page-break-inside:avoid;
	break-inside:avoid;
	margin-top:10px;
	margin-top:1rem;
	max-width:320px;
	max-width:32rem;
}

@media screen and (min-width:1480px) {
	.galleryinfo .project_description_bodytext p:last-child {
		font-size:18px;
	}
}

@media screen and (max-width:320px) {
	.galleryinfo .project_description_bodytext p:last-child {
		font-size:16px;
	}
}

.galleryinfo .project_description_bodytext p:last-child:before {
	content:"–";
	display:block;
}

.galleryinfo .project_description_title {
	font-size:calc(42px + 40 * ((100vw - 320px) / 703));
	line-height:1.2em;
	font-weight:300;
	max-width:1200px;
	position:relative;
	margin-top:0;
	margin-bottom:25px;
	margin-bottom:2.5rem;
}

@media screen and (min-width:1023px) {
	.galleryinfo .project_description_title {
		font-size:82px;
	}
}

@media screen and (max-width:320px) {
	.galleryinfo .project_description_title {
		font-size:42px;
	}
}

@media (min-width:720px) {
	.galleryinfo .project_description_title {
		line-height:1.1em;
		margin-bottom:6.5rem;
	}
}

.galleryinfo {
	z-index:0;
	position:absolute;
}

.info_open .gallery {
	filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="40" /></filter></svg>#filter');
	-webkit-filter:blur(40px);
	filter:blur(40px);
}

.info_open .galleryinfo {
	z-index:100;
	display:block;
}

.info {
	color:#fff;
	padding:3em 1.5em;
}

@media (min-width:1020px) {
	.info {
		padding:3em 6em;
	}
}

.wrapper {
	*zoom:1;
	max-width:100vw;
	margin-left:auto;
	margin-right:auto;
}

.wrapper:after,.wrapper:before {
	content:"";
	display:table;
}

.wrapper:after {
	clear:both;
}

.info_content--intro {
	font-size:calc(20px + 8 * ((100vw - 320px) / 703));
	line-height:1.4em;
	width:calc(99.99% * 12/12 - (30px - 30px * 12/12));
}

.info_content--intro:nth-child(1n) {
	float:left;
	margin-right:30px;
	clear:none;
}

.info_content--intro:last-child {
	margin-right:0;
}

.info_content--intro:nth-child(12n) {
	margin-right:0;
	float:right;
}

.info_content--intro:nth-child(12n+1) {
	clear:left;
}

@media screen and (min-width:1023px) {
	.info_content--intro {
		font-size:28px;
	}
}

@media screen and (max-width:320px) {
	.info_content--intro {
		font-size:20px;
	}
}

@media (min-width:720px) {
	.info_content--intro {
		line-height:1.35em;
		width:calc(99.99% * 10/12 - (30px - 30px * 10/12));
	}
	
	.info_content--intro:nth-child(1n) {
		float:left;
		margin-right:30px;
		clear:none;
	}
	
	.info_content--intro:last-child {
		margin-right:0;
	}
	
	.info_content--intro:nth-child(12n) {
		margin-right:0;
		float:right;
	}
	
	.info_content--intro:nth-child(12n+1) {
		clear:left;
	}
}

.info_content--body {
	width:calc(99.99% * 12/12 - (30px - 30px * 12/12));
	font-size:calc(18px + 2 * ((100vw - 320px) / 703));
	line-height:1.4em;
	margin-bottom:35px;
	margin-bottom:3.5rem;
}

.info_content--body:nth-child(1n) {
	float:left;
	margin-right:30px;
	clear:none;
}

.info_content--body:last-child {
	margin-right:0;
}

.info_content--body:nth-child(12n) {
	margin-right:0;
	float:right;
}

.info_content--body:nth-child(12n+1) {
	clear:left;
}

@media screen and (min-width:1023px) {
	.info_content--body {
		font-size:20px;
	}
}

@media screen and (max-width:320px) {
	.info_content--body {
		font-size:18px;
	}
}

@media (min-width:720px) {
	.info_content--body {
		line-height:1.5em;
		width:calc(99.99% * 12/12 - (30px - 30px * 12/12));
	}
	
	.info_content--body:nth-child(1n) {
		float:left;
		margin-right:30px;
		clear:none;
	}
	
	.info_content--body:last-child {
		margin-right:0;
	}
	
	.info_content--body:nth-child(12n) {
		margin-right:0;
		float:right;
	}
	
	.info_content--body:nth-child(12n+1) {
		clear:left;
	}
}

.info_content--main {
	width:calc(99.99% * 12/12 - (30px - 30px * 12/12));
}

.info_content--main:nth-child(1n) {
	float:left;
	margin-right:30px;
	clear:none;
}

.info_content--main:last-child {
	margin-right:0;
}

.info_content--main:nth-child(12n) {
	margin-right:0;
	float:right;
}

.info_content--main:nth-child(12n+1) {
	clear:left;
}

@media (min-width:1020px) {
	.info_content--main {
		width:calc(99.99% * 12/12 - (30px - 30px * 12/12));
	}
	
	.info_content--main:nth-child(1n) {
		float:left;
		margin-right:30px;
		clear:none;
	}
	
	.info_content--main:last-child {
		margin-right:0;
	}
	
	.info_content--main:nth-child(12n) {
		margin-right:0;
		float:right;
	}
	
	.info_content--main:nth-child(12n+1) {
		clear:left;
	}
}

@media (min-width:1020px) {
	.info_content--main {
		font-size:18px;
		line-height:1.5em;
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
		-webkit-column-gap:10rem;
		-moz-column-gap:10rem;
		column-gap:10rem;
		-webkit-perspective:1;
		-webkit-column-fill:balance;
		-moz-column-fill:balance;
		column-fill:balance;
		vertical-align:top;
	}
}

.info_content--main ul {
	-webkit-column-break-inside:avoid;
	page-break-inside:avoid;
	break-inside:avoid;
}

.info_content--main ul li {
	margin-bottom:2.5px;
	margin-bottom:.25rem;
}

.info_content--main h3 {
	margin-top:0;
}

.contact__address {
	width:calc(99.99% * 12/12 - (30px - 30px * 12/12));
	font-size:calc(20px + 8 * ((100vw - 320px) / 703));
	line-height:1.4em;
	margin-bottom:35px;
	margin-bottom:3.5rem;
}

.contact__address:nth-child(1n) {
	float:left;
	margin-right:30px;
	clear:none;
}

.contact__address:last-child {
	margin-right:0;
}

.contact__address:nth-child(12n) {
	margin-right:0;
	float:right;
}

.contact__address:nth-child(12n+1) {
	clear:left;
}

@media screen and (min-width:1023px) {
	.contact__address {
		font-size:28px;
	}
}

@media screen and (max-width:320px) {
	.contact__address {
		font-size:20px;
	}
}

@media (min-width:720px) {
	.contact__address {
		line-height:1.5em;
		width:calc(99.99% * 10/12 - (30px - 30px * 10/12));
	}
	
	.contact__address:nth-child(1n) {
		float:left;
		margin-right:30px;
		clear:none;
	}
	
	.contact__address:last-child {
		margin-right:0;
	}
	
	.contact__address:nth-child(12n) {
		margin-right:0;
		float:right;
	}
	
	.contact__address:nth-child(12n+1) {
		clear:left;
	}
}

.footer {
	background:silver;
	padding:35px 35px 50px;
	padding:3.5rem 3.5rem 5rem;
	font-weight:400;
	z-index: 2000;
	position: relative;
}

.footer ul li {
	display:block;
	margin-bottom:15px;
	margin-bottom:1.5rem;
}

@media (min-width:720px) {
	.footer ul {
		float:left;
	}
	
	.footer ul li {
		display:inline-block;
		margin-right:1rem;
		margin-bottom:0;
	}
}

.footer__credits {
	opacity:.3;
	-webkit-transition:.25s ease-in;
	transition:.25s ease-in;
}

@media (min-width:720px) {
	.footer__credits {
		text-align:right;
		margin-top:0;
		float:right;
		display:inline-block;
	}
}

.footer:hover .footer__credits {
	opacity:1;
}

.mh_contact {
	color:#fff;
	padding:3em 1.5em;
}

@media (min-width:1020px) {
	.mh_contact {
		padding:3em 6em;
	}
}

/*# sourceMappingURL=main.css.map */