/*
    Variables
*/

/*
    Tags
*/

a {color:inherit;text-decoration:none;}

body {color:#111111;font-family:"aktiv-grotesk",sans-serif;font-size:18px;-webkit-transition:opacity 0.75s;transition:opacity 0.75s;}

body.state-loading {opacity:0;}

body.state-unloading {opacity:0;}

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

@media screen and (max-width: 800px) {body {font-size:16px;}}

em {font-style:italic;}

strong {font-weight:800;}

/*
    Layout Helpers
*/

.container {margin:0 auto;width:90%;}

.layout-flex {-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}

.layout-center {-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}

.align-top {-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;}

.align-bottom {-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;}

.layout-wrapper {width:100%;}

/*
    States
*/

.state-nav-open {/*overflow:hidden;*/}

/*
    Props
*/

.prop-full-width {display:block;height:auto;width:100%;}

/*
    Header
*/

.block-header {position:absolute;top:50px;width:100%;z-index:10;}

.block-header .container {-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

.block-header--logo {color:#006098;-webkit-transition:color 0.5s;transition:color 0.5s;}

.block-header--logo:hover {color:#111111;}

.block-header--menu-toggles {position:fixed;right:5%;width:60px;}

.block-header--menu-toggle svg {fill:#111111;-webkit-transition:-webkit-transform 0.5s 0.5s;transition:transform 0.5s 0.5s;width:60px;}

.state-nav-open .block-header--menu-toggle svg {-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}

.block-header-language-toggles {right:5%;position:absolute;top:0;width:60px;z-index:50;}

.block-header--language-toggle {color:rgb(164,161,158);font-size:14px;position:relative;left:-50px;}

@media screen and (max-width: 800px) {.block-header--language-toggle {left:-35px;}}

/*
    Intro
*/

.block-intro {background:#cccccc;height:100%;position:fixed;width:100%;visibility:hidden;}

/*
    Block About
*/

.block-about {position:relative;z-index:1;}

.block-about:after {background:#8f8985;height:100%;content:" ";position:absolute;right:0;top:0;width:50%;}

.block-about .layout-flex {-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;}

.block-about .col {padding:10% 5% 5% 5%;width:50%;}

.block-about .col-1 p {font-family:"freight-big-pro",serif;font-size:36px;line-height:1.2;}

.block-about .col-1 p:not(:last-child) {margin:0 0 0.4em 0;}

.block-about .col-2 {color:#ffffff;position:relative;z-index:5;}

.block-about--social {line-height:1.4;margin:0 0 25px 0;}

.block-about--social a {-webkit-transition:color 0.5s;transition:color 0.5s;}

.block-about--social a:hover {color:#111111;}

.block-about--contact {line-height:1.4;}

.block-about--contact a {-webkit-transition:color 0.5s;transition:color 0.5s;}

.block-about--contact a:hover {color:#111111;}

@media screen and (min-width: 1400px) {.block-about .col-1 p {font-size:40px;}}

@media screen and (max-width: 800px) {.block-about:after {display:none;}

  .block-about .col {width:100%;}

  .block-about .col-1 {padding-bottom:15%;padding-top:40%;}

  .block-about .col-1 p {font-size:26px;}

  .block-about .col-2 {padding-bottom:15%;padding-top:15%;background:#7c7774;}}

/*
    Featured Project
*/

.block-project-featured {position:relative;}

.block-project-featured .overlay {position:absolute;top:50px;width:100%;z-index:1;}

.block-project-featured--title {color:#006098;font-family:"freight-big-pro",serif;font-size:34px;}

.block-project-featured--title.reverse {color:#ffffff;}

@media screen and (min-width: 1400px) {.block-project-featured--title {font-size:36px;}}

@media screen and (max-width: 800px) {.block-project-featured .overlay {top:6%;}

  .block-project-featured--title {font-size:24px;}}

/*
    Recent Projects
*/

.block-project-recent {padding:50px 0;}

.block-project-recent .container {max-width:100%;}

.block-project-recent--header {margin:0 0 50px 0;}

.block-project-recent--title {color:#006098;font-family:"freight-big-pro",serif;font-size:34px;}

.block-project-recent--filters {margin:0 0 40px 0;text-align:center;}

.block-project-recent--filters a {border-bottom:1px solid #111111;display:inline-block;margin:0 8px;padding:0 0 5px 0;position:relative;}

.block-project-recent--filters a:hover {color:#006098;}

.block-project-recent--filters sup {font-size:0.5em;position:absolute;top:-5px;left:100%;}

.block-project-recent--masonry--grid {width:32%;}

.block-project-recent--masonry--gutter {width:1%;}

.block-project-excerpt {margin:0 0 2% 0;width:32%;}

.block-project-excerpt--figure {background:#111111;margin:0 0 10px 0;position:relative;}

.block-project-excerpt--figure img {-webkit-transition:all 0.4s;transition:all 0.4s;}

.block-project-excerpt--figure:hover img {opacity:0.4;}

.block-project-excerpt--title {font-size:16px;}

@media screen and (min-width: 1025px) {.block-project-excerpt > div {opacity:1;-webkit-transition:all 0.9s 0.2s;transition:all 0.9s 0.2s;}

  .block-project-excerpt .state-hidden {-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);opacity:0;}}

@media screen and (min-width: 1400px) {.block-project-recent--title {font-size:36px;}}

@media screen and (max-width: 800px) {.block-project-recent--filters {margin-bottom:25px;}

  .block-project-recent--filters a {margin-bottom:15px;}

  .block-project-recent {padding-top:6%;}

  .block-project-recent--title {font-size:24px;}

  .block-project-recent--masonry--grid {width:100%;}

  .block-project-recent--masonry--gutter {width:0;}

  .block-project-excerpt {margin:0 0 5% 0;width:100%;}}

/*
    Studio Info
*/

.block-studio {padding:0;}

.block-studio--subtitle {color:#006098;margin:0 0 15px 0;}

.block-studio--about {margin:0 0 60px 0;max-width:74%;position:relative;z-index:5;}

.block-studio--about p {font-family:"freight-big-pro",serif;font-size:36px;line-height:1.2;}

.block-studio .cols {-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

.block-studio .cols .col-1 {width:55%;}

.block-studio .cols .col-2 {width:35%;}

.block-studio--work p {line-height:1.5;margin:0 0 1.4em 0;}

.block-studio--work p:last-child {margin:0;}

.block-studio--specialties--image {margin:100px 0 0 0;}

.block-studio--specialties--list {display:inline-block;list-style:none;line-height:1.4;}

.block-studio--specialties--list li {border-bottom:1px solid #c6c6c6;margin:0 0 3px 0;padding:0 0 4px 0;}

@media screen and (min-width: 1400px) {.block-studio--title {font-size:36px;}

  .block-studio--about p {font-size:40px;}}

@media screen and (max-width: 800px) {.block-studio--about {max-width:100%;}

  .block-studio .cols .col {width:100%;}

  .block-studio .cols .col-1 {margin:0 0 45px 0;}

  .block-studio--title {font-size:26px;}

  .block-studio--about p {font-size:30px;}

  .block-studio--specialties--image {margin-top:45px;}}

/*
    Interact
*/

.block-interact {-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;position:relative;z-index:0;}

.block-interact:before {background:#006098;content:" ";height:100%;left:0;position:absolute;top:0;width:50%;}

.block-interact:after {background:#f7f7f7;content:" ";height:100%;right:0;position:absolute;top:0;width:50%;}

.block-interact .container {max-width:100%;width:100%;}

.block-interact .col {padding:10% 11%;position:relative;z-index:1;width:50%;}

.block-interact .col-1 {padding:10% 8%;}

.block-interact--title {margin:0 0 25px 0;}

.block-interact--tweet {margin:0 0 70px 0;}

.block-interact--tweet p {color:#ffffff;font-family:"freight-big-pro",serif;font-size:36px;line-height:1.2;margin:0 0 15px 0;}

.block-interact--tweet p a {border-bottom:1px solid #ffffff;}

.block-interact--tweet--time {color:#ffffff;opacity:0.8;}

.block-interact--twitter--action a {-webkit-transition:color 0.5s;transition:color 0.5s;}

.block-interact--twitter--action a:hover {color:#ffffff;}

.block-interact--newsletter--title {color:#006098;}

.block-interact--newsletter--copy {font-family:"freight-big-pro",serif;font-size:36px;line-height:1.2;margin:0 0 55px 0;}

.form--newsletter--text {background:none;border:none;border-bottom:1px solid #c6c6c6;font-family:"freight-big-pro",serif;font-size:36px;display:block;margin:0 0 40px 0;padding:0 0 8px 0;width:100%;}

.form--newsletter--text::-webkit-input-placeholder {color:#c6c6c6;}

.form--newsletter--text::-moz-placeholder {color:#c6c6c6;}

.form--newsletter--text:-ms-input-placeholder {color:#c6c6c6;}

.form--newsletter--text::placeholder {color:#c6c6c6;}

.form--newsletter--text:focus {border-color:#006098;color:#006098;outline:none;}

.form--newsletter--text:focus::-webkit-input-placeholder {color:#ffffff;}

.form--newsletter--text:focus::-moz-placeholder {color:#ffffff;}

.form--newsletter--text:focus:-ms-input-placeholder {color:#ffffff;}

.form--newsletter--text:focus::placeholder {color:#ffffff;}

.form--newsletter--submit {background:none;border:none;color:#111111;display:inline-block;-webkit-transition:color 0.5s;transition:color 0.5s;padding:0;}

.form--newsletter--submit:hover {color:#006098;}

@media screen and (min-width: 1400px) {.form--newsletter--text,
.block-interact--newsletter--copy,
.block-interact--tweet p {font-size:40px;}}

@media screen and (max-width: 800px) {.block-interact:before,
.block-interact:after {display:none;}

  .form--newsletter--text,
.block-interact--newsletter--copy,
.block-interact--tweet p {font-size:26px;}

  .block-interact .container {width:100%;}

  .block-interact:before {display:none;}

  .block-interact .col {padding:15% 5%;width:100%;}

  .block-interact .col-1 {background:#006098;}

  .block-interact .col-2 {background:#f7f7f7;}

  .block-interact .col-2 p {padding-right:15%;}}

/*
    Single Project
*/

.layout-single-project {padding:200px 0 0 0;}

.layout-single-project .cols {-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:75px;}

.layout-single-project .cols .col-1 {width:55%;}

.layout-single-project .cols .col-2 {width:35%;}

.block-project--header {margin-bottom:35px;}

.block-project--header--title {font-size:44px;font-family:"freight-big-pro",serif;}

.block-project--copy p {line-height:1.4;margin:0 0 1em 0;}

.block-project--copy p a {-webkit-transition:color 0.5s;transition:color 0.5s;}

.block-project--copy p a:hover {color:#006098;}

.block-project--detail {margin:0 0 1em 0;line-height:1.4;}

.block-project--detail h2 {color:#006098;}

.block-project--detail a {-webkit-transition:color 0.5s;transition:color 0.5s;}

.block-project--detail a:hover {color:#006098;}

.block-project--media--quote {background:#8f8985;color:#ffffff;padding:200px 0 75px 0;}

.block-project--media--quote .col {max-width:750px;}

.block-project--media--quote blockquote {font-family:"freight-big-pro",serif;font-size:38px;line-height:1.1;margin:0 0 35px 0;}

.block-project--media--quote--info {line-height:1.4;}

.block-project--media--images .col {width:50%;}

.block-project--share-together {background:#f7f7f7;position:relative;}

.block-project--share-together:before {background:#006098;content:" ";height:100%;left:0;position:absolute;top:0;width:50%;z-index:0;}

.block-project--share-together .cols {-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;position:relative;z-index:1;}

.block-project--share-together .col {padding:10% 5%;width:50%;}

.block-project--share {color:#ffffff;}

.block-project--share--title {font-size:21px;margin:0 0 15px 0;}

.block-project-share--list {font-family:"freight-big-pro",serif;font-size:36px;list-style:none;}

.block-project-share--list li {margin:0 0 10px 0;}

.block-project--together > p {font-family:"freight-big-pro",serif;font-size:36px;line-height:1.1;margin:0 0 0.5em 0;}

.block-project--together--info {margin:50px 0 0 0;}

.block-project--together--info p {line-height:1.4;margin:0 0 1em 0;}

.block-project--together--info a {-webkit-transition:color 0.5s;transition:color 0.5s;}

.block-project--together--info a:hover {color:#006098;}

@media screen and (min-width: 1025px) {.block-project--media--images,
.block-project--media--image,
.block-project--media--quote {opacity:1;-webkit-transition:all 0.9s 0.2s;transition:all 0.9s 0.2s;}

  .block-project--media--images.state-hidden,
.block-project--media--image.state-hidden,
.block-project--media--quote.state-hidden {-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);opacity:0;}}

@media screen and (min-width: 1400px) {.block-project--header--title {font-size:48px;}}

@media screen and (max-width: 800px) {.block-project--header--title {font-size:34px;}

  .block-project--media--quote blockquote {font-size:26px;}

  .layout-single-project .cols .col {width:100%;}

  .block-project--media--images .col {width:100%;}

  .block-project--share-together:before {display:none;}

  .block-project--share-together .col {padding:50px;width:100%;}

  .block-project--share-together .col-1 {background:#006098;}

  .block-project--share-together .col-2 {background:#f7f7f7;}

  .block-project--together > p {font-size:26px;}

  .block-project-share--list {font-size:26px;}}

/*
    Terms
*/

.layout-about-page {padding:200px 0 0 0;}

/*
    Terms
*/

.layout-page-terms {padding:200px 0 0 0;}

.block-terms {max-width:1100px;}

.block-terms--intro {text-align:center;margin:0 auto 75px auto;max-width:72%;}

.block-terms--intro h1 {color:#006098;font-size:21px;margin:0 0 35px 0;}

.block-terms--intro p {font-family:"freight-big-pro",serif;font-size:30px;line-height:1.2;}

.block-terms .cols {-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

.block-terms .col {width:48%;}

.block-terms--info h2 {color:#006098;margin:0 0 10px 0;}

.block-terms--info p {line-height:1.4;margin:0 0 1.4em 0;}

@media screen and (min-width: 1400px) {.block-terms--intro p {font-size:32px;}}

@media screen and (max-width: 800px) {.block-terms--intro {max-width:100%;}

  .block-terms--intro p {font-size:26px;}

  .block-terms .col {width:100%;}}

/*
    Contact
*/

.block-contact {background:#f6f6f6;padding:75px 0;}

.block-contact.alt {background:none;}

.block-contact .container {max-width:700px;}

.block-contact.altpage .container {max-width:100%;}

.block-contact .cols {-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

.block-contact.altpage .cols {-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}

.block-contact .col {width:40%;}

.block-contact.altpage .col {margin:0 3% 0 0;width:28%;}

.block-contact.altpage .col-1 {margin:0 6% 0 0;}

.block-contact.altpage .col-2 {width:21%;}

.block-contact--copy {font-family:"freight-big-pro",serif;font-size:36px;line-height:1.2;}

.block-contact--copy p:not(:last-child) {margin:0 0 15px 0;}

.block-contact--info--logo {color:#006098;margin:0 0 15px 0;}

.block-contact--info p,
.block-contact--info address {line-height:1.3;margin:0 0 1.4em 0;}

.block-contact--info p:last-child {margin:0;}

.block-contact--info a {-webkit-transition:color 0.5s;transition:color 0.5s;}

.block-contact--info a:hover {color:#006098;}

.block-contact--map {margin:75px auto 0 auto;max-width:700px;}

@media screen and (min-width: 1400px) {.block-contact--copy {font-size:40px;}}

@media screen and (max-width: 800px) {.block-contact--copy {font-size:26px;}

  .block-contact {padding:10% 0 15% 0;}

  .block-contact.alt {padding-bottom:0;}

  .block-contact--map {margin-top:10%;}

  .block-contact.altpage .col,
.block-contact .col {margin:0;padding:5% 0;width:100%;}

  .block-contact .col-1 {padding-bottom:0;}}

/*
    Footer
*/

.block-footer {padding:100px 0;text-align:center;}

.block-footer--logo {margin:0 0 25px 0;}

.block-footer--logo svg {fill:#006098;height:35px;width:105px;}

.block-footer p {color:#4c4a4a;}

@media screen and (max-width: 800px) {.block-footer {padding:15% 0;}}

/*
    Menu
*/

.block-menu {background:#006098;height:100vh;left:0;opacity:0;position:fixed;top:0;width:100%;-webkit-transition:all 1.5s 0s;transition:all 1.5s 0s;visibility:hidden;z-index:10;}

.state-nav-open .block-menu {opacity:1;-webkit-transition:all 1s 0.5s;transition:all 1s 0.5s;visibility:visible;}

.block-menu .container {max-width:600px;}

.block-menu .cols {-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

.block-menu .cols .col-1 {width:60%;}

.block-menu .cols .col-2 {width:35%;}

.block-menu--navigation {color:#ffffff;font-family:"freight-big-pro",serif;font-size:42px;line-height:1.3;}

.block-menu--social {color:#ffffff;line-height:1.4;margin:10px 0 0 0;}

@media screen and (max-width: 800px) {.block-menu--navigation {font-size:36px;}

  .block-menu .cols .col {width:100%;}

  .block-menu .cols .col-1 {margin:0 0 10% 0;}}