@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
}
main {
	display: block;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
a {
	background-color: transparent;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}
b,
strong {
	font-weight: bolder;
}
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
img {
	border-style: none;
}
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button,
input {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
	-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	padding: 0.35em 0.75em 0.625em;
}
legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
details {
	display: block;
}
summary {
	display: list-item;
}
[hidden],
template {
	display: none;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*! Flickity v2.2.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
	position: relative;
}
.flickity-enabled:focus {
	outline: none;
}
.flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%;
}
.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%;
}
.flickity-enabled.is-draggable {
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}
.flickity-button {
	position: absolute;
	background: hsla(0, 0%, 100%, 0.75);
	border: none;
	color: #333;
}
.flickity-button:hover {
	background: #fff;
	cursor: pointer;
}
.flickity-button:focus {
	outline: none;
	-webkit-box-shadow: 0 0 0 5px #19f;
	box-shadow: 0 0 0 5px #19f;
}
.flickity-button:active {
	opacity: 0.6;
}
.flickity-button:disabled {
	opacity: 0.3;
	cursor: auto;
	pointer-events: none;
}
.flickity-button-icon {
	fill: currentColor;
}
.flickity-prev-next-button {
	top: 50%;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
	left: 10px;
}
.flickity-prev-next-button.next {
	right: 10px;
}
.flickity-rtl .flickity-prev-next-button.previous {
	left: auto;
	right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
	right: auto;
	left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
	position: absolute;
	left: 20%;
	top: 20%;
	width: 60%;
	height: 60%;
}
.flickity-page-dots {
	position: absolute;
	width: 100%;
	bottom: -25px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 1;
}
.flickity-rtl .flickity-page-dots {
	direction: rtl;
}
.flickity-page-dots .dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	background: #333;
	border-radius: 50%;
	opacity: 0.25;
	cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
	opacity: 1;
}
.flickity-enabled.is-fade .flickity-slider > * {
	pointer-events: none;
	z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
	pointer-events: auto;
	z-index: 1;
}
@font-face {
	font-family: FGrotesk;
	font-style: normal;
	font-weight: 200;
	src: url(f_grotesk_thin.html);
	src: local("☺"), url(f_grotesk_thin.html#iefix) format("embedded-opentype"),
		url(f_grotesk_thin-2.html) format("woff2"),
		url(f_grotesk_thin-3.html) format("woff"),
		url(f_grotesk_thin-4.html) format("truetype"),
		url(f_grotesk_thin-5.html) format("svg");
}
@font-face {
	font-family: FGrotesk;
	font-style: normal;
	font-weight: 400;
	src: url(f_grotesk_book.html);
	src: local("☺"), url(f_grotesk_book.html#iefix) format("embedded-opentype"),
		url(f_grotesk_book-2.html) format("woff2"),
		url(f_grotesk_book-3.html) format("woff"),
		url(f_grotesk_book-4.html) format("truetype"),
		url(f_grotesk_book-5.html) format("svg");
}
@font-face {
	font-family: FGrotesk;
	font-style: italic;
	font-weight: 400;
	src: url(f_grotesk_book_italic.html);
	src: local("☺"),
		url(f_grotesk_book_italic.html#iefix) format("embedded-opentype"),
		url(f_grotesk_book_italic-2.html) format("woff2"),
		url(f_grotesk_book_italic-3.html) format("woff"),
		url(f_grotesk_book_italic-4.html) format("truetype"),
		url(f_grotesk_book_italic-5.html) format("svg");
}
.h-color-text-black {
	color: #252625;
}
.h-color-bg-black {
	background-color: #252625;
}
.h-color-text-gray-medium {
	color: #565654;
}
.h-color-bg-gray-medium {
	background-color: #565654;
}
.h-color-text-gray-light {
	color: #dadad7;
}
.h-color-bg-gray-light {
	background-color: #dadad7;
}
.h-color-text-gray-faint {
	color: #ebebeb;
}
.h-color-bg-gray-faint {
	background-color: #ebebeb;
}
.h-color-text-white {
	color: #fff;
}
.h-color-bg-white {
	background-color: #fff;
}
.h-fluid-size-top-margin-none {
	margin-top: 0;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-top-margin-none {
		margin-top: calc(0 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-top-margin-none {
		margin-top: 0;
	}
}
.h-fluid-size-bottom-margin-none {
	margin-bottom: 0;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-bottom-margin-none {
		margin-bottom: calc(0 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-bottom-margin-none {
		margin-bottom: 0;
	}
}
.h-fluid-size-top-padding-none {
	padding-top: 0;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-top-padding-none {
		padding-top: calc(0 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-top-padding-none {
		padding-top: 0;
	}
}
.h-fluid-size-bottom-padding-none {
	padding-bottom: 0;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-bottom-padding-none {
		padding-bottom: calc(0 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-bottom-padding-none {
		padding-bottom: 0;
	}
}
.h-fluid-size-top-margin-outer {
	margin-top: 25px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-top-margin-outer {
		margin-top: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.h-fluid-size-top-margin-outer {
		margin-top: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-top-margin-outer {
		margin-top: 190px;
	}
}
.h-fluid-size-bottom-margin-outer {
	margin-bottom: 25px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-bottom-margin-outer {
		margin-bottom: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.h-fluid-size-bottom-margin-outer {
		margin-bottom: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-bottom-margin-outer {
		margin-bottom: 190px;
	}
}
.h-fluid-size-top-padding-outer {
	padding-top: 25px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-top-padding-outer {
		padding-top: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.h-fluid-size-top-padding-outer {
		padding-top: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-top-padding-outer {
		padding-top: 190px;
	}
}
.h-fluid-size-bottom-padding-outer {
	padding-bottom: 25px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-bottom-padding-outer {
		padding-bottom: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.h-fluid-size-bottom-padding-outer {
		padding-bottom: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-bottom-padding-outer {
		padding-bottom: 190px;
	}
}
.h-fluid-size-top-margin-outer-narrow {
	margin-top: 25px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-top-margin-outer-narrow {
		margin-top: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.h-fluid-size-top-margin-outer-narrow {
		margin-top: calc(35px + 25 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-top-margin-outer-narrow {
		margin-top: 60px;
	}
}
.h-fluid-size-bottom-margin-outer-narrow {
	margin-bottom: 25px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-bottom-margin-outer-narrow {
		margin-bottom: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.h-fluid-size-bottom-margin-outer-narrow {
		margin-bottom: calc(35px + 25 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-bottom-margin-outer-narrow {
		margin-bottom: 60px;
	}
}
.h-fluid-size-top-padding-outer-narrow {
	padding-top: 25px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-top-padding-outer-narrow {
		padding-top: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.h-fluid-size-top-padding-outer-narrow {
		padding-top: calc(35px + 25 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-top-padding-outer-narrow {
		padding-top: 60px;
	}
}
.h-fluid-size-bottom-padding-outer-narrow {
	padding-bottom: 25px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-bottom-padding-outer-narrow {
		padding-bottom: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.h-fluid-size-bottom-padding-outer-narrow {
		padding-bottom: calc(35px + 25 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-bottom-padding-outer-narrow {
		padding-bottom: 60px;
	}
}
.h-fluid-size-top-margin-outer-wide {
	margin-top: 0;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-top-margin-outer-wide {
		margin-top: calc(0 * (100vw - 320px) / 704);
	}
}
@media screen and (min-width: 1024px) {
	.h-fluid-size-top-margin-outer-wide {
		margin-top: calc(150 * (100vw - 1024px) / 756);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-top-margin-outer-wide {
		margin-top: 150px;
	}
}
.h-fluid-size-bottom-margin-outer-wide {
	margin-bottom: 0;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-bottom-margin-outer-wide {
		margin-bottom: calc(0 * (100vw - 320px) / 704);
	}
}
@media screen and (min-width: 1024px) {
	.h-fluid-size-bottom-margin-outer-wide {
		margin-bottom: calc(150 * (100vw - 1024px) / 756);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-bottom-margin-outer-wide {
		margin-bottom: 150px;
	}
}
.h-fluid-size-top-padding-outer-wide {
	padding-top: 0;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-top-padding-outer-wide {
		padding-top: calc(0 * (100vw - 320px) / 704);
	}
}
@media screen and (min-width: 1024px) {
	.h-fluid-size-top-padding-outer-wide {
		padding-top: calc(150 * (100vw - 1024px) / 756);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-top-padding-outer-wide {
		padding-top: 150px;
	}
}
.h-fluid-size-bottom-padding-outer-wide {
	padding-bottom: 0;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-bottom-padding-outer-wide {
		padding-bottom: calc(0 * (100vw - 320px) / 704);
	}
}
@media screen and (min-width: 1024px) {
	.h-fluid-size-bottom-padding-outer-wide {
		padding-bottom: calc(150 * (100vw - 1024px) / 756);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-bottom-padding-outer-wide {
		padding-bottom: 150px;
	}
}
.h-fluid-size-top-margin-heading-padding {
	margin-top: 95px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-top-margin-heading-padding {
		margin-top: calc(95px + -35 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-top-margin-heading-padding {
		margin-top: 60px;
	}
}
.h-fluid-size-bottom-margin-heading-padding {
	margin-bottom: 95px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-bottom-margin-heading-padding {
		margin-bottom: calc(95px + -35 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-bottom-margin-heading-padding {
		margin-bottom: 60px;
	}
}
.h-fluid-size-top-padding-heading-padding {
	padding-top: 95px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-top-padding-heading-padding {
		padding-top: calc(95px + -35 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-top-padding-heading-padding {
		padding-top: 60px;
	}
}
.h-fluid-size-bottom-padding-heading-padding {
	padding-bottom: 95px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-bottom-padding-heading-padding {
		padding-bottom: calc(95px + -35 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-bottom-padding-heading-padding {
		padding-bottom: 60px;
	}
}
.h-fluid-size-top-margin-section-padding {
	margin-top: 50px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-top-margin-section-padding {
		margin-top: calc(50px + 130 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-top-margin-section-padding {
		margin-top: 180px;
	}
}
.h-fluid-size-bottom-margin-section-padding {
	margin-bottom: 50px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-bottom-margin-section-padding {
		margin-bottom: calc(50px + 130 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-bottom-margin-section-padding {
		margin-bottom: 180px;
	}
}
.h-fluid-size-top-padding-section-padding {
	padding-top: 50px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-top-padding-section-padding {
		padding-top: calc(50px + 130 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-top-padding-section-padding {
		padding-top: 180px;
	}
}
.h-fluid-size-bottom-padding-section-padding {
	padding-bottom: 50px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-bottom-padding-section-padding {
		padding-bottom: calc(50px + 130 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-bottom-padding-section-padding {
		padding-bottom: 180px;
	}
}
.h-fluid-size-top-margin-footer-padding-top {
	margin-top: 50px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-top-margin-footer-padding-top {
		margin-top: calc(50px + 50 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-top-margin-footer-padding-top {
		margin-top: 100px;
	}
}
.h-fluid-size-bottom-margin-footer-padding-top {
	margin-bottom: 50px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-bottom-margin-footer-padding-top {
		margin-bottom: calc(50px + 50 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-bottom-margin-footer-padding-top {
		margin-bottom: 100px;
	}
}
.h-fluid-size-top-padding-footer-padding-top {
	padding-top: 50px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-top-padding-footer-padding-top {
		padding-top: calc(50px + 50 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-top-padding-footer-padding-top {
		padding-top: 100px;
	}
}
.h-fluid-size-bottom-padding-footer-padding-top {
	padding-bottom: 50px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-bottom-padding-footer-padding-top {
		padding-bottom: calc(50px + 50 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-bottom-padding-footer-padding-top {
		padding-bottom: 100px;
	}
}
.h-fluid-size-top-margin-footer-padding-bottom {
	margin-top: 40px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-top-margin-footer-padding-bottom {
		margin-top: calc(40px + 110 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-top-margin-footer-padding-bottom {
		margin-top: 150px;
	}
}
.h-fluid-size-bottom-margin-footer-padding-bottom {
	margin-bottom: 40px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-bottom-margin-footer-padding-bottom {
		margin-bottom: calc(40px + 110 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-bottom-margin-footer-padding-bottom {
		margin-bottom: 150px;
	}
}
.h-fluid-size-top-padding-footer-padding-bottom {
	padding-top: 40px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-top-padding-footer-padding-bottom {
		padding-top: calc(40px + 110 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-top-padding-footer-padding-bottom {
		padding-top: 150px;
	}
}
.h-fluid-size-bottom-padding-footer-padding-bottom {
	padding-bottom: 40px;
}
@media screen and (min-width: 320px) {
	.h-fluid-size-bottom-padding-footer-padding-bottom {
		padding-bottom: calc(40px + 110 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.h-fluid-size-bottom-padding-footer-padding-bottom {
		padding-bottom: 150px;
	}
}
.h-type-body-1 {
	font-size: 15px;
	font-size: 1.5rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	text-transform: normal;
	letter-spacing: 0;
}
@media (min-width: 48em) {
	.h-type-body-1 {
		font-size: 1.7rem;
	}
}
.h-type-body-2 {
	font-size: 14px;
	font-size: 1.4rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	text-transform: normal;
	letter-spacing: 0;
}
@media (min-width: 48em) {
	.h-type-body-2 {
		font-size: 1.4rem;
	}
}
.h-type-h-1 {
	font-size: 48px;
	font-size: 4.8rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-weight: 200;
	line-height: 1.28;
	text-transform: uppercase;
	letter-spacing: 0.052em;
}
@media (min-width: 48em) {
	.h-type-h-1 {
		font-size: 5.2rem;
	}
}
@media (min-width: 111.25em) {
	.h-type-h-1 {
		font-size: 8rem;
	}
}
.h-type-h-2 {
	font-size: 20px;
	font-size: 2rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-weight: 200;
	line-height: 1.28;
	text-transform: uppercase;
	letter-spacing: 0.035em;
}
@media (min-width: 48em) {
	.h-type-h-2 {
		font-size: 2.7rem;
	}
}
.h-type-h-3 {
	font-size: 20px;
	font-size: 2rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-weight: 200;
	line-height: 1.28;
	text-transform: uppercase;
	letter-spacing: 0.005em;
}
@media (min-width: 48em) {
	.h-type-h-3 {
		font-size: 2rem;
	}
}
.h-type-sub-1 {
	font-size: 11px;
	font-size: 1.1rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 2.2;
	text-transform: uppercase;
	letter-spacing: 0.17em;
}
@media (min-width: 48em) {
	.h-type-sub-1 {
		font-size: 1.1rem;
	}
}
body,
html {
	background-color: #fff;
	min-height: 100vh;
}
html {
	font-size: 62.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-size: 15px;
	font-size: 1.5rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	text-transform: normal;
	letter-spacing: 0;
	color: #252625;
}
*,
:after,
:before {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
a {
	color: inherit;
	text-decoration: none;
}
img,
svg {
	display: block;
	max-width: 100%;
	height: auto;
}
.h-clear-both {
	clear: both;
}
.h-clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.h-hide-text {
	overflow: hidden;
	text-indent: -500px;
	display: block;
}
.h-hide-visually {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.h-text-centered {
	text-align: center;
}
.h-text-left {
	text-align: left;
}
.h-text-right {
	text-align: right;
}
.h-text-transform-none {
	text-transform: none;
}
.h-text-light-on-dark {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
.h-text-smoothing--subpixel {
	-webkit-font-smoothing: subpixel-antialiased;
}
.h-text-smoothing--antialiased {
	-webkit-font-smoothing: antialiased;
}
.js .h-transition,
.js .h-transition-down,
.js .h-transition-left,
.js .h-transition-right,
.js .h-transition-scale-left,
.js .h-transition-up {
	-webkit-transition: 1.5s cubic-bezier(0.2, 0, 0.06, 1);
	transition: 1.5s cubic-bezier(0.2, 0, 0.06, 1);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	will-change: opacity, transform;
	opacity: 0;
}
.js .h-transition-down.is-visible,
.js .h-transition-left.is-visible,
.js .h-transition-right.is-visible,
.js .h-transition-scale-left.is-visible,
.js .h-transition-up.is-visible,
.js .h-transition.is-visible {
	opacity: 1;
	-webkit-transform: translateY(0) translateX(0) scale(1);
	transform: translateY(0) translateX(0) scale(1);
}
.js .h-transition-up {
	-webkit-transform: translateY(4rem);
	transform: translateY(4rem);
}
.js .h-transition-down {
	-webkit-transform: translateY(-6rem);
	transform: translateY(-6rem);
}
.js .h-transition-left {
	-webkit-transform: translateX(6rem);
	transform: translateX(6rem);
}
.js .h-transition-scale-left {
	-webkit-transform: translateX(4rem) scale(0.9);
	transform: translateX(4rem) scale(0.9);
}
.js .h-transition-right {
	-webkit-transform: translateX(-4rem);
	transform: translateX(-4rem);
}
.js .h-transition-delay:first-child {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.js .h-transition-delay:nth-child(2) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.js .h-transition-delay:nth-child(3) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.js .h-transition-delay:nth-child(4) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.js .h-transition-delay:nth-child(5) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.js .h-transition-delay:nth-child(6) {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.js .h-transition-delay:nth-child(7) {
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
.js .h-transition-delay:nth-child(8) {
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
.js .h-transition-delay:nth-child(9) {
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}
.js .h-transition-delay:nth-child(10) {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.js .h-transition-delay:nth-child(11) {
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}
.js .h-transition-delay:nth-child(12) {
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
.js .h-transition-delay:nth-child(13) {
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
}
.js .h-transition-delay:nth-child(14) {
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
.js .h-transition-delay:nth-child(15) {
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
.js .h-transition-delay:nth-child(16) {
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
.js .h-transition-delay:nth-child(17) {
	-webkit-transition-delay: 1.7s;
	transition-delay: 1.7s;
}
.js .h-transition-delay:nth-child(18) {
	-webkit-transition-delay: 1.8s;
	transition-delay: 1.8s;
}
.js .h-transition-delay:nth-child(19) {
	-webkit-transition-delay: 1.9s;
	transition-delay: 1.9s;
}
.js .h-transition-delay:nth-child(20) {
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}
@media (min-width: 48em) {
	.l-contact__content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}
@media (min-width: 48em) {
	.l-contact__form {
		width: 66.01307%;
		padding-top: 8.5rem;
	}
}
@media (max-width: 47.99em) {
	.l-contact__info {
		margin-top: 8rem;
	}
}
@media (min-width: 48em) {
	.l-contact__info {
		width: 23.52941%;
	}
}
@media (min-width: 80em) {
	.l-contact__info {
		width: 15.03268%;
	}
}
.l-contact__info-group > h3 {
	font-size: 11px;
	font-size: 1.1rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 2.2;
	text-transform: uppercase;
	letter-spacing: 0.17em;
}
@media (min-width: 48em) {
	.l-contact__info-group > h3 {
		font-size: 1.1rem;
	}
}
.l-contact__info-group > p {
	font-size: 14px;
	font-size: 1.4rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	text-transform: normal;
	letter-spacing: 0;
	margin-top: 15px;
	margin-top: 1.5rem;
}
@media (min-width: 48em) {
	.l-contact__info-group > p {
		font-size: 1.4rem;
	}
}
.l-contact__info-group > p a {
	position: relative;
}
.l-contact__info-group > p a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid var(--foreground-color);
	-webkit-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-property: opacity;
	transition-property: opacity;
	will-change: opacity;
	opacity: 0;
}
.l-contact__info-group > p a:hover:before {
	opacity: 1;
}
.l-contact__info-group + .l-contact__info-group {
	margin-top: 80px;
	margin-top: 8rem;
}
.l-container {
	padding-top: 95px;
}
@media screen and (min-width: 320px) {
	.l-container {
		padding-top: calc(95px + -35 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.l-container {
		padding-top: 60px;
	}
}
.l-container > .l-section--bleed + .l-section--bleed {
	margin-top: 0;
}
@media screen and (min-width: 320px) {
	.l-container > .l-section--bleed + .l-section--bleed {
		margin-top: calc(0 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.l-container > .l-section--bleed + .l-section--bleed {
		margin-top: 0;
	}
}
.l-container > .l-section--hero-slideshow:first-child {
	margin-top: -95px;
}
@media screen and (min-width: 320px) {
	.l-container > .l-section--hero-slideshow:first-child {
		margin-top: calc(-95px + 35 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.l-container > .l-section--hero-slideshow:first-child {
		margin-top: -60px;
	}
}
.l-grid--4-col {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.l-grid--4-col:after {
	content: " ";
	display: block;
	clear: both;
}
@media (max-width: 47.99em) {
	.l-grid--4-col .l-grid__col {
		width: 49.01961%;
		float: left;
	}
	.l-grid--4-col .l-grid__col:nth-child(odd) {
		margin-right: -100%;
		clear: both;
		margin-left: 0;
	}
	.l-grid--4-col .l-grid__col:nth-child(2n + 2) {
		margin-left: 50.98039%;
		margin-right: -100%;
		clear: none;
	}
	.js .l-grid--4-col .l-grid__col:nth-child(odd) {
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}
	.js .l-grid--4-col .l-grid__col:nth-child(2n + 2) {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}
	.l-grid--4-col .l-grid__col:nth-child(1n + 3) {
		margin-top: 6rem;
	}
}
@media (min-width: 48em) and (max-width: 79.99em) {
	.l-grid--4-col .l-grid__col {
		width: 32.02614%;
		float: left;
	}
	.l-grid--4-col .l-grid__col:nth-child(3n + 1) {
		margin-right: -100%;
		clear: both;
		margin-left: 0;
	}
	.l-grid--4-col .l-grid__col:nth-child(3n + 2) {
		margin-left: 33.98693%;
		margin-right: -100%;
		clear: none;
	}
	.l-grid--4-col .l-grid__col:nth-child(3n + 3) {
		margin-left: 67.97386%;
		margin-right: -100%;
		clear: none;
	}
	.js .l-grid--4-col .l-grid__col:nth-child(3n + 1) {
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}
	.js .l-grid--4-col .l-grid__col:nth-child(3n + 2) {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}
	.js .l-grid--4-col .l-grid__col:nth-child(3n + 3) {
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
	}
	.l-grid--4-col .l-grid__col:nth-child(1n + 4) {
		margin-top: 6rem;
	}
}
@media (min-width: 80em) {
	.l-grid--4-col .l-grid__col {
		width: 23.52941%;
		float: left;
	}
	.l-grid--4-col .l-grid__col:nth-child(4n + 1) {
		margin-right: -100%;
		clear: both;
		margin-left: 0;
	}
	.l-grid--4-col .l-grid__col:nth-child(4n + 2) {
		margin-left: 25.4902%;
		margin-right: -100%;
		clear: none;
	}
	.l-grid--4-col .l-grid__col:nth-child(4n + 3) {
		margin-left: 50.98039%;
		margin-right: -100%;
		clear: none;
	}
	.l-grid--4-col .l-grid__col:nth-child(4n + 4) {
		margin-left: 76.47059%;
		margin-right: -100%;
		clear: none;
	}
	.js .l-grid--4-col .l-grid__col:nth-child(4n + 1) {
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}
	.js .l-grid--4-col .l-grid__col:nth-child(4n + 2) {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}
	.js .l-grid--4-col .l-grid__col:nth-child(4n + 3) {
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
	}
	.js .l-grid--4-col .l-grid__col:nth-child(4n + 4) {
		-webkit-transition-delay: 0.4s;
		transition-delay: 0.4s;
	}
	.l-grid--4-col .l-grid__col:nth-child(1n + 5) {
		margin-top: 6rem;
	}
}
.l-home-intro {
	position: relative;
}
.l-home-intro__content {
	position: relative;
	margin-top: 0;
}
@media screen and (min-width: 320px) {
	.l-home-intro__content {
		margin-top: calc((100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.l-home-intro__content {
		margin-top: 150px;
	}
}
.l-home-intro__content-inner {
	width: 80%;
}
@media (min-width: 64em) {
	.l-home-intro__content-inner {
		width: 40.52288%;
	}
}
@media (min-width: 87.5em) {
	.l-home-intro__content-inner {
		width: 36.27451%;
	}
}

.l-home-intro__content-inner h3 {
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 200;
	line-height: 1.28;
	letter-spacing: 0.035em;
	font-size: 2.5rem;
}
.l-home-intro__content-inner strong {
	font-weight: 700;
}
.l-home-intro__contact {
	font-size: 14px;
	font-size: 1.4rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	text-transform: normal;
	letter-spacing: 0;
	color: var(--foreground-color);
}
@media (min-width: 48em) {
	.l-home-intro__contact {
		font-size: 1.4rem;
	}
}
.l-home-intro__contact > * + * {
	margin-top: 20px;
	margin-top: 2rem;
}
.l-home-intro__contact a {
	position: relative;
}
.l-home-intro__contact a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid var(--foreground-color);
	-webkit-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-property: opacity;
	transition-property: opacity;
	will-change: opacity;
	opacity: 0;
}
.l-home-intro__contact a:hover:before {
	opacity: 1;
}
@media (max-width: 63.99em) {
	.l-home-intro__contact {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
}
@media (min-width: 64em) {
	.l-home-intro__contact {
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1;
	}
}
.l-home-intro__cta {
	margin-top: 60px;
}
@media screen and (min-width: 320px) {
	.l-home-intro__cta {
		margin-top: calc(60px + 140 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.l-home-intro__cta {
		margin-top: 200px;
	}
}
.l-home-intro__second {
	display: none;
}
@media (min-width: 64em) {
	.l-home-intro__second {
		display: block;
		position: absolute;
		top: 0;
		bottom: 5rem;
		width: 32.02614%;
		right: 6.53595%;
	}
}
.l-home-intro__second > .image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
@media (min-width: 48em) {
	.l-principals {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.l-principals:after {
		content: " ";
		display: block;
		clear: both;
	}
}
.principal-arch {
	display: flex;
	justify-content: space-around;
}
.principal-arch-col {
	margin-bottom: 6rem;
}

@media (max-width: 47.99em) {
	.principal-arch {
		display: block;
	}

	.principal-arch-col {
		margin-bottom: 6rem;
	}
}
@media (min-width: 48em) and (max-width: 79.99em) {
	.principal-arch {
		flex-wrap: wrap;
	}
	.principal-arch-col {
		flex: 100%;
	}

	.principal-arch-col img {
		height: 40em;
	}

	.principal-arch-col .card-team {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.principal-arch-col .card-team .card-team__photo {
		flex: 1;
	}

	.principal-arch-col .card-team .card-team__content {
		flex: 1;
		gap: 1em;
		padding-left: 1em;
	}

	.js .principal-arch-col:nth-child(odd) {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}
	.js .principal-arch-col:nth-child(2n + 2) {
		-webkit-transition-delay: 0.4s;
		transition-delay: 0.4s;
	}
}
@media (min-width: 80em) {
	.principal-arch-col {
		width: 80%;
		margin: 0 6em 0 0;
	}

	.js .l-principals__col:nth-child(odd) {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}
	.js .l-principals__col:nth-child(2n + 2) {
		-webkit-transition-delay: 0.4s;
		transition-delay: 0.4s;
	}
}
.l-section--home-intro {
	padding: 50px 25px;
	position: relative;
	background-color: #565654;
}
@media screen and (min-width: 320px) {
	.l-section--home-intro {
		padding-left: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.l-section--home-intro {
		padding-left: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.l-section--home-intro {
		padding-left: 190px;
	}
}
@media screen and (min-width: 320px) {
	.l-section--home-intro {
		padding-right: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.l-section--home-intro {
		padding-right: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.l-section--home-intro {
		padding-right: 190px;
	}
}
.l-section--home-intro .l-section__inner {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width: 320px) {
	.l-section--home-intro {
		padding-top: calc(50px + 130 * (100vw - 320px) / 1460);
		padding-bottom: calc(50px + 130 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.l-section--home-intro {
		padding-top: 180px;
		padding-bottom: 180px;
	}
}
@media (min-width: 64em) {
	.l-section--home-intro {
		padding-top: 75px;
		padding-bottom: 75px;
	}
}
@media screen and (min-width: 64em) and (min-width: 320px) {
	.l-section--home-intro {
		padding-top: calc(75px + 195 * (100vw - 320px) / 1460);
		padding-bottom: calc(75px + 195 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 64em) and (min-width: 1780px) {
	.l-section--home-intro {
		padding-top: 270px;
		padding-bottom: 270px;
	}
}
.l-section--recent-projects {
	padding: 50px 25px;
	position: relative;
	background-color: var(--background-color);
}
@media screen and (min-width: 320px) {
	.l-section--recent-projects {
		padding-left: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.l-section--recent-projects {
		padding-left: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.l-section--recent-projects {
		padding-left: 190px;
	}
}
@media screen and (min-width: 320px) {
	.l-section--recent-projects {
		padding-right: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.l-section--recent-projects {
		padding-right: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.l-section--recent-projects {
		padding-right: 190px;
	}
}
.l-section--recent-projects .l-section__inner {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width: 320px) {
	.l-section--recent-projects {
		padding-top: calc(50px + 130 * (100vw - 320px) / 1460);
		padding-bottom: calc(50px + 130 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.l-section--recent-projects {
		padding-top: 180px;
		padding-bottom: 180px;
	}
}
@media (min-width: 64em) {
	.l-section--home-intro + .l-section--recent-projects {
		padding-top: 75px;
	}
}
@media screen and (min-width: 64em) and (min-width: 320px) {
	.l-section--home-intro + .l-section--recent-projects {
		padding-top: calc(75px + 195 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 64em) and (min-width: 1780px) {
	.l-section--home-intro + .l-section--recent-projects {
		padding-top: 270px;
	}
}
.l-section--contact {
	padding: 50px 25px;
}
@media screen and (min-width: 320px) {
	.l-section--contact {
		padding-left: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.l-section--contact {
		padding-left: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.l-section--contact {
		padding-left: 190px;
	}
}
@media screen and (min-width: 320px) {
	.l-section--contact {
		padding-right: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.l-section--contact {
		padding-right: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.l-section--contact {
		padding-right: 190px;
	}
}
.l-section--contact .l-section__inner {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width: 320px) {
	.l-section--contact {
		padding-top: calc(50px + 130 * (100vw - 320px) / 1460);
		padding-bottom: calc(50px + 130 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.l-section--contact {
		padding-top: 180px;
		padding-bottom: 180px;
	}
}
.l-section--principals {
	padding: 50px 25px;
}
@media screen and (min-width: 320px) {
	.l-section--principals {
		padding-left: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.l-section--principals {
		padding-left: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.l-section--principals {
		padding-left: 190px;
	}
}
@media screen and (min-width: 320px) {
	.l-section--principals {
		padding-right: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.l-section--principals {
		padding-right: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.l-section--principals {
		padding-right: 190px;
	}
}
.l-section--principals .l-section__inner {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width: 320px) {
	.l-section--principals {
		padding-top: calc(50px + 130 * (100vw - 320px) / 1460);
		padding-bottom: calc(50px + 130 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.l-section--principals {
		padding-top: 180px;
		padding-bottom: 180px;
	}
}
.l-section--our-team {
	padding: 50px 25px;
}
@media screen and (min-width: 320px) {
	.l-section--our-team {
		padding-left: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.l-section--our-team {
		padding-left: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.l-section--our-team {
		padding-left: 190px;
	}
}
@media screen and (min-width: 320px) {
	.l-section--our-team {
		padding-right: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.l-section--our-team {
		padding-right: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.l-section--our-team {
		padding-right: 190px;
	}
}
.l-section--our-team .l-section__inner {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width: 320px) {
	.l-section--our-team {
		padding-top: calc(50px + 130 * (100vw - 320px) / 1460);
		padding-bottom: calc(50px + 130 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.l-section--our-team {
		padding-top: 180px;
		padding-bottom: 180px;
	}
}
.aw-logo {
	position: relative;
	height: 0;
	width: 100%;
	padding: 0 0 87.8%;
	color: var(--foreground-color);
	display: block;
}
.aw-logo > svg {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.aw-logotype {
	position: relative;
	height: 0;
	width: 100%;
	padding: 0 0 8.03%;
	color: var(--foreground-color);
	display: block;
}
.aw-logotype > svg {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.body {
	--foreground-color: #252625;
	--background-color: #fff;
	background-color: var(--background-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.body > .l-container {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}
.body--dark {
	--foreground-color: #fff;
	--background-color: #252625;
}
.body--light {
	--foreground-color: #252625;
	--background-color: #dadad7;
}
.btn {
	display: inline-block;
	overflow: hidden;
}
.btn,
.btn__inner {
	position: relative;
}
.btn__inner {
	display: block;
	cursor: pointer;
	background: none;
	padding: 13px 70px 14px 29px;
	padding: 1.3rem 7rem 1.4rem 2.9rem;
	z-index: 1;
	line-height: 1;
	width: 100%;
	text-align: left;
	min-width: 260px;
	min-width: 26rem;
	border: 1px solid #252625;
}
.btn__bg,
.btn__bg:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.btn__bg:before {
	content: "";
	display: block;
	-webkit-transition: 0.5s cubic-bezier(0.4, 0, 0.06, 1);
	transition: 0.5s cubic-bezier(0.4, 0, 0.06, 1);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	will-change: transform;
	-webkit-transform: translateX(-100.5%);
	transform: translateX(-100.5%);
	background-color: #252625;
}
.btn__text {
	font-size: 11px;
	font-size: 1.1rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 2.2;
	text-transform: uppercase;
	letter-spacing: 0.17em;
	color: #252625;
	-webkit-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition-property: color;
	transition-property: color;
	will-change: color;
}
@media (min-width: 48em) {
	.btn__text {
		font-size: 1.1rem;
	}
}
.btn__graphic {
	position: absolute;
	right: 24px;
	right: 2.4rem;
	top: 0;
	bottom: 0;
	margin: auto 0;
	color: #252625;
	pointer-events: none;
	z-index: 0;
	-webkit-transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition-property: color, -webkit-transform;
	transition-property: color, -webkit-transform;
	transition-property: transform, color;
	transition-property: transform, color, -webkit-transform;
	will-change: transform, color;
	-webkit-transition-delay: 0.08s;
	transition-delay: 0.08s;
}
.btn__graphic,
.btn__graphic > svg {
	width: 31px;
	width: 3.1rem;
	height: 15px;
	height: 1.5rem;
}
.btn .btn__inner:focus,
.btn:hover .btn__inner,
a:hover .btn .btn__inner {
	outline: none;
}
.btn .btn__inner:focus .btn__text,
.btn:hover .btn__inner .btn__text,
a:hover .btn .btn__inner .btn__text {
	color: #fff;
}
.btn .btn__inner:focus + .btn__bg:before,
.btn:hover .btn__inner + .btn__bg:before,
a:hover .btn .btn__inner + .btn__bg:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.btn .btn__inner:focus + .btn__bg + .btn__graphic,
.btn:hover .btn__inner + .btn__bg + .btn__graphic,
a:hover .btn .btn__inner + .btn__bg + .btn__graphic {
	-webkit-transform: translateX(0.6rem);
	transform: translateX(0.6rem);
	color: #fff;
	-webkit-transition-delay: 0;
	transition-delay: 0;
}
.btn--reverse .btn__inner {
	border-color: #fff;
}
.btn--reverse .btn__bg:before {
	background-color: #fff;
}
.btn--reverse .btn__graphic,
.btn--reverse .btn__text {
	color: #fff;
}
.btn--reverse .btn__inner:focus,
.btn--reverse:hover .btn__inner,
a:hover .btn--reverse .btn__inner {
	outline: none;
}
.btn--reverse .btn__inner:focus + .btn__bg + .btn__graphic,
.btn--reverse .btn__inner:focus .btn__text,
.btn--reverse:hover .btn__inner + .btn__bg + .btn__graphic,
.btn--reverse:hover .btn__inner .btn__text,
a:hover .btn--reverse .btn__inner + .btn__bg + .btn__graphic,
a:hover .btn--reverse .btn__inner .btn__text {
	color: #252625;
}
.btn--ghost .btn__inner {
	border: none;
}
.btn--ghost .btn__bg {
	background-color: #fff;
}
.btn--ghost .btn__bg:before {
	background-color: #252625;
}
.btn--ghost .btn__graphic,
.btn--ghost .btn__text {
	color: #252625;
}
.btn--ghost .btn__inner:focus,
.btn--ghost:hover .btn__inner,
a:hover .btn--ghost .btn__inner {
	outline: none;
}
.btn--ghost .btn__inner:focus + .btn__bg + .btn__graphic,
.btn--ghost .btn__inner:focus .btn__text,
.btn--ghost:hover .btn__inner + .btn__bg + .btn__graphic,
.btn--ghost:hover .btn__inner .btn__text,
a:hover .btn--ghost .btn__inner + .btn__bg + .btn__graphic,
a:hover .btn--ghost .btn__inner .btn__text {
	color: #fff;
}
.card-project {
	display: block;
}
.card-project__image {
	overflow: hidden;
	position: relative;
}
.card-project__image:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		from(rgba(0, 0, 0, 0.7)),
		to(rgba(0, 0, 0, 0.3))
	);
	background-image: linear-gradient(
		0deg,
		rgba(0, 0, 0, 0.7),
		rgba(0, 0, 0, 0.3)
	);
	z-index: 1;
	-webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
	transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition-property: opacity;
	transition-property: opacity;
	will-change: opacity;
	opacity: 0;
}
.card-project__image-arrow {
	position: absolute;
	right: 25px;
	right: 2.5rem;
	bottom: 30px;
	bottom: 3rem;
	color: #fff;
	-webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
	transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	will-change: opacity, transform;
	-webkit-transform: translateX(-1rem);
	transform: translateX(-1rem);
	opacity: 0;
	z-index: 2;
}
.card-project__image-arrow,
.card-project__image-arrow svg {
	width: 31px;
	width: 3.1rem;
	height: 15px;
	height: 1.5rem;
}
.card-project__content {
	margin-top: 30px;
	margin-top: 3rem;
	padding-right: 10px;
	padding-right: 1rem;
}
.card-project__title {
	font-size: 11px;
	font-size: 1.1rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 2.2;
	text-transform: uppercase;
	letter-spacing: 0.17em;
	color: var(--foreground-color);
}
@media (min-width: 48em) {
	.card-project__title {
		font-size: 1.1rem;
	}
}
.card-project:focus,
.card-project:hover {
	outline: none;
}
.card-project:focus .card-project__image:before,
.card-project:hover .card-project__image:before {
	opacity: 1;
}
.card-project:focus .card-project__image-arrow,
.card-project:hover .card-project__image-arrow {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
.card-team {
	display: block;
}
.card-team__photo {
	overflow: hidden;
}
.card-team__content {
	margin-top: 30px;
	margin-top: 3rem;
}
.card-team__role {
	font-size: 11px;
	font-size: 0.9rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 2.2;
	text-transform: uppercase;
	letter-spacing: 0.17em;
	margin-bottom: 7px;
	margin-bottom: 0.7rem;
}
.card-team__name {
	font-size: 20px;
	font-size: 2rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-weight: 200;
	line-height: 1.28;
	text-transform: uppercase;
	letter-spacing: 0.005em;
	padding-top: 10px;
	padding-top: 1rem;
	margin-bottom: 25px;
	margin-bottom: 2.5rem;
}
@media (min-width: 48em) {
	.card-team__name {
		font-size: 2rem;
	}
}
.card-team__contact {
	font-size: 14px;
	font-size: 1.4rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	text-transform: normal;
	letter-spacing: 0;
}
@media (min-width: 48em) {
	.card-team__contact {
		font-size: 1.4rem;
	}
}
@media (max-width: 31.24em) {
	.card-team__contact {
		font-size: 1.1rem;
	}
}
.card-team__bio {
	font-size: 15px;
	font-size: 1.5rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	text-transform: normal;
	letter-spacing: 0;
	padding-right: 20px;
	padding-right: 2rem;
}
.card-team__quote {
	font-style: italic;
	font-size: 1.5rem;
	margin-top: 1rem;
}
@media (min-width: 48em) {
	.card-team__bio {
		font-size: 1.7rem;
	}
}
.footer {
	color: var(--foreground-color);
	padding: 50px 25px 40px;
}
@media screen and (min-width: 320px) {
	.footer {
		padding-left: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.footer {
		padding-left: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.footer {
		padding-left: 190px;
	}
}
@media screen and (min-width: 320px) {
	.footer {
		padding-right: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.footer {
		padding-right: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.footer {
		padding-right: 190px;
	}
}
@media screen and (min-width: 320px) {
	.footer {
		padding-top: calc(50px + 50 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.footer {
		padding-top: 100px;
	}
}
@media screen and (min-width: 320px) {
	.footer {
		padding-bottom: calc(40px + 110 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.footer {
		padding-bottom: 150px;
	}
}
.footer__inner {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	opacity: 0.5;
}
@media (min-width: 64em) {
	.footer__inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
}
.footer__logotype {
	width: 200px;
	width: 20rem;
}
@media (min-width: 48em) {
	.footer__contact {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
@media (min-width: 64em) {
	.footer__contact {
		width: 66.01307%;
	}
}
@media (min-width: 87.5em) {
	.footer__contact {
		width: 49.01961%;
	}
}
.footer__contact-group {
	font-size: 14px;
	font-size: 1.4rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	text-transform: normal;
	letter-spacing: 0;
}
@media (min-width: 48em) {
	.footer__contact-group {
		font-size: 1.4rem;
	}
}
.footer__contact-group a {
	position: relative;
}
.footer__contact-group a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid var(--foreground-color);
	-webkit-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-property: opacity;
	transition-property: opacity;
	will-change: opacity;
	opacity: 0;
}
.footer__contact-group a:hover:before {
	opacity: 1;
}
@media (max-width: 63.99em) {
	.footer__contact-group {
		margin-top: 3rem;
	}
}
@media (min-width: 48em) {
	.footer__contact-group {
		width: 33.3%;
		padding-right: 2rem;
	}
}
.form__errors {
	font-size: 15px;
	font-size: 1.5rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	text-transform: normal;
	letter-spacing: 0;
	padding-bottom: 40px;
	padding-bottom: 4rem;
}
@media (min-width: 48em) {
	.form__errors {
		font-size: 1.7rem;
	}
}
@media (max-width: 47.99em) {
	.form__content {
		margin-top: -2.8rem;
	}
}
@media (min-width: 48em) {
	.form__row + .form__row {
		margin-top: 2.8rem;
	}
}
@media (min-width: 48em) {
	.form__row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
}
@media (max-width: 47.99em) {
	.form__row > * {
		margin-top: 2.8rem;
	}
}
@media (min-width: 48em) {
	.form__row > * {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;
	}
}
@media (min-width: 48em) {
	.form__row > :nth-child(2n) {
		margin-left: 2.5rem;
	}
}
.form__row > .btn {
	margin-top: 40px;
	margin-top: 4rem;
	width: 100%;
}
@media (min-width: 48em) {
	.form__row > .btn {
		max-width: 30rem;
	}
}
.header {
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 30px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	-webkit-transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-property: opacity;
	transition-property: opacity;
	will-change: opacity;
}
@media screen and (min-width: 320px) {
	.header {
		padding-left: calc(25px + 10 * (100vw - 320px) / 448);
		padding-right: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.header {
		padding-left: calc(35px + 25 * (100vw - 768px) / 1012);
		padding-right: calc(35px + 25 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.header {
		padding-left: 60px;
		padding-right: 60px;
	}
}
@media screen and (min-width: 320px) {
	.header {
		padding-top: calc(30px + 20 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.header {
		padding-top: 50px;
	}
}
.header__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media screen and (max-width: 480px) {
	.header__logo {
		width: 80px;
		height: 20px;
	}

	.header__nav .nav__item {
		font-size: 0.8rem;
		margin-bottom: 4px;
	}
}

@media screen and (min-width: 480px) {
	.header__logo {
		width: 240px;
		height: 48px;
	}
}
.header.is-hidden {
	opacity: 0;
	pointer-events: none;
}
.js .heading-set > * {
	opacity: 0;
	will-change: transform, opacity;
}
.heading-set__heading {
	font-size: 48px;
	font-size: 4.8rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-weight: 200;
	line-height: 1.28;
	text-transform: uppercase;
	letter-spacing: 0.052em;
	position: relative;
	left: -0.08em;
	margin-bottom: 0.4em;
}
@media (min-width: 48em) {
	.heading-set__heading {
		font-size: 5.2rem;
	}
}
@media (min-width: 111.25em) {
	.heading-set__heading {
		font-size: 8rem;
	}
}
.heading-set__subhead {
	font-size: 11px;
	font-size: 1.1rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 2.2;
	text-transform: uppercase;
	letter-spacing: 0.17em;
}
@media (min-width: 48em) {
	.heading-set__subhead {
		font-size: 1.1rem;
	}
}
.hero-slideshow {
	position: relative;
}
.hero-slideshow:before {
	width: 100%;
	height: 90vh;
	max-height: 500px;
	display: block;
	content: "";
}
@media screen and (min-width: 320px) {
	.hero-slideshow:before {
		max-height: calc(500px + 700 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.hero-slideshow:before {
		max-height: 1200px;
	}
}
.hero-slideshow__inner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
.hero-slideshow__slide {
	width: 100%;
	height: 90vh;
	max-height: 500px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
@media screen and (min-width: 320px) {
	.hero-slideshow__slide {
		max-height: calc(500px + 700 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.hero-slideshow__slide {
		max-height: 1200px;
	}
}
.hero-slideshow__slide-inner {
	padding-left: 25px;
	padding-right: 25px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
}
@media screen and (min-width: 320px) {
	.hero-slideshow__slide-inner {
		padding-left: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.hero-slideshow__slide-inner {
		padding-left: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.hero-slideshow__slide-inner {
		padding-left: 190px;
	}
}
@media screen and (min-width: 320px) {
	.hero-slideshow__slide-inner {
		padding-right: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.hero-slideshow__slide-inner {
		padding-right: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.hero-slideshow__slide-inner {
		padding-right: 190px;
	}
}
.hero-slideshow__image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: 5s cubic-bezier(0.47, 0, 0.745, 0.715);
	transition: 5s cubic-bezier(0.47, 0, 0.745, 0.715);
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	will-change: transform;
	background-color: #565654;
}
.hero-slideshow__image-inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: 50%;
	background-size: cover;
	-webkit-transition: 2s;
	transition: 2s;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	will-change: opacity;
	opacity: 0;
}
.hero-slideshow__image-inner:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(rgba(0, 0, 0, 0.6)),
		color-stop(80%, transparent)
	);
	background-image: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.6),
		transparent 80%
	);
}
.hero-slideshow__image-inner.is-loaded {
	opacity: 1;
}
.hero-slideshow__slide-content {
	width: 100%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	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: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.hero-slideshow__heading {
	color: #fff;
	max-width: 600px;
	max-width: 60rem;
}
@media (max-width: 47.99em) {
	.hero-slideshow__heading {
		margin-top: 95px;
	}
}
@media screen and (max-width: 47.99em) and (min-width: 320px) {
	.hero-slideshow__heading {
		margin-top: calc(95px + -35 * (100vw - 320px) / 1460);
	}
}
@media screen and (max-width: 47.99em) and (min-width: 1780px) {
	.hero-slideshow__heading {
		margin-top: 60px;
	}
}
@media (min-width: 111.25em) {
	.hero-slideshow__heading {
		max-width: 100rem;
	}
}
.hero-slideshow__scroll-down {
	left: 25px;
	bottom: 25px;
	position: absolute;
	color: #fff;
	-webkit-animation-name: hero-slideshow-scroll-down;
	animation-name: hero-slideshow-scroll-down;
	-webkit-animation-duration: 8s;
	animation-duration: 8s;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@media screen and (min-width: 320px) {
	.hero-slideshow__scroll-down {
		left: calc(25px + 10 * (100vw - 320px) / 448);
		bottom: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.hero-slideshow__scroll-down {
		left: calc(35px + 25 * (100vw - 768px) / 1012);
		bottom: calc(35px + 25 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.hero-slideshow__scroll-down {
		left: 60px;
		bottom: 60px;
	}
}
.hero-slideshow__scroll-down,
.hero-slideshow__scroll-down svg {
	width: 28px;
	width: 2.8rem;
	height: 32px;
	height: 3.2rem;
}
.hero-slideshow__slide.is-selected .hero-slideshow__image {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: 15s cubic-bezier(0.25, 0.25, 0.75, 0.75);
	transition: 15s cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-webkit-transition-delay: 0;
	transition-delay: 0;
}
.hero-slideshow__inner .flickity-page-dots {
	right: 25px;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 20px;
	width: 2rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: none;
}
@media screen and (min-width: 320px) {
	.hero-slideshow__inner .flickity-page-dots {
		right: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.hero-slideshow__inner .flickity-page-dots {
		right: calc(35px + 25 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.hero-slideshow__inner .flickity-page-dots {
		right: 60px;
	}
}
@media (min-width: 48em) {
	.hero-slideshow__inner .flickity-page-dots {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
.hero-slideshow__inner .flickity-page-dots > .dot {
	border: 1px solid #fff;
	background-color: transparent;
	opacity: 1;
	margin: 12px auto;
	margin: 1.2rem auto;
	overflow: hidden;
	will-change: transform;
	width: 9px;
	width: 0.9rem;
	height: 9px;
	height: 0.9rem;
}
.hero-slideshow__inner .flickity-page-dots > .dot:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	-webkit-transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1);
	transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	will-change: transform;
	-webkit-transform: translateY(100.5%);
	transform: translateY(100.5%);
}
.hero-slideshow__inner .flickity-page-dots > .dot.is-selected:before {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
@-webkit-keyframes hero-slideshow-scroll-down {
	0%,
	10% {
		opacity: 0;
		-webkit-transform: translateY(-1rem);
		transform: translateY(-1rem);
	}
	20%,
	90% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	to {
		opacity: 0;
		-webkit-transform: translateY(1rem);
		transform: translateY(1rem);
	}
}
@keyframes hero-slideshow-scroll-down {
	0%,
	10% {
		opacity: 0;
		-webkit-transform: translateY(-1rem);
		transform: translateY(-1rem);
	}
	20%,
	90% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	to {
		opacity: 0;
		-webkit-transform: translateY(1rem);
		transform: translateY(1rem);
	}
}
.image__inner,
.image__inner .image__img,
.image__inner img,
.image__inner picture > img {
	width: 100%;
}
.image__inner > img {
	display: none;
}
.js .image__inner > img {
	display: block;
}
.js img.noscript {
	display: none !important;
}
.image--bg {
	position: relative;
}
.image--bg .image__img,
.image--bg .image__inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.image--bg .image__img {
	background-size: cover;
	background-repeat: no-repeat;
}
.image--bg.image--bg--contain .image__img {
	background-size: contain;
	background-position: 50%;
}
.js .image--transition {
	overflow: hidden;
}
.js .image--transition .image__img,
.js .image--transition .image__inner,
.js .image--transition img {
	-webkit-transition: 2s cubic-bezier(0.445, 0.05, 0.07, 1);
	transition: 2s cubic-bezier(0.445, 0.05, 0.07, 1);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	will-change: transform, opacity;
}
.js .image--transition .image__inner {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	overflow: hidden;
}
.js .image--transition .image__img,
.js .image--transition img {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0.3;
}
.js .image--transition.is-visible .image__img,
.js .image--transition.is-visible .image__inner,
.js .image--transition.is-visible img {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.js .image--reveal .image__img,
.js .image--reveal img {
	-webkit-transition: 2s cubic-bezier(0.19, 1, 0.22, 1);
	transition: 2s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-property: opacity;
	transition-property: opacity;
	will-change: opacity;
	opacity: 0;
}
.js .image--reveal .image__img.is-loaded,
.js .image--reveal img.is-loaded {
	opacity: 1;
}
.input-text {
	position: relative;
	padding-bottom: 37px;
	padding-bottom: 3.7rem;
}
.input-text__input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	border: none;
	background-color: transparent;
	font-size: 14px;
	font-size: 1.4rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	text-transform: normal;
	letter-spacing: 0;
	padding: 14px 17px;
	padding: 1.4rem 1.7rem;
	display: block;
	width: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0 0.4rem 2rem rgba(37, 38, 37, 0);
	box-shadow: 0 0.4rem 2rem rgba(37, 38, 37, 0);
	-webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
	transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-property: -webkit-box-shadow;
	transition-property: -webkit-box-shadow;
	transition-property: box-shadow;
	transition-property: box-shadow, -webkit-box-shadow;
	will-change: box-shadow;
}
@media (min-width: 48em) {
	.input-text__input {
		font-size: 1.4rem;
	}
}
.input-text__input::-webkit-input-placeholder {
	color: rgba(37, 38, 37, 0.4);
}
.input-text__input:-moz-placeholder,
.input-text__input::-moz-placeholder {
	color: rgba(37, 38, 37, 0.4);
	opacity: 1;
}
.input-text__input:-ms-input-placeholder {
	color: rgba(37, 38, 37, 0.4);
}
.input-text__input::-ms-input-placeholder {
	color: rgba(37, 38, 37, 0.4);
}
@media (max-width: 47.99em) {
	.input-text__input {
		font-size: 1.6rem;
	}
}
.input-text__input:focus {
	outline: none;
	-webkit-box-shadow: 0 0.4rem 2rem rgba(37, 38, 37, 0.15);
	box-shadow: 0 0.4rem 2rem rgba(37, 38, 37, 0.15);
}
.input-text__input:disabled {
	color: #252625;
	-webkit-text-fill-color: #252625;
}
.input-text__label {
	font-size: 11px;
	font-size: 1.1rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 2.2;
	text-transform: uppercase;
	letter-spacing: 0.17em;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
@media (min-width: 48em) {
	.input-text__label {
		font-size: 1.1rem;
	}
}
.input-text__errors {
	margin-top: 16px;
	margin-top: 1.6rem;
}
.input-text__errors > p {
	font-size: 14px;
	font-size: 1.4rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	text-transform: normal;
	letter-spacing: 0;
}
@media (min-width: 48em) {
	.input-text__errors > p {
		font-size: 1.4rem;
	}
}
.input-text--required .input-text__label:after {
	content: "*";
}
.input-text[data-type="textarea"] .input-text__input {
	height: 130px;
	height: 13rem;
}
.nav__item-inner {
	position: relative;
}
.nav__item-inner:after {
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	border-top: 1px solid var(--foreground-color);
	left: 0;
	width: 100%;
	bottom: -0.6em;
	-webkit-transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1);
	transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	will-change: opacity, transform;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	opacity: 0;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}
.nav__item {
	font-size: 11px;
	font-size: 1.1rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 2.2;
	text-transform: uppercase;
	letter-spacing: 0.17em;
	color: var(--foreground-color);
	display: inline-block;
	padding: 10px 0;
	padding: 1rem 0;
}
@media (min-width: 48em) {
	.nav__item {
		font-size: 1.1rem;
	}
}
.nav__item + .nav__item {
	padding-left: 9px;
	margin-left: -4px;
	margin-left: -0.4rem;
}
@media screen and (min-width: 320px) {
	.nav__item + .nav__item {
		padding-left: calc(9px + 21 * (100vw - 320px) / 180);
	}
}
@media screen and (min-width: 500px) {
	.nav__item + .nav__item {
		padding-left: 30px;
	}
}
.nav__item.is-active,
.nav__item:focus,
.nav__item:hover {
	outline: none;
}
.nav__item.is-active .nav__item-inner:after,
.nav__item:focus .nav__item-inner:after,
.nav__item:hover .nav__item-inner:after {
	opacity: 1;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-duration: 0.9s;
	transition-duration: 0.9s;
}
.nav__item.is-moused-over .nav__item-inner:after {
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.project-slideshow {
	background-color: #252625;
}
@media (max-width: 63.99em) {
	.project-slideshow {
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 50px;
	}
}
@media screen and (max-width: 63.99em) and (min-width: 320px) {
	.project-slideshow {
		padding-left: calc(25px + 10 * (100vw - 320px) / 448);
		padding-right: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (max-width: 63.99em) and (min-width: 768px) {
	.project-slideshow {
		padding-left: calc(35px + 155 * (100vw - 768px) / 1012);
		padding-right: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (max-width: 63.99em) and (min-width: 1780px) {
	.project-slideshow {
		padding-left: 190px;
		padding-right: 190px;
	}
}
@media screen and (max-width: 63.99em) and (min-width: 320px) {
	.project-slideshow {
		padding-top: calc(50px + 130 * (100vw - 320px) / 1460);
	}
}
@media screen and (max-width: 63.99em) and (min-width: 1780px) {
	.project-slideshow {
		padding-top: 180px;
	}
}
@media (min-width: 64em) {
	.project-slideshow {
		z-index: 90;
		height: 100vh;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
}
.project-slideshow__mobile-image {
	margin-top: 50px;
	margin-top: 5rem;
}
@media (min-width: 64em) {
	.project-slideshow__mobile-image {
		display: none;
	}
}
@media (min-width: 64em) {
	.project-slideshow__slides {
		width: 100%;
		height: 100vh;
	}
	.project-slideshow__slides:after {
		content: "flickity";
		display: none;
	}
}
@media (min-width: 64em) {
	.project-slideshow__first-slide,
	.project-slideshow__slide {
		width: 100%;
		height: 100vh;
		background-color: #252625;
	}
}
@media (max-width: 63.99em) {
	.project-slideshow__first-slide-image {
		display: none;
	}
}
@media (min-width: 64em) {
	.project-slideshow__first-slide-image {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		right: 50%;
		-webkit-transition: 1.5s;
		transition: 1.5s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
		will-change: opacity;
		opacity: 0;
	}
}
@media (min-width: 64em) {
	.project-slideshow__first-slide-image > .image {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
}
.project-slideshow__first-slide-content {
	color: #fff;
}
@media (min-width: 64em) {
	.project-slideshow__first-slide-content {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		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;
		left: 50%;
		padding: 150px 20px;
	}
}
@media screen and (min-width: 64em) and (min-width: 320px) {
	.project-slideshow__first-slide-content {
		padding-left: calc(20px + 8 * (100vw - 320px) / 448);
		padding-right: calc(20px + 8 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 64em) and (min-width: 768px) {
	.project-slideshow__first-slide-content {
		padding-left: calc(28px + 124 * (100vw - 768px) / 1012);
		padding-right: calc(28px + 124 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 64em) and (min-width: 1780px) {
	.project-slideshow__first-slide-content {
		padding-left: 152px;
		padding-right: 152px;
	}
}
@media screen and (min-width: 64em) and (min-height: 600px) {
	.project-slideshow__first-slide-content {
		padding-top: calc(150px + 250 * (100vh - 600px) / 600);
		padding-bottom: calc(150px + 250 * (100vh - 600px) / 600);
	}
}
@media screen and (min-width: 64em) and (min-height: 1200px) {
	.project-slideshow__first-slide-content {
		padding-top: 400px;
		padding-bottom: 400px;
	}
}
.project-slideshow__first-slide-content > h1 {
	font-size: 20px;
	font-size: 2rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-weight: 200;
	line-height: 1.28;
	text-transform: uppercase;
	letter-spacing: 0.035em;
}
@media (min-width: 48em) {
	.project-slideshow__first-slide-content > h1 {
		font-size: 2.7rem;
	}
}
.project-slideshow__first-slide-content > p {
	font-size: 14px;
	font-size: 1.4rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	text-transform: normal;
	letter-spacing: 0;
	margin-top: 50px;
	margin-top: 5rem;
}
@media (min-width: 48em) {
	.project-slideshow__first-slide-content > p {
		font-size: 1.4rem;
	}
}
@media (min-width: 64em) {
	.project-slideshow__first-slide-content > p {
		width: 40%;
	}
}
@media (max-width: 63.99em) {
	.project-slideshow__slide-image {
		display: none;
	}
}
@media (min-width: 64em) {
	.project-slideshow__slide-image {
		left: 25px;
		right: 25px;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		top: 17rem;
		bottom: 17rem;
		-webkit-transition: 1.5s;
		transition: 1.5s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
		will-change: opacity;
		opacity: 0;
	}
}
@media screen and (min-width: 64em) and (min-width: 320px) {
	.project-slideshow__slide-image {
		left: calc(25px + 10 * (100vw - 320px) / 448);
		right: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 64em) and (min-width: 768px) {
	.project-slideshow__slide-image {
		left: calc(35px + 155 * (100vw - 768px) / 1012);
		right: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 64em) and (min-width: 1780px) {
	.project-slideshow__slide-image {
		left: 190px;
		right: 190px;
	}
}
.project-slideshow__slide-image > .image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
@media (max-width: 63.99em) {
	.project-slideshow__footer {
		margin-top: 5rem;
	}
}
@media (min-width: 64em) {
	.project-slideshow__footer {
		left: 25px;
		right: 25px;
		position: absolute;
		bottom: 0;
		height: 14rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}
@media screen and (min-width: 64em) and (min-width: 320px) {
	.project-slideshow__footer {
		left: calc(25px + 10 * (100vw - 320px) / 448);
		right: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 64em) and (min-width: 768px) {
	.project-slideshow__footer {
		left: calc(35px + 25 * (100vw - 768px) / 1012);
		right: calc(35px + 25 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 64em) and (min-width: 1780px) {
	.project-slideshow__footer {
		left: 60px;
		right: 60px;
	}
}
.project-slideshow__footer-left,
.project-slideshow__footer-right {
	width: 180px;
	width: 18rem;
}
.project-slideshow__back {
	font-size: 11px;
	font-size: 1.1rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 2.2;
	text-transform: uppercase;
	letter-spacing: 0.17em;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
@media (min-width: 48em) {
	.project-slideshow__back {
		font-size: 1.1rem;
	}
}
.project-slideshow__back span:first-of-type {
	display: inline-block;
	margin-right: 20px;
	margin-right: 2rem;
}
.project-slideshow__back span:first-of-type,
.project-slideshow__back span:first-of-type svg {
	width: 32px;
	width: 3.2rem;
	height: 28px;
	height: 2.8rem;
}
@media (max-width: 63.99em) {
	.project-slideshow__footer-center {
		display: none;
	}
}
.project-slideshow__footer-center > h2 {
	font-size: 20px;
	font-size: 2rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-weight: 200;
	line-height: 1.28;
	text-transform: uppercase;
	letter-spacing: 0.005em;
	font-size: 17px;
	font-size: 1.7rem;
	color: #fff;
}
.project-slideshow__footer-right {
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
@media (max-width: 63.99em) {
	.project-slideshow__footer-right {
		display: none;
	}
}
.project-slideshow__footer-right > span {
	cursor: pointer;
	display: inline-block;
	-webkit-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-property: opacity;
	transition-property: opacity;
	will-change: opacity;
}
.project-slideshow__footer-right > span,
.project-slideshow__footer-right > span svg {
	width: 32px;
	width: 3.2rem;
	height: 28px;
	height: 2.8rem;
}
.project-slideshow__footer-right > span + span {
	margin-left: 40px;
	margin-left: 4rem;
}
.project-slideshow__footer-right > span.is-disabled {
	opacity: 0.3;
	cursor: auto;
}
.project-slideshow__footer-center,
.project-slideshow__footer-left {
	-webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
	transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-property: opacity;
	transition-property: opacity;
	will-change: opacity;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
@media (min-width: 64em) {
	.project-slideshow__first-slide-content--idx-0 > h1 {
		text-align: center;
	}
}
@media (min-width: 64em) {
	.project-slideshow__first-slide-content--idx-1 > h1,
	.project-slideshow__first-slide-content--idx-3 > h1 {
		text-align: left;
	}
	.project-slideshow__first-slide-content--idx-1 > p,
	.project-slideshow__first-slide-content--idx-3 > p {
		margin-left: 60%;
	}
}
@media (min-width: 64em) {
	.project-slideshow__first-slide-content--idx-2 > h1 {
		text-align: center;
	}
}
@media (min-width: 64em) {
	.project-slideshow__first-slide.is-selected
		.project-slideshow__first-slide-image,
	.project-slideshow__slide.is-selected .project-slideshow__slide-image {
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
		opacity: 1;
	}
}
@media (min-width: 64em) {
	.project-slideshow__footer.is-inactive .project-slideshow__footer-center,
	.project-slideshow__footer.is-inactive .project-slideshow__footer-left {
		opacity: 0;
		pointer-events: none;
		-webkit-transition-delay: 0;
		transition-delay: 0;
	}
}
.rich-text {
	font-size: 15px;
	font-size: 1.5rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	text-transform: normal;
	letter-spacing: 0;
}
@media (min-width: 48em) {
	.rich-text {
		font-size: 1.7rem;
	}
}
.rich-text > * + * {
	margin-top: 24px;
	margin-top: 2.4rem;
}
.rich-text a {
	text-decoration: underline;
}
.rich-text ul {
	list-style: disc;
}
.rich-text ol {
	list-style: decimal;
}
.rich-text ol,
.rich-text ul {
	margin-left: 16px;
	margin-left: 1.6rem;
}
@media (min-width: 48em) {
	.rich-text ol,
	.rich-text ul {
		margin-left: -0.5rem;
	}
}
.rich-text ol li,
.rich-text ul li {
	padding-left: 5px;
	padding-left: 0.5rem;
}
.rich-text ol li + li,
.rich-text ul li + li {
	margin-top: 17px;
	margin-top: 1.7rem;
}
.rich-text--reverse {
	color: #fff;
}
.section-heading {
	font-size: 20px;
	font-size: 2rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-weight: 200;
	line-height: 1.28;
	text-transform: uppercase;
	letter-spacing: 0.035em;
	padding-bottom: 40px;
	color: var(--foreground-color);
}
@media (min-width: 48em) {
	.section-heading {
		font-size: 2.7rem;
	}
}
@media screen and (min-width: 320px) {
	.section-heading {
		padding-bottom: calc(40px + 104 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.section-heading {
		padding-bottom: 144px;
	}
}
.select {
	position: relative;
	padding-bottom: 37px;
	padding-bottom: 3.7rem;
}
.select,
.select__label {
	display: block;
	width: 100%;
}
.select__label {
	font-size: 11px;
	font-size: 1.1rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 2.2;
	text-transform: uppercase;
	letter-spacing: 0.17em;
	position: absolute;
	bottom: 0;
	left: 0;
}
@media (min-width: 48em) {
	.select__label {
		font-size: 1.1rem;
	}
}
.select__inner {
	position: relative;
}
.select__select {
	font-size: 14px;
	font-size: 1.4rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	text-transform: normal;
	letter-spacing: 0;
	color: #252625;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-appearance: none;
	border: none;
	background-color: #fff;
	border-radius: 0;
	width: 100%;
	padding: 14px 45px 14px 17px;
	padding: 1.4rem 4.5rem 1.4rem 1.7rem;
	-webkit-transition: 0.15s cubic-bezier(0.19, 1, 0.22, 1);
	transition: 0.15s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-property: background-color, color;
	transition-property: background-color, color;
	will-change: background-color, color;
}
@media (min-width: 48em) {
	.select__select {
		font-size: 1.4rem;
	}
}
.select__select:focus {
	outline: none;
}
@media (max-width: 63.99em) {
	.select__select {
		font-size: 1.6rem !important;
	}
}
.select__graphic {
	position: absolute;
	right: 20px;
	right: 2rem;
	top: 0;
	bottom: 0;
	margin: auto 0;
	pointer-events: none;
}
.select__graphic,
.select__graphic svg {
	width: 13px;
	width: 1.3rem;
	height: 13px;
	height: 1.3rem;
}
.select__errors {
	margin-top: 16px;
	margin-top: 1.6rem;
}
.select__errors > p {
	font-size: 14px;
	font-size: 1.4rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	text-transform: normal;
	letter-spacing: 0;
}
@media (min-width: 48em) {
	.select__errors > p {
		font-size: 1.4rem;
	}
}
.styleguide-code {
	font-family: monospace;
	font-size: 14px;
	color: #60ab9d;
	background-color: rgba(153, 201, 192, 0.15);
	border-radius: 3px;
	padding: 15px 17px;
	cursor: pointer;
	overflow-x: scroll;
}
.styleguide-code:hover {
	-webkit-box-shadow: 0 0 0 2px rgba(153, 201, 192, 0.4);
	box-shadow: 0 0 0 2px rgba(153, 201, 192, 0.4);
}
.styleguide-code:active {
	-webkit-box-shadow: 0 0 0 2px #99c9c0;
	box-shadow: 0 0 0 2px #99c9c0;
}
.styleguide-heading {
	font-size: 11px;
	font-size: 1.1rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FGrotesk, Helvetica Neue, arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 2.2;
	text-transform: uppercase;
	letter-spacing: 0.17em;
	padding-top: 10px;
	border-top: 1px solid #000;
}
@media (min-width: 48em) {
	.styleguide-heading {
		font-size: 1.1rem;
	}
}
.styleguide-heading:not(:first-child) {
	margin-top: 80px;
}
.styleguide-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.styleguide-item__name {
	font-size: 18px;
	width: 100%;
}
.styleguide-item__code,
.styleguide-item__example {
	margin-top: 20px;
}
.styleguide-item__code {
	width: 100%;
}
@media (min-width: 48em) {
	.styleguide-item__code {
		width: 380px;
		margin-right: 40px;
	}
}
.styleguide-item__example {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.styleguide-item--dark .styleguide-item__example {
	padding: 40px;
	padding: 4rem;
	background-color: #252625;
}
.styleguide-item--medium .styleguide-item__example {
	padding: 40px;
	padding: 4rem;
	background-color: #dadad7;
}
.styleguide-item--full .styleguide-item__example {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}
.styleguide-nav {
	padding-left: 25px;
	padding-right: 25px;
	background-color: #333;
}
@media screen and (min-width: 320px) {
	.styleguide-nav {
		padding-left: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.styleguide-nav {
		padding-left: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.styleguide-nav {
		padding-left: 190px;
	}
}
@media screen and (min-width: 320px) {
	.styleguide-nav {
		padding-right: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.styleguide-nav {
		padding-right: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.styleguide-nav {
		padding-right: 190px;
	}
}
.styleguide-nav__item {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	line-height: 60px;
	margin-right: 10px;
}
.styleguide-nav__item:hover {
	text-decoration: underline;
}
.styleguide-nav__item.is-active {
	color: #99c9c0;
}
.styleguide-type-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.styleguide-type-item__code,
.styleguide-type-item__example {
	margin-top: 20px;
}
.styleguide-type-item__code {
	width: 100%;
}
@media (min-width: 48em) {
	.styleguide-type-item__code {
		width: 300px;
		margin-right: 40px;
	}
}
.styleguide-type-item__example {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.styleguide-wrapper {
	margin-top: 95px;
}
@media screen and (min-width: 320px) {
	.styleguide-wrapper {
		margin-top: calc(95px + -35 * (100vw - 320px) / 1460);
	}
}
@media screen and (min-width: 1780px) {
	.styleguide-wrapper {
		margin-top: 60px;
	}
}
.styleguide-wrapper__content {
	padding: 25px;
}
@media screen and (min-width: 320px) {
	.styleguide-wrapper__content {
		padding: calc(25px + 10 * (100vw - 320px) / 448);
	}
}
@media screen and (min-width: 768px) {
	.styleguide-wrapper__content {
		padding: calc(35px + 155 * (100vw - 768px) / 1012);
	}
}
@media screen and (min-width: 1780px) {
	.styleguide-wrapper__content {
		padding: 190px;
	}
}
.styleguide-wrapper__content > * + * {
	margin-top: 40px;
}