@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  font-family: "Suisse", sans-serif;
  font-weight: 300;
  color: #000000;
  text-align: left;
  box-sizing: border-box;
  transition: color 400ms, visibility 400ms, opacity 400ms;
  -webkit-font-smoothing: antialiased; }
  *::selection {
    background: rgba(0, 0, 0, 0.99);
    text-shadow: none;
    color: #ffffff; }
  *::-moz-selection {
    background: rgba(0, 0, 0, 0.99);
    text-shadow: none;
    color: #ffffff; }

body {
  background: #ffffff; }
  body.single-project {
    background: #f8f8f8; }
    body.single-project figure.fixed img.visible, body.single-project figure.fixed video.visible {
      background: #f8f8f8; }
  body.notransition * {
    transition: none; }
  body.modal-open {
    position: absolute;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    touch-action: none; }
  body.blackout {
    background: #000000; }
    body.blackout #inner {
      visibility: hidden;
      opacity: 0; }
  body #inner {
    visibility: visible;
    opacity: 1; }

html, body, #wrap, #inner, #content-sidebar-wrap, #content, .site-inner, .content-sidebar-wrap, .content {
  min-height: 100vh; }

#wrap, #inner, #content-sidebar-wrap, #content, .site-inner, .content-sidebar-wrap, .content {
  position: relative; }

#inner, #content-sidebar-wrap, #content, .site-inner, .content-sidebar-wrap, .content {
  height: 100%;
  overflow: hidden; }

a {
  cursor: pointer;
  text-decoration: none; }
  a:hover {
    color: #cccccc; }

.no-margin {
  margin: 0 !important; }

.fullheight {
  height: 100vh; }

.hide-for-not-mobile {
  display: none !important; }

.tablet-version, .mobile-version, br.tablet-version {
  display: none; }

.desktop-version {
  display: inherit; }

br.desktop-version {
  display: inline; }

.soft-hide, .site-footer, .site-footer .site-menu li, .site-footer .menu-menu-container li, .module, .list-project, .list-post, .project-hero.video-hero svg, figure video, figure img {
  visibility: hidden !important;
  opacity: 0 !important; }
  .soft-hide.visible, .visible.site-footer, .site-footer .site-menu li.visible, .site-footer .menu-menu-container li.visible, .visible.module, .visible.list-project, .visible.list-post, .project-hero.video-hero svg.visible, figure video.visible, figure img.visible {
    visibility: visible !important;
    opacity: 1 !important; }

body .hidden {
  visibility: hidden !important;
  opacity: 0 !important;
  z-index: -1;
  pointer-events: none; }

.visible {
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 1 !important;
  pointer-events: auto !important; }

img {
  max-width: 100%;
  max-height: 100%; }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  background: none !important; }

input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #cccccc;
  opacity: 1;
  /* Firefox */ }

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #cccccc; }

input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #cccccc; }

@font-face {
  font-family: "Suisse";
  src: url("../fonts/SuisseIntl-Light-WebM.woff2") format("woff2"), url("../fonts/SuisseIntl-Light-WebM.woff") format("woff"), url("../fonts/SuisseIntl-Light-WebM.ttf") format("ttf"), url("../fonts/SuisseIntl-Light-WebM.eot") format("eot");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Suisse";
  src: url("../fonts/SuisseIntl-LightItalic-WebM.woff2") format("woff2"), url("../fonts/SuisseIntl-LightItalic-WebM.woff") format("woff"), url("../fonts/SuisseIntl-LightItalic-WebM.ttf") format("ttf"), url("../fonts/SuisseIntl-LightItalic-WebM.eot") format("eot");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: "Suisse";
  src: url("../fonts/SuisseIntl-Regular-WebS.woff2") format("woff2"), url("../fonts/SuisseIntl-Regular-WebS.woff") format("woff"), url("../fonts/SuisseIntl-Regular-WebS.ttf") format("ttf"), url("../fonts/SuisseIntl-Regular-WebS.eot") format("eot");
  font-weight: 400; }

.header-1, .huge {
  text-align: center;
  font-size: 200px;
  line-height: 1.125em;
  letter-spacing: 0.02em; }

.header-2, h2, .big, .site-menu ul li,
.menu-menu-container ul li, .module.contact-module .subscribe-form input[type="email"], .module.contact-module .subscribe-form a, .module.contact-module .subscribe-form.tablet-version input[type="email"], .module.contact-module .subscribe-form.tablet-version p, .home .list-project p.info {
  font-size: 50px;
  line-height: 60px;
  letter-spacing: .02em; }

p.top-margin, .module.services p.about-header {
  margin-top: 32px;
  margin-bottom: 32px; }

h1, h3, p, .text-module {
  font-size: 25px;
  line-height: 32px;
  margin-bottom: 32px;
  letter-spacing: .02em; }

.caption {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: .06em;
  font-weight: normal; }
  .caption a {
    font-weight: normal; }

.row, .menu-overlay .site-menu, .menu-overlay .menu-menu-container {
  width: 100%;
  display: block;
  position: relative;
  padding-left: 1.8%;
  padding-right: 1.8%; }
  .row:after, .menu-overlay .site-menu:after, .menu-overlay .menu-menu-container:after {
    content: " ";
    display: block;
    width: 100%;
    height: 0;
    clear: both; }

.block {
  width: 100%;
  background: #727272;
  height: 200px; }

.col-1 {
  vertical-align: top;
  display: inline-block;
  width: 8.33333%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-offset-1 {
  vertical-align: top;
  display: inline-block;
  margin-left: 8.33333%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-2 {
  vertical-align: top;
  display: inline-block;
  width: 16.66667%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-offset-2 {
  vertical-align: top;
  display: inline-block;
  margin-left: 16.66667%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-3 {
  vertical-align: top;
  display: inline-block;
  width: 25%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-offset-3 {
  vertical-align: top;
  display: inline-block;
  margin-left: 25%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-4 {
  vertical-align: top;
  display: inline-block;
  width: 33.33333%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-offset-4 {
  vertical-align: top;
  display: inline-block;
  margin-left: 33.33333%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-5 {
  vertical-align: top;
  display: inline-block;
  width: 41.66667%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-offset-5 {
  vertical-align: top;
  display: inline-block;
  margin-left: 41.66667%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-6 {
  vertical-align: top;
  display: inline-block;
  width: 50%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-offset-6 {
  vertical-align: top;
  display: inline-block;
  margin-left: 50%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-7 {
  vertical-align: top;
  display: inline-block;
  width: 58.33333%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-offset-7 {
  vertical-align: top;
  display: inline-block;
  margin-left: 58.33333%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-8 {
  vertical-align: top;
  display: inline-block;
  width: 66.66667%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-offset-8 {
  vertical-align: top;
  display: inline-block;
  margin-left: 66.66667%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-9 {
  vertical-align: top;
  display: inline-block;
  width: 75%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-offset-9 {
  vertical-align: top;
  display: inline-block;
  margin-left: 75%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-10 {
  vertical-align: top;
  display: inline-block;
  width: 83.33333%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-offset-10 {
  vertical-align: top;
  display: inline-block;
  margin-left: 83.33333%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-11 {
  vertical-align: top;
  display: inline-block;
  width: 91.66667%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-offset-11 {
  vertical-align: top;
  display: inline-block;
  margin-left: 91.66667%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-12 {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

.col-offset-12 {
  vertical-align: top;
  display: inline-block;
  margin-left: 100%;
  padding-left: 1.8%;
  padding-right: 1.8%; }

@keyframes pulse {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fade-in-1 {
  0% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }
  50% {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto; }
  100% {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto; } }

@keyframes fade-in-2 {
  0% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }
  12.5% {
    opacity: 0;
    visibility: hidden;
    pointer-events: auto; }
  62.5% {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto; }
  100% {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto; } }

@keyframes fade-in-3 {
  0% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }
  25% {
    opacity: 0;
    visibility: hidden;
    pointer-events: auto; }
  75% {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto; }
  100% {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto; } }

@keyframes fade-in-4 {
  0% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }
  37.5% {
    opacity: 0;
    visibility: hidden;
    pointer-events: auto; }
  87.5% {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto; } }

@keyframes fade-in {
  0% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }
  100% {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto; } }

@keyframes fade-out {
  0% {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
  100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; } }

@keyframes fade-out-pause {
  0% {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
  50% {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
  51% {
    pointer-events: none; }
  100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; } }

@keyframes fade-gray-out {
  0% {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
  75% {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
  76% {
    pointer-events: none; }
  100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; } }

@keyframes fade-gray-out-element {
  0% {
    opacity: 1;
    visibility: visible; }
  66% {
    opacity: 1;
    visibility: visible; }
  80% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 0;
    visibility: hidden; } }

body.single-project .site-header.slim {
  background: #f8f8f8; }

.site-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10 !important;
  opacity: 0;
  overflow: hidden;
  pointer-events: none; }
  .site-header.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: all; }
  .site-header.slim {
    position: fixed;
    -webkit-transform: translateZ(0);
    visibility: hidden; }
  .site-header .logo {
    cursor: pointer;
    width: 130px;
    margin-top: 50px;
    float: left;
    padding: 18px 40px;
    box-sizing: content-box;
    margin: 32px -40px 0; }
    .site-header .logo svg {
      height: 27.33px;
      width: 130px; }
  .site-header.slim {
    background: #ffffff; }
    .site-header.slim .logo {
      margin: 7px -40px 0; }
    .site-header.slim .menu {
      margin: 1px -30px 0; }
  .site-header .menu {
    padding: 18px 30px;
    box-sizing: content-box;
    margin: 20px -30px 0;
    cursor: pointer;
    width: 25px;
    height: 25px;
    float: right;
    position: relative; }
    .site-header .menu svg {
      width: 25px;
      height: 9px;
      position: absolute;
      top: 34px;
      left: 30px; }
  .site-header a:hover svg {
    fill: #cccccc; }
  .site-header svg {
    fill: #000000;
    transition: fill 400ms; }
  .site-header.light a:hover svg {
    fill: #cccccc; }
  .site-header.light svg {
    fill: #ffffff; }
  .site-header.black {
    background: #000000; }
  .site-header.white-slim .logo, .site-header.gray-slim .logo {
    margin-top: 25px;
    margin-bottom: 19px; }
  .site-header.white-slim .menu, .site-header.gray-slim .menu {
    margin-top: 28px; }
  .site-header.white-slim {
    background: #ffffff; }
    .article-single .site-header.white-slim,
    .project-single .site-header.white-slim {
      background: #f8f8f8; }
  .site-header.gray-slim {
    background: #bbbbbb; }

.site-footer .site-menu li.current-menu-item, .site-footer .menu-menu-container li.current-menu-item {
  display: none; }

.site-footer .site-menu li a, .site-footer .menu-menu-container li a {
  color: #cccccc; }
  .site-footer .site-menu li a:hover, .site-footer .menu-menu-container li a:hover {
    color: #000000; }

.menu-ghost {
  z-index: 19;
  background: black;
  position: fixed;
  top: -20%;
  left: 0;
  bottom: -20%;
  right: 0;
  transition: opacity 400ms, visibility 400ms; }

.menu-overlay {
  position: fixed;
  z-index: 20 !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #000000;
  touch-action: none; }
  .menu-overlay .site-menu li a, .menu-overlay .menu-menu-container li a {
    color: white; }
    .menu-overlay .site-menu li a:hover, .menu-overlay .menu-menu-container li a:hover {
      color: #666666; }
  .menu-overlay .menu-hover {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0%;
    left: 0;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 400ms, visibility 400ms; }
    .menu-overlay .menu-hover.on {
      visibility: visible;
      opacity: 1; }

.menu-overlay .site-menu,
.menu-overlay .menu-menu-container {
  z-index: 1;
  top: 50%;
  position: absolute;
  left: 0;
  transform: translateY(-50%); }

.site-menu ul,
.menu-menu-container ul {
  display: flex;
  justify-content: space-between;
  list-style: none; }
  .site-menu ul li,
  .menu-menu-container ul li {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
    position: relative; }
    .site-menu ul li a,
    .menu-menu-container ul li a {
      padding: 30px 0;
      width: 100%;
      display: block;
      text-align: center; }
      .site-menu ul li a.active,
      .menu-menu-container ul li a.active {
        color: #666666; }
      .site-menu ul li a.faux,
      .menu-menu-container ul li a.faux {
        position: absolute;
        top: 0;
        width: auto;
        opacity: 0; }

.module {
  margin-bottom: 250px; }
  .module:first-of-type {
    margin-top: 250px; }
    .module:first-of-type.full-bleed {
      margin-top: 0; }
  .module.full-bleed.flush-bottom {
    margin-bottom: 0; }
    .module.full-bleed.flush-bottom video {
      height: 100.5%;
      width: 100.5%; }
  .module.main-content-module a,
  .module.text-module:not(.contact-module) a {
    text-decoration: underline; }
  .module.hero.image-module {
    margin-bottom: 250px;
    margin-top: 0; }
  .module.main-content-module > div {
    margin-left: auto;
    margin-right: auto;
    max-width: 930px;
    display: block; }
  .module.loading.done {
    display: none; }
  .module.loading p {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
    text-align: center;
    color: #bbbbbb;
    margin-bottom: 0; }
  .module.services p {
    margin-bottom: 0; }
  .module.module-placeholder {
    visibility: hidden !important;
    pointer-events: none; }
  .module.module-float-bottom {
    position: absolute;
    bottom: 0;
    width: 100vw;
    display: block; }
  .module.next-project-module, .module.contact-link-module, .module:last-of-type, .module.loading {
    margin-bottom: 50px; }
  .module.credits-module .caption {
    margin-top: 0 !important; }
  .module.filter-module {
    margin-bottom: 150px; }
    .module.filter-module p > span {
      color: #cccccc; }
    .module.filter-module p:last-child {
      margin-bottom: 0; }
    .module.filter-module .statement {
      -webkit-touch-callout: none;
      /* iOS Safari */
      -webkit-user-select: none;
      /* Safari */
      -khtml-user-select: none;
      /* Konqueror HTML */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
      position: relative;
      margin-bottom: 0;
      width: 100%; }
      .module.filter-module .statement .rotate, .module.filter-module .statement .no-rotate {
        color: #000000;
        position: absolute;
        bottom: 0;
        left: 0; }
    .module.filter-module .show-filter {
      cursor: pointer; }
    .module.filter-module .active {
      color: #000000; }
    .module.filter-module a {
      color: #cccccc;
      cursor: pointer;
      cursor: url('data:image/svg+xml;utf8,<svg x="0px" y="0px" width="35px" height="35px" viewBox="0 0 35 35" style="enable-background:new 0 0 35 35;" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path stroke="black" stroke-width="2.98" stroke-miterlimit="10" d="m0 17.5h35"/><path stroke="black" stroke-width="2.98" stroke-miterlimit="10" d="m17.5 0v35"/></svg>') 24 16, default; }
      .module.filter-module a:hover, .module.filter-module a.active {
        color: #000000; }
      .module.filter-module a.active {
        cursor: pointer;
        cursor: url('data:image/svg+xml;utf8,<svg id="cursor-deselect" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="35px" height="35px" viewBox="0 0 35 35" style="enable-background:new 0 0 35 35;" xml:space="preserve"><line stroke="black" stroke-width="2.98" stroke-miterlimit="5" x1="5.15" y1="5.15" x2="29.85" y2="29.85"/><line stroke="black" stroke-width="2.98" stroke-miterlimit="10" x1="29.85" y1="5.15" x2="5.15" y2="29.85"/></svg>') 24 16, default; }
  .module.next-project-module {
    margin-top: 50px; }
    .module.next-project-module .next-project-link {
      padding: 30px 100px;
      display: inline-block;
      text-align: center;
      margin: -30px -100px; }
    .module.next-project-module h2 {
      width: 100%;
      display: block;
      text-align: center; }
      .module.next-project-module h2 a {
        color: #cccccc; }
        .module.next-project-module h2 a:hover {
          color: #000000; }
  .module.contact-link-module a {
    color: #cccccc; }
    .module.contact-link-module a:hover {
      color: black; }
  .module.contact-link-module .copyright p {
    text-align: right;
    margin: 30px 0 0; }
  .module .caption {
    margin-top: 40px; }

.list-project, .list-post {
  margin-bottom: 135px; }
  .list-project.wait, .list-post.wait {
    display: none; }
  .list-project.filter-hide, .list-post.filter-hide {
    visibility: hidden !important;
    opacity: 0 !important; }
  .list-project figure, .list-post figure {
    margin-bottom: 40px; }
  .list-project > p:last-child, .list-post > p:last-child {
    margin-bottom: 0; }
  .list-project .caption, .list-post .caption {
    visibility: hidden;
    opacity: 0; }
  .list-project:hover .caption, .list-post:hover .caption {
    visibility: visible;
    opacity: 1; }

.project-hero .image-module.hero {
  margin-bottom: 40px; }

.project-hero.video-hero {
  position: relative; }
  .project-hero.video-hero svg {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 30px;
    width: 26px;
    fill: #ffffff;
    z-index: 2;
    margin-left: 4px;
    transform: translateX(-50%) translateY(-50%); }
    .project-hero.video-hero svg.visible {
      z-index: 2 !important; }

.news-row:first-of-type {
  margin-top: 250px; }

.module.contact-module p {
  margin-bottom: 0; }

.module.contact-module .subscribe-success {
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1 !important; }
  .module.contact-module .subscribe-success figure:before {
    content: none; }

.module.contact-module .subscribe-form {
  width: 100%;
  position: relative; }
  .module.contact-module .subscribe-form input[type="email"], .module.contact-module .subscribe-form a {
    position: absolute;
    left: 0;
    top: 0; }
  .module.contact-module .subscribe-form input[type="email"] {
    width: 100%;
    background: none;
    visibility: hidden;
    opacity: 0;
    border: none;
    outline: none; }
  .module.contact-module .subscribe-form input[type="submit"] {
    margin-top: 60px;
    visibility: hidden;
    opacity: 0;
    background: none;
    border: none;
    cursor: pointer;
    outline: none; }
    .module.contact-module .subscribe-form input[type="submit"]:hover {
      color: #cccccc; }
    .module.contact-module .subscribe-form input[type="submit"].success {
      cursor: default; }
      .module.contact-module .subscribe-form input[type="submit"].success:hover {
        color: #000000; }
  .module.contact-module .subscribe-form.tablet-version input[type="email"], .module.contact-module .subscribe-form.tablet-version p {
    position: relative; }
  .module.contact-module .subscribe-form.tablet-version input[type="email"] {
    visibility: visible;
    opacity: 1; }
  .module.contact-module .subscribe-form.tablet-version input[type="submit"] {
    margin-top: 0; }

.module.slideshow {
  overflow: hidden; }
  .module.slideshow .slider {
    position: relative; }
    .module.slideshow .slider li {
      list-style-type: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .module.slideshow .slider li figure {
        height: 100%; }
  .module.slideshow .slides {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%; }
    .module.slideshow .slides:after {
      content: " ";
      display: block;
      width: 100%;
      height: 0;
      clear: both; }
  .module.slideshow .counter {
    text-align: right; }
  .module.slideshow .flex-direction-nav {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0%;
    left: 0;
    z-index: 2; }
    .module.slideshow .flex-direction-nav .flex-nav-prev,
    .module.slideshow .flex-direction-nav .flex-nav-next {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      font-size: 0;
      text-indent: -99999px; }
      .module.slideshow .flex-direction-nav .flex-nav-prev a,
      .module.slideshow .flex-direction-nav .flex-nav-next a {
        width: 100%;
        height: 100%;
        display: block; }
    .module.slideshow .flex-direction-nav .flex-nav-prev {
      right: 50%; }
    .module.slideshow .flex-direction-nav .flex-nav-next {
      left: 50%; }
    .module.slideshow .flex-direction-nav .flex-next {
      cursor: pointer;
      cursor: url('data:image/svg+xml;utf8,<svg x="0px" y="0" width="96px" height="37px" enable-background="new 0 0 95.2 36.9" viewBox="0 0 95.2 36.9" xmlns="http://www.w3.org/2000/svg"><path fill="#cccccc" d="m3.4 3.6v32.7h-3.4v-36.3h4.9l19.9 32.7v-32.7h3.4v36.3h-4.9z"/><path fill="#cccccc" d="m40.5 35.9c-1.6-.7-2.9-1.6-4-2.9-1.1-1.2-1.9-2.7-2.5-4.4s-.9-3.6-.9-5.7c0-2.2.3-4.1 1-5.9s1.5-3.2 2.6-4.4 2.5-2.1 4-2.8c1.5-.6 3.2-1 5-1 1.9 0 3.6.4 5.1 1.1s2.8 1.8 3.9 3.1c1 1.3 1.8 2.9 2.4 4.7.5 1.8.8 3.8.6 5.9h-21.4c0 1.6.3 3.1.8 4.4s1.2 2.4 2 3.3 1.9 1.6 3.1 2c1.2.5 2.5.7 3.8.7 2.1 0 3.9-.5 5.3-1.5s2.4-2.5 2.9-4.3h3.2c-.7 2.8-2 5-4.1 6.5s-4.6 2.2-7.6 2.2c-1.9 0-3.6-.3-5.2-1zm-1.1-21.9c-1.7 1.6-2.7 3.8-3 6.8h17.9c0-1.1-.2-2.2-.6-3.4-.4-1.1-1-2.1-1.7-2.9s-1.6-1.5-2.7-2.1c-1.1-.5-2.3-.8-3.6-.8-2.6.1-4.6.9-6.3 2.4z"/><path fill="#cccccc" d="m81.1 36.3h-3.7l-8.2-11.4-8 11.4h-3.6l9.9-13.9-9.2-13h3.7l7.5 10.5 7.5-10.5h3.5l-9.2 13z"/><path fill="#cccccc" d="m89.9 3.3v6.1h5.3v2.7h-5.3v17.2c0 .9 0 1.6.1 2.1 0 .6.2 1 .4 1.3s.6.5 1.1.6 1.2.2 2.1.2h1.6v2.8h-2.5c-1.2 0-2.2-.1-3-.2-.8-.2-1.4-.5-1.8-1s-.7-1.1-.9-2c-.2-.8-.2-1.9-.2-3.2v-17.8h-4.5v-2.7h4.5v-6.1z"/></svg>') 48 16, default;
      cursor: -webkit-image-set(url('data:image/svg+xml;utf8,<svg x="0px" y="0" width="96px" height="37px" enable-background="new 0 0 95.2 36.9" viewBox="0 0 95.2 36.9" xmlns="http://www.w3.org/2000/svg"><path fill="#cccccc" d="m3.4 3.6v32.7h-3.4v-36.3h4.9l19.9 32.7v-32.7h3.4v36.3h-4.9z"/><path fill="#cccccc" d="m40.5 35.9c-1.6-.7-2.9-1.6-4-2.9-1.1-1.2-1.9-2.7-2.5-4.4s-.9-3.6-.9-5.7c0-2.2.3-4.1 1-5.9s1.5-3.2 2.6-4.4 2.5-2.1 4-2.8c1.5-.6 3.2-1 5-1 1.9 0 3.6.4 5.1 1.1s2.8 1.8 3.9 3.1c1 1.3 1.8 2.9 2.4 4.7.5 1.8.8 3.8.6 5.9h-21.4c0 1.6.3 3.1.8 4.4s1.2 2.4 2 3.3 1.9 1.6 3.1 2c1.2.5 2.5.7 3.8.7 2.1 0 3.9-.5 5.3-1.5s2.4-2.5 2.9-4.3h3.2c-.7 2.8-2 5-4.1 6.5s-4.6 2.2-7.6 2.2c-1.9 0-3.6-.3-5.2-1zm-1.1-21.9c-1.7 1.6-2.7 3.8-3 6.8h17.9c0-1.1-.2-2.2-.6-3.4-.4-1.1-1-2.1-1.7-2.9s-1.6-1.5-2.7-2.1c-1.1-.5-2.3-.8-3.6-.8-2.6.1-4.6.9-6.3 2.4z"/><path fill="#cccccc" d="m81.1 36.3h-3.7l-8.2-11.4-8 11.4h-3.6l9.9-13.9-9.2-13h3.7l7.5 10.5 7.5-10.5h3.5l-9.2 13z"/><path fill="#cccccc" d="m89.9 3.3v6.1h5.3v2.7h-5.3v17.2c0 .9 0 1.6.1 2.1 0 .6.2 1 .4 1.3s.6.5 1.1.6 1.2.2 2.1.2h1.6v2.8h-2.5c-1.2 0-2.2-.1-3-.2-.8-.2-1.4-.5-1.8-1s-.7-1.1-.9-2c-.2-.8-.2-1.9-.2-3.2v-17.8h-4.5v-2.7h4.5v-6.1z"/></svg>') 1x, url('data:image/svg+xml;utf8,<svg x="0px" y="0px" height="74px" viewBox="0 0 191 74" width="191px" xmlns="http://www.w3.org/2000/svg"><g><path fill="#cccccc" d="m6.8 7.2v65.4h-6.8v-72.6h9.8l39.8 65.4v-65.4h6.8v72.6h-9.8z"/><path fill="#cccccc" d="m81 71.8c-3.2-1.4-5.8-3.2-8-5.8-2.2-2.4-3.8-5.4-5-8.8s-1.8-7.2-1.8-11.4c0-4.4.6-8.2 2-11.8s3-6.4 5.2-8.8 5-4.2 8-5.6c3-1.2 6.4-2 10-2 3.8 0 7.2.8 10.2 2.2s5.6 3.6 7.8 6.2c2 2.6 3.6 5.8 4.8 9.4 1 3.6 1.6 7.6 1.2 11.8h-42.8c0 3.2.6 6.2 1.6 8.8s2.4 4.8 4 6.6 3.8 3.2 6.2 4c2.4 1 5 1.4 7.6 1.4 4.2 0 7.8-1 10.6-3s4.8-5 5.8-8.6h6.4c-1.4 5.6-4 10-8.2 13s-9.2 4.4-15.2 4.4c-3.8 0-7.2-.6-10.4-2zm-2.2-43.8c-3.4 3.2-5.4 7.6-6 13.6h35.8c0-2.2-.4-4.4-1.2-6.8-.8-2.2-2-4.2-3.4-5.8s-3.2-3-5.4-4.2c-2.2-1-4.6-1.6-7.2-1.6-5.2.2-9.2 1.8-12.6 4.8z"/><path fill="#cccccc" d="m162.2 72.6h-7.4l-16.4-22.8-16 22.8h-7.2l19.8-27.8-18.4-26h7.4l15 21 15-21h7l-18.4 26z"/><path fill="#cccccc" d="m179.8 6.6v12.2h10.6v5.4h-10.6v34.4c0 1.8 0 3.2.2 4.2 0 1.2.4 2 .8 2.6s1.2 1 2.2 1.2 2.4.4 4.2.4h3.2v5.6h-5c-2.4 0-4.4-.2-6-.4-1.6-.4-2.8-1-3.6-2s-1.4-2.2-1.8-4c-.4-1.6-.4-3.8-.4-6.4v-35.6h-9v-5.4h9v-12.2z"/></g></svg>') 2x) 48 16, default; }
    .module.slideshow .flex-direction-nav .flex-prev {
      cursor: pointer;
      cursor: url('data:image/svg+xml;utf8,<svg x="0px" y="0" width="96px" height="37px" enable-background="new 0 0 89.5 36.9" viewBox="0 0 89.5 36.9" xmlns="http://www.w3.org/2000/svg"><path fill="#cccccc" d="m16.8.5c1.8.3 3.4.8 4.7 1.7 1.3.8 2.3 1.9 3.1 3.3s1.1 3.2 1.1 5.3c0 2.2-.4 4-1.1 5.4s-1.8 2.4-3.1 3.2-2.9 1.3-4.7 1.6-3.8.4-6 .4h-7.4v15h-3.4v-36.4h10.9c2.1 0 4.1.2 5.9.5zm-13.4 17.7h8c1.5 0 2.9-.1 4.2-.2s2.5-.5 3.5-1 1.8-1.2 2.4-2.2.9-2.3.9-4-.3-3-.9-4-1.4-1.8-2.4-2.3-2.1-.9-3.5-1.1c-1.3-.2-2.7-.2-4.2-.2h-8z"/><path fill="#cccccc" d="m40.3 12.5h-.7c-1.4 0-2.6.2-3.5.7s-1.7 1.2-2.2 2c-.6.9-1 1.9-1.2 3s-.4 2.5-.4 3.9v14.1h-3.1v-26.8h3v4.9c.3-.8.7-1.5 1.3-2.1s1.2-1.2 1.9-1.6 1.5-.8 2.3-1 1.6-.4 2.4-.4h.4.5v3.3c-.2 0-.5 0-.7 0z"/><path fill="#cccccc" d="m48.9 35.9c-1.6-.7-2.9-1.6-4-2.9s-1.9-2.7-2.5-4.4-.9-3.6-.9-5.7c0-2.2.3-4.1 1-5.9s1.5-3.2 2.6-4.4 2.5-2.1 4-2.8c1.5-.6 3.2-1 5-1 1.9 0 3.6.4 5.1 1.1s2.8 1.8 3.9 3.1c1 1.3 1.8 2.9 2.4 4.7.5 1.8.8 3.8.6 5.9h-21.4c0 1.6.3 3.1.8 4.4s1.2 2.4 2 3.3c.9.9 1.9 1.6 3.1 2 1.2.5 2.5.7 3.8.7 2.1 0 3.9-.5 5.3-1.5s2.4-2.5 2.9-4.3h3.2c-.7 2.8-2 4.9-4.1 6.4s-4.6 2.2-7.6 2.2c-1.9.1-3.7-.2-5.2-.9zm-1.1-21.9c-1.7 1.5-2.7 3.8-3 6.8h17.9c0-1.1-.2-2.2-.6-3.3s-1-2.1-1.7-2.9-1.6-1.5-2.7-2.1c-1.1-.5-2.3-.8-3.6-.8-2.6 0-4.7.8-6.3 2.3z"/><path fill="#cccccc" d="m86.2 9.4h3.4l-10 26.9h-3l-10.4-26.9h3.5l8.4 22.6z"/></svg>') 48 16, default;
      cursor: -webkit-image-set(url('data:image/svg+xml;utf8,<svg x="0px" y="0" width="96px" height="37px" enable-background="new 0 0 89.5 36.9" viewBox="0 0 89.5 36.9" xmlns="http://www.w3.org/2000/svg"><path fill="#cccccc" d="m16.8.5c1.8.3 3.4.8 4.7 1.7 1.3.8 2.3 1.9 3.1 3.3s1.1 3.2 1.1 5.3c0 2.2-.4 4-1.1 5.4s-1.8 2.4-3.1 3.2-2.9 1.3-4.7 1.6-3.8.4-6 .4h-7.4v15h-3.4v-36.4h10.9c2.1 0 4.1.2 5.9.5zm-13.4 17.7h8c1.5 0 2.9-.1 4.2-.2s2.5-.5 3.5-1 1.8-1.2 2.4-2.2.9-2.3.9-4-.3-3-.9-4-1.4-1.8-2.4-2.3-2.1-.9-3.5-1.1c-1.3-.2-2.7-.2-4.2-.2h-8z"/><path fill="#cccccc" d="m40.3 12.5h-.7c-1.4 0-2.6.2-3.5.7s-1.7 1.2-2.2 2c-.6.9-1 1.9-1.2 3s-.4 2.5-.4 3.9v14.1h-3.1v-26.8h3v4.9c.3-.8.7-1.5 1.3-2.1s1.2-1.2 1.9-1.6 1.5-.8 2.3-1 1.6-.4 2.4-.4h.4.5v3.3c-.2 0-.5 0-.7 0z"/><path fill="#cccccc" d="m48.9 35.9c-1.6-.7-2.9-1.6-4-2.9s-1.9-2.7-2.5-4.4-.9-3.6-.9-5.7c0-2.2.3-4.1 1-5.9s1.5-3.2 2.6-4.4 2.5-2.1 4-2.8c1.5-.6 3.2-1 5-1 1.9 0 3.6.4 5.1 1.1s2.8 1.8 3.9 3.1c1 1.3 1.8 2.9 2.4 4.7.5 1.8.8 3.8.6 5.9h-21.4c0 1.6.3 3.1.8 4.4s1.2 2.4 2 3.3c.9.9 1.9 1.6 3.1 2 1.2.5 2.5.7 3.8.7 2.1 0 3.9-.5 5.3-1.5s2.4-2.5 2.9-4.3h3.2c-.7 2.8-2 4.9-4.1 6.4s-4.6 2.2-7.6 2.2c-1.9.1-3.7-.2-5.2-.9zm-1.1-21.9c-1.7 1.5-2.7 3.8-3 6.8h17.9c0-1.1-.2-2.2-.6-3.3s-1-2.1-1.7-2.9-1.6-1.5-2.7-2.1c-1.1-.5-2.3-.8-3.6-.8-2.6 0-4.7.8-6.3 2.3z"/><path fill="#cccccc" d="m86.2 9.4h3.4l-10 26.9h-3l-10.4-26.9h3.5l8.4 22.6z"/></svg>') 1x, url('data:image/svg+xml;utf8,<svg x="0px" y="0px" height="74px" viewBox="0 0 180 74" width="180px" xmlns="http://www.w3.org/2000/svg"><g><path fill="#cccccc" d="m33.6 1c3.6.6 6.8 1.6 9.4 3.4 2.6 1.6 4.6 3.8 6.2 6.6s2.2 6.4 2.2 10.6c0 4.4-.8 8-2.2 10.8s-3.6 4.8-6.2 6.4-5.8 2.6-9.4 3.2-7.6.8-12 .8h-14.8v30h-6.8v-72.8h21.8c4.2 0 8.2.4 11.8 1zm-26.8 35.4h16c3 0 5.8-.2 8.4-.4s5-1 7-2 3.6-2.4 4.8-4.4 1.8-4.6 1.8-8-.6-6-1.8-8-2.8-3.6-4.8-4.6-4.2-1.8-7-2.2c-2.6-.4-5.4-.4-8.4-.4h-16z"/><path fill="#cccccc" d="m80.6 25h-1.4c-2.8 0-5.2.4-7 1.4s-3.4 2.4-4.4 4c-1.2 1.8-2 3.8-2.4 6s-.8 5-.8 7.8v28.2h-6.2v-53.6h6v9.8c.6-1.6 1.4-3 2.6-4.2s2.4-2.4 3.8-3.2 3-1.6 4.6-2 3.2-.8 4.8-.8h.8 1v6.6c-.4 0-1 0-1.4 0z"/><path fill="#cccccc" d="m97.8 71.8c-3.2-1.4-5.8-3.2-8-5.8s-3.8-5.4-5-8.8-1.8-7.2-1.8-11.4c0-4.4.6-8.2 2-11.8s3-6.4 5.2-8.8 5-4.2 8-5.6c3-1.2 6.4-2 10-2 3.8 0 7.2.8 10.2 2.2s5.6 3.6 7.8 6.2c2 2.6 3.6 5.8 4.8 9.4 1 3.6 1.6 7.6 1.2 11.8h-42.8c0 3.2.6 6.2 1.6 8.8s2.4 4.8 4 6.6c1.8 1.8 3.8 3.2 6.2 4 2.4 1 5 1.4 7.6 1.4 4.2 0 7.8-1 10.6-3s4.8-5 5.8-8.6h6.4c-1.4 5.6-4 9.8-8.2 12.8s-9.2 4.4-15.2 4.4c-3.8.2-7.4-.4-10.4-1.8zm-2.2-43.8c-3.4 3-5.4 7.6-6 13.6h35.8c0-2.2-.4-4.4-1.2-6.6s-2-4.2-3.4-5.8-3.2-3-5.4-4.2c-2.2-1-4.6-1.6-7.2-1.6-5.2 0-9.4 1.6-12.6 4.6z"/><path fill="#cccccc" d="m172.4 18.8h6.8l-20 53.8h-6l-20.8-53.8h7l16.8 45.2z"/></g></svg>') 2x) 48 16, default; }

.transition {
  position: fixed;
  z-index: 20 !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #000000;
  touch-action: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */ }
  .transition.wait {
    visibility: hidden;
    opacity: 0;
    pointer-events: none; }
  .transition.default {
    background: #ffffff; }
    .transition.default.out.go {
      animation-name: fade-out;
      animation-duration: 1000ms;
      animation-fill-mode: forwards; }
    .transition.default.in {
      animation-name: fade-in;
      animation-duration: 400ms;
      animation-fill-mode: forwards; }
  .transition.project.out.go {
    animation-name: fade-out-pause;
    animation-duration: 2000ms;
    animation-fill-mode: forwards; }
  .transition.project.in {
    animation-name: fade-in;
    animation-duration: 400ms;
    animation-fill-mode: forwards; }
  .transition.out, .transition.in {
    z-index: 100 !important; }
  .transition.studio {
    background: #ffffff; }
    .transition.studio.out.go {
      animation-name: fade-gray-out;
      animation-duration: 4500ms;
      animation-fill-mode: forwards; }
      .transition.studio.out.go * {
        animation-name: fade-gray-out-element;
        animation-duration: 4500ms;
        animation-fill-mode: forwards; }
    .transition.studio.in .image {
      display: none; }
      .transition.studio.in .image:first-child {
        display: block; }
    .transition.studio .image {
      width: 100%;
      height: 100%;
      background-position: center center;
      background-size: cover;
      position: absolute;
      top: 0%;
      left: 0;
      transform: translateZ(0); }
      .transition.studio .image:nth-child(1) {
        z-index: -0; }
      .transition.studio .image:nth-child(2) {
        z-index: -1; }
      .transition.studio .image:nth-child(3) {
        z-index: -2; }
      .transition.studio .image:nth-child(4) {
        z-index: -3; }
      .transition.studio .image:nth-child(5) {
        z-index: -4; }
      .transition.studio .image:nth-child(6) {
        z-index: -5; }
      .transition.studio .image:nth-child(7) {
        z-index: -6; }
      .transition.studio .image:nth-child(8) {
        z-index: -7; }
      .transition.studio .image:nth-child(9) {
        z-index: -8; }
      .transition.studio .image:nth-child(10) {
        z-index: -9; }
      .transition.studio .image:nth-child(11) {
        z-index: -10; }
      .transition.studio .image:nth-child(12) {
        z-index: -11; }
      .transition.studio .image:nth-child(13) {
        z-index: -12; }
      .transition.studio .image:nth-child(14) {
        z-index: -13; }
      .transition.studio .image:nth-child(15) {
        z-index: -14; }
      .transition.studio .image:nth-child(16) {
        z-index: -15; }
      .transition.studio .image:nth-child(17) {
        z-index: -16; }
      .transition.studio .image:nth-child(18) {
        z-index: -17; }
      .transition.studio .image:nth-child(19) {
        z-index: -18; }
      .transition.studio .image:nth-child(20) {
        z-index: -19; }
      .transition.studio .image:nth-child(21) {
        z-index: -20; }
      .transition.studio .image:nth-child(22) {
        z-index: -21; }
      .transition.studio .image:nth-child(23) {
        z-index: -22; }
      .transition.studio .image:nth-child(24) {
        z-index: -23; }
  .transition p {
    color: #ffffff; }
  .transition.project .row, .transition.project .menu-overlay .site-menu, .menu-overlay .transition.project .site-menu, .transition.project .menu-overlay .menu-menu-container, .menu-overlay .transition.project .menu-menu-container, .transition .title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 2; }

.video-overlay {
  position: fixed;
  z-index: 20 !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #000000;
  touch-action: none;
  z-index: -1 !important;
  padding: 10vh; }
  .video-overlay.modal-open {
    z-index: 20 !important; }
  .video-overlay > figure {
    pointer-events: none;
    min-height: 100%;
    max-width: 100%;
    height: auto !important;
    width: auto;
    padding-bottom: 0 !important; }
    .video-overlay > figure video {
      max-width: 100%;
      max-height: 100%;
      background: none !important;
      pointer-events: none; }

.feed-item {
  padding-left: 1.8vw;
  padding-right: 1.8vw;
  margin-bottom: 3.6vw;
  width: 50%; }
  .feed-item:nth-child(odd) {
    order: 1; }
  .feed-item:nth-child(even) {
    order: inherit; }
  .feed-item figure {
    margin-bottom: 0 !important; }

.filtered .feed-item.left-feed {
  order: 1 !important; }

.filtered .feed-item.right-feed {
  order: 2 !important; }

.feed-items-columns {
  position: relative;
  padding-left: 1.8vw;
  padding-right: 1.8vw;
  display: flex;
  flex-flow: column wrap;
  align-content: space-between; }
  .feed-items-columns::before, .feed-items-columns::after {
    content: "";
    flex-basis: 100%;
    width: 0;
    order: 2; }
  .feed-items-columns .loading {
    order: 3; }

figure {
  position: relative; }
  figure img {
    transform: translateZ(0);
    -webkit-transform: translateZ(0); }
  figure:before {
    animation-name: pulse;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    content: "•";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 40px;
    color: #000000;
    z-index: -1;
    margin-top: -2px; }
  figure > div {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%; }
    figure > div div {
      width: 100%;
      height: 100%;
      background-position: center center;
      background-size: cover;
      position: absolute;
      top: 0%;
      left: 0; }
  figure video, figure img {
    display: block; }
  figure.fluid {
    height: 100%;
    overflow: hidden; }
    figure.fluid img {
      height: 100%;
      min-width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      max-width: none; }
    figure.fluid video {
      height: 100%;
      min-width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%); }
  figure.fixed {
    overflow: hidden; }
    figure.fixed img, figure.fixed video {
      top: 0;
      left: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      background: transparent; }
      figure.fixed img.visible, figure.fixed video.visible {
        background: white; }
    figure.fixed iframe {
      height: 100%;
      min-width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%); }

@media screen and (max-width: 1199px) and (min-width: 720px) {
  .desktop-version {
    display: none; }
  br.desktop-version {
    display: none; }
  .tablet-version {
    display: inherit; }
  br.tablet-version {
    display: inline; } }

@media screen and (max-width: 1199px) and (min-width: 720px) {
  .header-1-tablet, .huge {
    font-size: 130px;
    line-height: 1.115em;
    letter-spacing: 0.02em; }
  .header-2-tablet, h2, .big, .site-menu ul li,
  .menu-menu-container ul li, .module.contact-module .subscribe-form input[type="email"], .module.contact-module .subscribe-form a, .module.contact-module .subscribe-form.tablet-version input[type="email"], .module.contact-module .subscribe-form.tablet-version p, .home .list-project p.info {
    font-size: 45px;
    line-height: 50px;
    letter-spacing: .02em; }
  h1, h3, p, .text-module {
    font-size: 21px;
    margin-bottom: 27px;
    line-height: 27px;
    letter-spacing: .02em; }
  p.top-margin, .module.services p.about-header {
    margin-top: 27px;
    margin-bottom: 27px; }
  .caption {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: .06em; } }

@media screen and (max-width: 1199px) and (min-width: 720px) {
  .row, .menu-overlay .site-menu, .menu-overlay .menu-menu-container {
    padding-left: 2.5%;
    padding-right: 2.5%; }
  .col-1 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 2.5%;
    padding-right: 2.5%; }
  .col-offset-1 {
    margin-left: 0; }
  .col-2 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 2.5%;
    padding-right: 2.5%; }
  .col-offset-2 {
    margin-left: 0; }
  .col-3 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 2.5%;
    padding-right: 2.5%; }
  .col-offset-3 {
    margin-left: 0; }
  .col-4 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 2.5%;
    padding-right: 2.5%; }
  .col-offset-4 {
    margin-left: 0; }
  .col-5 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 2.5%;
    padding-right: 2.5%; }
  .col-offset-5 {
    margin-left: 0; }
  .col-6 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 2.5%;
    padding-right: 2.5%; }
  .col-offset-6 {
    margin-left: 0; }
  .col-7 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 2.5%;
    padding-right: 2.5%; }
  .col-offset-7 {
    margin-left: 0; }
  .col-8 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 2.5%;
    padding-right: 2.5%; }
  .col-offset-8 {
    margin-left: 0; }
  .col-9 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 2.5%;
    padding-right: 2.5%; }
  .col-offset-9 {
    margin-left: 0; }
  .col-10 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 2.5%;
    padding-right: 2.5%; }
  .col-offset-10 {
    margin-left: 0; }
  .col-11 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 2.5%;
    padding-right: 2.5%; }
  .col-offset-11 {
    margin-left: 0; }
  .col-12 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 2.5%;
    padding-right: 2.5%; }
  .col-offset-12 {
    margin-left: 0; }
  .col-md-1,
  .col-md-2,
  .col-md-small {
    vertical-align: top;
    display: inline-block;
    padding-left: 2.5%;
    padding-right: 2.5%; }
  .col-md-1 {
    width: 50%; }
  .col-md-small {
    width: 18%; }
  .col-md-2 {
    width: 100%; } }

@media screen and (max-width: 1199px) {
  .is-mobile .menu-hover {
    display: none !important; }
  .is-mobile .menu-overlay .site-menu, .is-mobile .menu-menu-container li a:hover {
    color: #ffffff !important; }
  .desktop-only {
    display: none; }
  .menu-overlay .site-menu ul,
  .menu-overlay .menu-menu-container ul {
    display: block; }
  .menu-overlay .site-menu li,
  .menu-overlay .menu-menu-container li {
    width: 100%;
    padding: 0 !important;
    text-align: center; }
    .menu-overlay .site-menu li a, .menu-overlay .menu-menu-container li a {
      padding: 50px 100px;
      width: auto;
      display: inline-block;
      text-align: center !important; } }

@media screen and (max-width: 1199px) and (min-width: 720px) {
  .module {
    margin-bottom: 150px; }
    .module:first-of-type {
      margin-top: 210px; }
      .module:first-of-type.full-bleed {
        margin-top: 0; }
    .module.image-module.hero {
      margin-top: 0;
      margin-bottom: 150px; }
    .module.next-project-module, .module.contact-link-module, .module:last-of-type {
      margin-bottom: 37.5px; }
    .module.slideshow .counter {
      text-align: center; }
    .module.slideshow .caption.left {
      display: none; }
    .module.contact-link-module .copyright p {
      margin: 26px 0 0; }
    .module.contact-module p {
      margin-bottom: 0; }
    .module .caption {
      margin-top: 30px; } }

@media screen and (max-width: 1199px) {
  .filter {
    cursor: pointer;
    background: black;
    position: fixed;
    left: 0;
    top: 0;
    line-height: 80px;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 20 !important;
    display: block;
    pointer-events: none; }
    .filter > span {
      width: 100%;
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      text-align: center; }
    .filter a {
      display: inline-block;
      color: #727272;
      padding: 0 25px; }
      .filter a:hover {
        color: #ffffff; }
      .filter a.active {
        color: #ffffff; }
        .filter a.active:hover {
          color: #727272; } }

@media screen and (max-width: 1199px) and (min-width: 720px) {
  .module.filter-module {
    margin-top: 200px; } }

@media screen and (max-width: 1199px) and (min-width: 720px) {
  .list-project, .list-post {
    margin-bottom: 150px; }
    .list-project figure, .list-post figure {
      margin-bottom: 33px; }
    .list-project .caption, .list-post .caption {
      visibility: visible;
      opacity: 1; }
  .project-hero .image-module.hero {
    margin-bottom: 33px; } }

@media screen and (max-width: 1199px) and (min-width: 720px) {
  .news-row:first-of-type {
    margin-top: 200px; } }

@media screen and (max-width: 1199px) {
  .feed-item {
    padding-left: 2.5%;
    padding-right: 2.5%;
    margin-bottom: 5%;
    width: 50%; }
    .feed-item:nth-child(odd) {
      order: 1; }
    .feed-item:nth-child(even) {
      order: inherit; }
  .filtered .feed-item.left-feed {
    order: 1 !important; }
  .filtered .feed-item.right-feed {
    order: 2 !important; }
  .feed-items-columns {
    position: relative;
    padding-left: 2.5%;
    padding-right: 2.5%; } }

@media screen and (max-width: 719px) {
  .desktop-version {
    display: none; }
  .mobile-version {
    display: inherit; }
  .hide-for-not-mobile {
    display: inherit !important; }
  .hide-for-mobile {
    display: none !important; } }

@media screen and (max-width: 719px) {
  .header-1-mobile, .huge {
    font-size: 70px;
    line-height: 1.15em;
    letter-spacing: 0.02em; }
  .header-2-mobile, h2, .big, .site-menu ul li,
  .menu-menu-container ul li, .module.contact-module .subscribe-form input[type="email"], .module.contact-module .subscribe-form a, .module.contact-module .subscribe-form.tablet-version input[type="email"], .module.contact-module .subscribe-form.tablet-version p, .home .list-project p.info {
    font-size: 30px;
    line-height: 33px;
    letter-spacing: .02em; }
  h1, h3, p, .text-module {
    font-size: 18px;
    margin-bottom: 23px;
    line-height: 23px;
    letter-spacing: .02em; }
  p.top-margin, .module.services p.about-header {
    margin-top: 23px;
    margin-bottom: 23px; }
  .caption {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: .06em; } }

@media screen and (max-width: 719px) {
  .row, .menu-overlay .site-menu, .menu-overlay .menu-menu-container {
    padding-left: 4%;
    padding-right: 4%; }
  .col-1 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 4%;
    padding-right: 4%; }
  .col-offset-1 {
    margin-left: 0; }
  .col-2 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 4%;
    padding-right: 4%; }
  .col-offset-2 {
    margin-left: 0; }
  .col-3 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 4%;
    padding-right: 4%; }
  .col-offset-3 {
    margin-left: 0; }
  .col-4 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 4%;
    padding-right: 4%; }
  .col-offset-4 {
    margin-left: 0; }
  .col-5 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 4%;
    padding-right: 4%; }
  .col-offset-5 {
    margin-left: 0; }
  .col-6 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 4%;
    padding-right: 4%; }
  .col-offset-6 {
    margin-left: 0; }
  .col-7 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 4%;
    padding-right: 4%; }
  .col-offset-7 {
    margin-left: 0; }
  .col-8 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 4%;
    padding-right: 4%; }
  .col-offset-8 {
    margin-left: 0; }
  .col-9 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 4%;
    padding-right: 4%; }
  .col-offset-9 {
    margin-left: 0; }
  .col-10 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 4%;
    padding-right: 4%; }
  .col-offset-10 {
    margin-left: 0; }
  .col-11 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 4%;
    padding-right: 4%; }
  .col-offset-11 {
    margin-left: 0; }
  .col-12 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding-left: 4%;
    padding-right: 4%; }
  .col-offset-12 {
    margin-left: 0; } }

@media screen and (max-width: 719px) {
  .menu-overlay .site-menu li a, .menu-overlay .menu-menu-container li a {
    padding: 30px; } }

@media screen and (max-width: 719px) {
  .module {
    margin-bottom: 100px; }
    .module:first-of-type {
      margin-top: 140px; }
      .module:first-of-type.full-bleed {
        margin-top: 0; }
    .module.services .clients .about-header {
      margin-top: 70px; }
    .module.image-module.hero {
      margin-top: 0;
      margin-bottom: 100px; }
    .module.next-project-module, .module.contact-link-module, .module:last-of-type {
      margin-bottom: 30px; }
    .module.credits-module .col-md-small p {
      margin-bottom: 0; }
    .module .copyright {
      position: absolute;
      right: 0;
      width: auto;
      padding: 0;
      right: 8%;
      transform-origin: 0% 100%;
      margin-right: 8px;
      bottom: -17px; }
      .module .copyright p {
        margin-top: 0;
        transform: rotate(-90deg) translateX(100%);
        transform-origin: 100% 0%; }
    .module.slideshow .counter {
      text-align: center; }
    .module.slideshow .caption.left {
      display: none; }
    .module .caption {
      margin-top: 20px; } }

@media screen and (max-width: 719px) {
  .module.filter-module {
    margin-top: 140px;
    margin-bottom: 100px; }
  .filter {
    line-height: 50px; } }

@media screen and (max-width: 719px) {
  .list-project, .list-post {
    margin-bottom: 100px; }
    .list-project figure, .list-post figure {
      margin-bottom: 25px; }
    .list-project .caption, .list-post .caption {
      visibility: visible;
      opacity: 1; }
  .project-hero .image-module.hero {
    margin-bottom: 25px; } }

@media screen and (max-width: 719px) {
  .news-row:first-of-type {
    margin-top: 140px; } }

@media screen and (max-width: 719px) {
  .site-footer .site-menu li,
  .site-footer .menu-menu-container li {
    font-size: 18px; } }

@media screen and (max-width: 719px) {
  .feed-item {
    padding-left: 4%;
    padding-right: 4%;
    margin-bottom: 8%;
    width: 100%; }
    .feed-item:nth-child(odd) {
      order: auto; }
    .feed-item:nth-child(even) {
      order: auto; }
  .filtered .feed-item.left-feed {
    order: auto !important; }
  .filtered .feed-item.right-feed {
    order: auto !important; }
  .feed-items-columns {
    padding-left: 4%;
    padding-right: 4%;
    display: block; }
    .feed-items-columns::before, .feed-items-columns::after {
      content: none; } }