* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

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

ul {
  list-style: none;
}

input {
  background: transparent;
  border: none;
  outline: 0;
  font-size: inherit;
  font-family: inherit;
  padding: 0.2em 0;
  color: inherit;
  border-radius: 0;
}

button {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border: none;
  outline: 0;
  background: none;
  font-weight: bold;
  cursor: pointer;
  border-bottom: 1px solid black;
  padding-bottom: 0.25em;
}

iframe {
  border: none;
}

@font-face {
  font-family: "Marr Sans Web";
  src: url("fonts/MarrSans-BoldItalic-Web.eot");
  src: url("fonts/MarrSans-BoldItalic-Web.eot?#iefix") format("embedded-opentype"), url("fonts/MarrSans-BoldItalic-Web.woff2") format("woff2"), url("fonts/MarrSans-BoldItalic-Web.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "Marr Sans Web";
  src: url("fonts/MarrSans-Bold-Web.eot");
  src: url("fonts/MarrSans-Bold-Web.eot?#iefix") format("embedded-opentype"), url("fonts/MarrSans-Bold-Web.woff2") format("woff2"), url("fonts/MarrSans-Bold-Web.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Marr Sans Web";
  src: url("fonts/MarrSans-SemiboldItalic-Web.eot");
  src: url("fonts/MarrSans-SemiboldItalic-Web.eot?#iefix") format("embedded-opentype"), url("fonts/MarrSans-SemiboldItalic-Web.woff2") format("woff2"), url("fonts/MarrSans-SemiboldItalic-Web.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "Marr Sans Web";
  src: url("fonts/MarrSans-Semibold-Web.eot");
  src: url("fonts/MarrSans-Semibold-Web.eot?#iefix") format("embedded-opentype"), url("fonts/MarrSans-Semibold-Web.woff2") format("woff2"), url("fonts/MarrSans-Semibold-Web.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Marr Sans Web";
  src: url("fonts/MarrSans-RegularItalic-Web.eot");
  src: url("fonts/MarrSans-RegularItalic-Web.eot?#iefix") format("embedded-opentype"), url("fonts/MarrSans-RegularItalic-Web.woff2") format("woff2"), url("fonts/MarrSans-RegularItalic-Web.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "Marr Sans Web";
  src: url("fonts/MarrSans-Regular-Web.eot");
  src: url("fonts/MarrSans-Regular-Web.eot?#iefix") format("embedded-opentype"), url("fonts/MarrSans-Regular-Web.woff2") format("woff2"), url("fonts/MarrSans-Regular-Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Marr Sans Web";
  src: url("fonts/MarrSans-LightItalic-Web.eot");
  src: url("fonts/MarrSans-LightItalic-Web.eot?#iefix") format("embedded-opentype"), url("fonts/MarrSans-LightItalic-Web.woff2") format("woff2"), url("fonts/MarrSans-LightItalic-Web.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "Marr Sans Web";
  src: url("fonts/MarrSans-Light-Web.eot");
  src: url("fonts/MarrSans-Light-Web.eot?#iefix") format("embedded-opentype"), url("fonts/MarrSans-Light-Web.woff2") format("woff2"), url("fonts/MarrSans-Light-Web.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
}
body {
  background: white;
}

html {
  font-family: "Marr Sans Web", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

body {
  -moz-font-feature-settings: "liga", "kern";
  -moz-font-feature-settings: "liga=1, kern=1";
  -ms-font-feature-settings: "liga", "kern";
  -o-font-feature-settings: "liga", "kern";
  -webkit-font-feature-settings: "liga", "kern";
  font-feature-settings: "liga", "kern";
}

h1 {
  font-size: 2.65625rem;
  line-height: 1.25;
  font-weight: 900;
}
@media (min-width: 737px) {
  h1 {
    font-size: 3.984375rem;
  }
}
@media (min-width: 1025px) {
  h1 {
    font-size: 3.984375rem;
  }
}

h3 {
  text-align: left;
}

.nav {
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 100;
  font-weight: bold;
  top: -18em;
}
@media (min-width: 737px) {
  .nav {
    top: -3.5em;
  }
}
.nav_transition {
  pointer-events: none;
}
.nav__bar {
  position: absolute;
  width: 100%;
  top: 0;
  padding: 1em 1.5em;
}
.nav__bar_top {
  background: black;
  color: white;
  height: 18em;
}
.nav__bar_top a {
  padding-bottom: 2px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: black;
  transition: border-bottom-color 0.2s;
}
.nav__bar_top a:hover {
  border-bottom-color: white;
}
@media (min-width: 737px) {
  .nav__bar_top {
    height: 3.5em;
  }
}
.nav__bar_bottom {
  display: none;
  background: white;
  top: 0;
  height: 3.5em;
  overflow: hidden;
}
@media (min-width: 737px) {
  .nav__bar_bottom {
    display: block;
  }
}
.nav__bar_bottom .main-menu {
  left: auto;
}
.nav__item {
  position: absolute;
  top: 1em;
  left: 0;
  display: block;
  transition: opacity 0.2s 0.2s;
}
.nav_transition .nav__item {
  transition: opacity 0.2s;
  opacity: 0;
}
.nav__item_project-title {
  font-weight: normal;
  left: 0;
  width: 50%;
  text-align: right;
  padding-right: 0.5em;
}
@media (min-width: 737px) {
  .nav__item_project-title {
    width: 41.6666666667%;
  }
}
@media (min-width: 1025px) {
  .nav__item_project-title {
    width: 37.5%;
  }
}
@media (min-width: 1601px) {
  .nav__item_project-title {
    width: 33.3333333333%;
  }
}
.nav__item_project-title span {
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s;
}
.nav__item_project-section {
  left: 50%;
  width: 50%;
  margin-left: 0.5em;
}
@media (min-width: 737px) {
  .nav__item_project-section {
    left: 41.6666666667%;
    width: 41.6666666667%;
  }
}
@media (min-width: 1025px) {
  .nav__item_project-section {
    left: 37.5%;
    width: 37.5%;
  }
}
@media (min-width: 1601px) {
  .nav__item_project-section {
    left: 33.3333333333%;
    width: 33.3333333333%;
  }
}
.nav__item_project-section li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nav__item_dropdown {
  cursor: pointer;
  transition: transform 0.4s, opacity 0.2s 0.2s;
}
.nav_transition .nav__item_dropdown {
  transition: transform 0.4s, opacity 0.2s;
}
.nav__item_dropdown li {
  font-weight: normal;
  opacity: 0;
  transition: opacity 0.2s;
}
.nav__item_dropdown li.selected {
  transition: opacity 0.3s 0.1s;
  opacity: 1;
  font-weight: bold;
}
.nav__item_dropdown_open li {
  opacity: 1;
  transition: opacity 0.2s 0.2s;
}
.nav__item_dropdown_no-transition {
  transition: none;
}
.nav__item_project-filters {
  width: 100%;
}
.nav__item_project-filters > ul {
  top: 0;
}
.nav__item_project-filters > ul:first-child {
  left: auto;
  right: 50%;
  margin-right: 0.5em;
  text-align: right;
}
.nav__item_project-filters > ul:last-child {
  left: 50%;
  margin-left: 0.5em;
}
.nav__item_about-section {
  text-align: center;
  left: 50%;
  width: 16rem;
  margin-left: -8rem;
}
@media (min-width: 737px) {
  .nav__item_about-section {
    left: 37.5%;
  }
}
@media (min-width: 1025px) {
  .nav__item_about-section {
    left: 33%;
  }
}
.nav input {
  width: 120px;
}
@media (min-width: 769px) {
  .nav input {
    width: 180px;
  }
}
.nav__signup {
  border-bottom: 1px solid transparent;
  transition: border-bottom-color 0.3s;
  width: 100%;
  font-weight: bold;
}
@media (min-width: 737px) {
  .nav__signup {
    width: 100%;
  }
}
.nav__signup:focus {
  font-weight: normal;
  border-bottom: 1px solid white;
}
@keyframes border-flash {
  from {
    border-bottom-color: rgb(255, 255, 255);
  }
  to {
    border-bottom-color: rgba(255, 255, 255, 0);
  }
}
.nav__signup:disabled {
  animation: border-flash 1s linear infinite alternate;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: white;
}
.nav__search {
  border-bottom: 1px solid white;
  color: white;
  font-weight: bold;
}
.nav__search::placeholder {
  color: white;
  transition: color 0.5s;
}
.nav__search:focus::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.nav__toggle {
  position: absolute;
  left: 1.5em;
  top: 19em;
  z-index: 150;
  color: black;
  transition: opacity 0.2s, color 0.2s, transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
}
@media (min-width: 737px) {
  .nav__toggle {
    top: 4.5em;
  }
  .nav_open.nav_bottom-open .nav__toggle {
    color: black !important;
  }
  .route_search .nav__toggle {
    opacity: 0;
    pointer-events: none;
  }
}

.main-menu {
  width: 100%;
  position: relative;
  transition: opacity 0.2s;
}
@media (max-width: 736px) {
  .main-menu {
    margin-top: 0.5em;
  }
  .main-menu__link:first-child {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
  }
  .main-menu__link {
    margin-left: 50%;
    padding-bottom: 0.75em;
  }
}
@media (min-width: 737px) {
  .main-menu ul, .main-menu li {
    display: inline-block;
  }
}
.main-menu__link {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  transition: border-bottom-color 0.5s;
}
@media (min-width: 737px) {
  .main-menu__link {
    margin-right: 0.75em;
  }
  .main-menu__link:last-child {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
  }
}
@media (min-width: 769px) {
  .main-menu__link {
    margin-right: 2em;
  }
}
.main-menu__link_active-white {
  border-bottom-color: white;
}
.main-menu__link_active-black {
  border-bottom-color: black;
}
.route_home .main-menu:not(:hover) .main-menu__link_active-home a {
  border-bottom: 1px solid white;
}
.route_work .main-menu:not(:hover) .main-menu__link_active-work a {
  border-bottom: 1px solid white;
}
.route_project .main-menu:not(:hover) .main-menu__link_active-project a {
  border-bottom: 1px solid white;
}
.route_thoughts .main-menu:not(:hover) .main-menu__link_active-thoughts a {
  border-bottom: 1px solid white;
}
.route_news .main-menu:not(:hover) .main-menu__link_active-news a {
  border-bottom: 1px solid white;
}
.route_about .main-menu:not(:hover) .main-menu__link_active-about a {
  border-bottom: 1px solid white;
}
.route_contact .main-menu:not(:hover) .main-menu__link_active-contact a {
  border-bottom: 1px solid white;
}
.route_signup .main-menu:not(:hover) .main-menu__link_active-signup a {
  border-bottom: 1px solid white;
}

.grid {
  overflow: hidden;
  position: fixed;
  z-index: 10;
  transition: opacity 0.35s;
}

.tile {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  transform-origin: 0 0;
}
.tile__title, .tile__caption-top, .tile__caption-bottom, .tile__thumbnail {
  pointer-events: none;
  transition: opacity 0.2s;
  position: absolute;
}
.tile__title, .tile__caption-top, .tile__caption-bottom {
  width: 80%;
  left: 10%;
  text-align: center;
  display: none;
}
.tile_headline-white .tile__title, .tile_headline-white .tile__caption-top, .tile_headline-white .tile__caption-bottom {
  color: white;
}
.tile__title {
  line-height: 1.25;
  top: 50%;
  transform: translateY(-50%);
}
.tile__caption-top, .tile__caption-bottom {
  line-height: 1;
  height: 1.2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tile__caption-top {
  top: 1rem;
}
.tile__caption-bottom {
  bottom: 0.8rem;
}
.tile__thumbnail {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.tile__thumbnail-logo {
  width: 80%;
  height: 70%;
  left: 10%;
  top: 15%;
  background-size: contain;
}

.route_home.touch .tile__title,
.route_home.touch .tile__caption-top,
.route_home.touch .tile__caption-bottom,
.route_work.touch .tile__title,
.route_work.touch .tile__caption-top,
.route_work.touch .tile__caption-bottom,
.route_project.touch .tile__title,
.route_project.touch .tile__caption-top,
.route_project.touch .tile__caption-bottom,
.no-touch.route_search.touch .tile__title,
.no-touch.route_search.touch .tile__caption-top,
.no-touch.route_search.touch .tile__caption-bottom {
  display: none;
}
.route_home .tile__title,
.route_home .tile__caption-top,
.route_home .tile__caption-bottom,
.route_work .tile__title,
.route_work .tile__caption-top,
.route_work .tile__caption-bottom,
.route_project .tile__title,
.route_project .tile__caption-top,
.route_project .tile__caption-bottom,
.no-touch.route_search .tile__title,
.no-touch.route_search .tile__caption-top,
.no-touch.route_search .tile__caption-bottom {
  opacity: 0;
}
.route_home.no-touch .tile:hover .tile__title,
.route_home.no-touch .tile:hover .tile__caption-top,
.route_home.no-touch .tile:hover .tile__caption-bottom,
.route_work.no-touch .tile:hover .tile__title,
.route_work.no-touch .tile:hover .tile__caption-top,
.route_work.no-touch .tile:hover .tile__caption-bottom,
.route_project.no-touch .tile:hover .tile__title,
.route_project.no-touch .tile:hover .tile__caption-top,
.route_project.no-touch .tile:hover .tile__caption-bottom,
.no-touch.route_search.no-touch .tile:hover .tile__title,
.no-touch.route_search.no-touch .tile:hover .tile__caption-top,
.no-touch.route_search.no-touch .tile:hover .tile__caption-bottom {
  opacity: 1;
}
.route_home.no-touch .tile:hover .tile__thumbnail,
.route_work.no-touch .tile:hover .tile__thumbnail,
.route_project.no-touch .tile:hover .tile__thumbnail,
.no-touch.route_search.no-touch .tile:hover .tile__thumbnail {
  opacity: 0;
}

.route_thoughts.touch .tile__title,
.route_thoughts.touch .tile__caption-top,
.route_thoughts.touch .tile__caption-bottom,
.route_news.touch .tile__title,
.route_news.touch .tile__caption-top,
.route_news.touch .tile__caption-bottom,
.route_about.touch .tile__title,
.route_about.touch .tile__caption-top,
.route_about.touch .tile__caption-bottom {
  display: none;
}
.route_thoughts .tile__thumbnail,
.route_news .tile__thumbnail,
.route_about .tile__thumbnail {
  opacity: 0;
}
.route_thoughts.no-touch .tile:hover .tile__title,
.route_thoughts.no-touch .tile:hover .tile__caption-top,
.route_thoughts.no-touch .tile:hover .tile__caption-bottom,
.route_news.no-touch .tile:hover .tile__title,
.route_news.no-touch .tile:hover .tile__caption-top,
.route_news.no-touch .tile:hover .tile__caption-bottom,
.route_about.no-touch .tile:hover .tile__title,
.route_about.no-touch .tile:hover .tile__caption-top,
.route_about.no-touch .tile:hover .tile__caption-bottom {
  opacity: 0;
}
.route_thoughts.no-touch .tile:hover .tile__thumbnail,
.route_news.no-touch .tile:hover .tile__thumbnail,
.route_about.no-touch .tile:hover .tile__thumbnail {
  opacity: 1;
}

.touch.route_search .tile__thumbnail {
  display: none;
}
@media (max-width: 736px) {
  .touch.route_search .tile_row-1 .tile__title {
    font-size: 0.75rem;
  }
}

@media (min-width: 737px) and (max-width: 768px) {
  .route_project .tile_row-1 .tile__caption-top {
    display: block;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    white-space: normal;
    overflow: visible;
    height: auto;
    line-height: 1.5;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .route_project .tile_row-1 .tile__title {
    display: block;
    font-size: 1rem;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .route_project .tile_row-1 .tile__title {
    display: block;
    font-size: 1.65rem;
  }
  .route_project .tile_row-1 .tile__caption-top,
  .route_project .tile_row-1 .tile__caption-bottom {
    display: block;
  }
}
@media (min-width: 1601px) {
  .route_project .tile_row-1 .tile__title {
    display: block;
    font-size: 1.65rem;
  }
  .route_project .tile_row-1 .tile__caption-top,
  .route_project .tile_row-1 .tile__caption-bottom {
    display: block;
  }
  .route_project .tile_row-2 .tile__caption-top {
    display: block;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    white-space: normal;
    overflow: visible;
    height: auto;
    line-height: 1.5;
  }
}

@media (min-width: 737px) and (max-width: 768px) {
  .route_thoughts .tile_row-1 .tile__caption-top,
  .route_news .tile_row-1 .tile__caption-top {
    display: block;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    white-space: normal;
    overflow: visible;
    height: auto;
    line-height: 1.5;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .route_thoughts .tile_row-1 .tile__title,
  .route_news .tile_row-1 .tile__title {
    display: block;
    font-size: 1rem;
  }
  .route_thoughts .tile_row-1 .tile__caption-top,
  .route_thoughts .tile_row-1 .tile__caption-bottom,
  .route_news .tile_row-1 .tile__caption-top,
  .route_news .tile_row-1 .tile__caption-bottom {
    display: block;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .route_thoughts .tile_row-1 .tile__title,
  .route_news .tile_row-1 .tile__title {
    display: block;
    font-size: 1.65rem;
  }
  .route_thoughts .tile_row-1 .tile__caption-top,
  .route_thoughts .tile_row-1 .tile__caption-bottom,
  .route_news .tile_row-1 .tile__caption-top,
  .route_news .tile_row-1 .tile__caption-bottom {
    display: block;
  }
  .route_thoughts .tile_row-2 .tile__title,
  .route_news .tile_row-2 .tile__title {
    display: block;
    font-size: 1rem;
  }
  .route_thoughts .tile_row-2 .tile__caption-top,
  .route_thoughts .tile_row-2 .tile__caption-bottom,
  .route_news .tile_row-2 .tile__caption-top,
  .route_news .tile_row-2 .tile__caption-bottom {
    display: block;
  }
}
@media (min-width: 1601px) {
  .route_thoughts .tile_row-1 .tile__title,
  .route_news .tile_row-1 .tile__title {
    display: block;
    font-size: 1.65rem;
  }
  .route_thoughts .tile_row-1 .tile__caption-top,
  .route_thoughts .tile_row-1 .tile__caption-bottom,
  .route_news .tile_row-1 .tile__caption-top,
  .route_news .tile_row-1 .tile__caption-bottom {
    display: block;
  }
  .route_thoughts .tile_row-2 .tile__title,
  .route_news .tile_row-2 .tile__title {
    display: block;
    font-size: 1rem;
  }
  .route_thoughts .tile_row-2 .tile__caption-top,
  .route_thoughts .tile_row-2 .tile__caption-bottom,
  .route_news .tile_row-2 .tile__caption-top,
  .route_news .tile_row-2 .tile__caption-bottom {
    display: block;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .route_about .tile_row-1 .tile__title {
    display: block;
    font-size: 1rem;
  }
}
@media (min-width: 1025px) {
  .route_about .tile_row-1 .tile__title {
    display: block;
    font-size: 1.65rem;
  }
  .route_about .tile_row-2 .tile__title {
    display: block;
    font-size: 1rem;
  }
}

@media (max-width: 736px) {
  .route_home .tile_row-1 .tile__title,
  .route_work .tile_row-1 .tile__title {
    display: block;
    font-size: 1rem;
  }
}
@media (min-width: 737px) and (max-width: 768px) {
  .route_home .tile_row-1 .tile__title,
  .route_work .tile_row-1 .tile__title {
    display: block;
    font-size: 1.65rem;
  }
  .route_home .tile_row-1 .tile__caption-top,
  .route_home .tile_row-1 .tile__caption-bottom,
  .route_work .tile_row-1 .tile__caption-top,
  .route_work .tile_row-1 .tile__caption-bottom {
    display: block;
  }
  .route_home .tile_row-2.tile_entry-work .tile__caption-top,
  .route_work .tile_row-2.tile_entry-work .tile__caption-top {
    display: block;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    white-space: normal;
    overflow: visible;
    height: auto;
    line-height: 1.5;
  }
  .route_home .tile_row-2.tile_entry-thoughts .tile__caption-bottom,
  .route_work .tile_row-2.tile_entry-thoughts .tile__caption-bottom {
    display: block;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    white-space: normal;
    overflow: visible;
    height: auto;
    line-height: 1.5;
  }
  .route_home .tile_row-2.tile_entry-news .tile__caption-bottom,
  .route_work .tile_row-2.tile_entry-news .tile__caption-bottom {
    display: block;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    white-space: normal;
    overflow: visible;
    height: auto;
    line-height: 1.5;
  }
  .route_home .tile_row-2.tile_entry-about .tile__caption-bottom,
  .route_work .tile_row-2.tile_entry-about .tile__caption-bottom {
    display: block;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    white-space: normal;
    overflow: visible;
    height: auto;
    line-height: 1.5;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .route_home .tile_row-1 .tile__title,
  .route_work .tile_row-1 .tile__title {
    display: block;
    font-size: 1.65rem;
  }
  .route_home .tile_row-1 .tile__caption-top,
  .route_home .tile_row-1 .tile__caption-bottom,
  .route_work .tile_row-1 .tile__caption-top,
  .route_work .tile_row-1 .tile__caption-bottom {
    display: block;
  }
  .route_home .tile_row-2 .tile__title,
  .route_work .tile_row-2 .tile__title {
    display: block;
    font-size: 1rem;
  }
  .route_home .tile_row-2 .tile__caption-top,
  .route_home .tile_row-2 .tile__caption-bottom,
  .route_work .tile_row-2 .tile__caption-top,
  .route_work .tile_row-2 .tile__caption-bottom {
    display: block;
  }
  .route_home .tile_row-3.tile_entry-work .tile__caption-top,
  .route_work .tile_row-3.tile_entry-work .tile__caption-top {
    display: block;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    white-space: normal;
    overflow: visible;
    height: auto;
    line-height: 1.5;
  }
  .route_home .tile_row-3.tile_entry-thoughts .tile__caption-bottom,
  .route_work .tile_row-3.tile_entry-thoughts .tile__caption-bottom {
    display: block;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    white-space: normal;
    overflow: visible;
    height: auto;
    line-height: 1.5;
  }
  .route_home .tile_row-3.tile_entry-news .tile__caption-bottom,
  .route_work .tile_row-3.tile_entry-news .tile__caption-bottom {
    display: block;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    white-space: normal;
    overflow: visible;
    height: auto;
    line-height: 1.5;
  }
  .route_home .tile_row-3.tile_entry-about .tile__caption-bottom,
  .route_work .tile_row-3.tile_entry-about .tile__caption-bottom {
    display: block;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    white-space: normal;
    overflow: visible;
    height: auto;
    line-height: 1.5;
  }
}
@media (min-width: 1025px) {
  .route_home .tile_row-1 .tile__title,
  .route_work .tile_row-1 .tile__title {
    display: block;
    font-size: 2.5rem;
  }
  .route_home .tile_row-1 .tile__caption-top,
  .route_home .tile_row-1 .tile__caption-bottom,
  .route_work .tile_row-1 .tile__caption-top,
  .route_work .tile_row-1 .tile__caption-bottom {
    display: block;
  }
  .route_home .tile_row-2 .tile__title,
  .route_work .tile_row-2 .tile__title {
    display: block;
    font-size: 1.65rem;
  }
  .route_home .tile_row-2 .tile__caption-top,
  .route_home .tile_row-2 .tile__caption-bottom,
  .route_work .tile_row-2 .tile__caption-top,
  .route_work .tile_row-2 .tile__caption-bottom {
    display: block;
  }
  .route_home .tile_row-3.tile_entry-work .tile__caption-top,
  .route_work .tile_row-3.tile_entry-work .tile__caption-top {
    display: block;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    white-space: normal;
    overflow: visible;
    height: auto;
    line-height: 1.5;
  }
  .route_home .tile_row-3.tile_entry-thoughts .tile__caption-bottom,
  .route_work .tile_row-3.tile_entry-thoughts .tile__caption-bottom {
    display: block;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    white-space: normal;
    overflow: visible;
    height: auto;
    line-height: 1.5;
  }
  .route_home .tile_row-3.tile_entry-news .tile__caption-bottom,
  .route_work .tile_row-3.tile_entry-news .tile__caption-bottom {
    display: block;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    white-space: normal;
    overflow: visible;
    height: auto;
    line-height: 1.5;
  }
  .route_home .tile_row-3.tile_entry-about .tile__caption-bottom,
  .route_work .tile_row-3.tile_entry-about .tile__caption-bottom {
    display: block;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    white-space: normal;
    overflow: visible;
    height: auto;
    line-height: 1.5;
  }
}

.route_search .tile_row-1 .tile__title {
  display: block;
  font-size: 1rem;
}
.route_search .tile_row-1 .tile__caption-top,
.route_search .tile_row-1 .tile__caption-bottom {
  display: block;
}

.tile_entry-title {
  cursor: default;
}
.tile_entry-title .tile__title {
  opacity: 1;
  display: block !important;
}
.tile_entry-title .tile__title strong {
  font-weight: 900;
}

.static__inner {
  margin: 0 8.3333333333% 5.3125rem 8.3333333333%;
  padding-top: 1em;
}
@media (min-width: 737px) {
  .static__inner {
    width: 83.3333333333%;
  }
}
.static__inner form {
  padding-top: 1rem;
}
.static__inner a {
  border-bottom: 1px solid black;
}
.static__inner a:hover {
  border-bottom: 0;
}
.static__inner .map {
  height: 96vh;
}
@media (min-width: 737px) {
  .static__inner .map {
    margin-right: 2em;
  }
}
.static__inner .map iframe {
  width: 100%;
  height: 100%;
}

.static__column {
  margin-bottom: 2.65625rem;
}
@media (min-width: 737px) {
  .static__column {
    width: 50%;
    float: left;
  }
}
@media (min-width: 769px) {
  .static__column p {
    font-size: 1.25rem;
  }
}
.static__column p, .static__column input {
  margin-bottom: 1em;
}
.static__column h1, .static__column h2, .static__column h3, .static__column h4, .static__column h5, .static__column h6 {
  text-align: left;
  margin-top: 4rem;
  margin-bottom: 1rem;
}
@media (min-width: 737px) {
  .static__column h1 {
    font-size: 2.65625rem;
  }
}
@media (min-width: 1025px) {
  .static__column h1 {
    font-size: 2.65625rem;
  }
}
.static__column input {
  border-bottom: 1px dashed black;
  width: 100%;
  max-width: 300px;
}

.feed {
  transition: opacity 0.35s;
}

.article {
  width: 100%;
  text-align: left;
  overflow: auto;
  transition: opacity 0.2s;
}
.article figcaption {
  font-weight: 200;
  font-size: 12px;
  font-style: italic;
  text-align: center;
}
@media (min-width: 737px) {
  .article figcaption {
    font-size: 16px;
  }
}
.article_work {
  background: white;
}
.article_loading {
  opacity: 0;
}
.article a {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(0, 0, 0, 0.3);
  transition: border-bottom-color 0.3s;
}
.article a:hover {
  border-bottom-color: rgb(0, 0, 0);
}

.masthead {
  padding-top: 3.5416666667rem;
  padding-left: 8.3333333333%;
  padding-right: 8.3333333333%;
  overflow: auto;
}
.masthead_text-white {
  color: white;
}
.masthead_text-white a {
  border-bottom-color: rgba(255, 255, 255, 0.3);
}
.masthead__image {
  margin-bottom: 3.5416666667rem;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.masthead__image_centered {
  background-size: contain;
  padding-bottom: 70%;
}
.masthead__headline {
  margin-bottom: 3.5416666667rem;
  display: block;
  float: left;
  padding-right: 2rem;
}
@media (min-width: 1025px) {
  .masthead__headline {
    margin-bottom: 7.0833333333rem;
    width: 70%;
  }
}
.masthead__info {
  float: left;
  width: 100%;
  margin-bottom: 7.0833333333rem;
}
@media (min-width: 1025px) {
  .masthead__info {
    width: 30%;
  }
}
@media (max-width: 768px) {
  .masthead__info:before, .masthead__info:after {
    content: " ";
    display: table;
  }
  .masthead__info li:nth-child(2n+1) {
    clear: both;
  }
}
.masthead__info li {
  display: block;
  width: 50%;
  float: left;
  padding-bottom: 1em;
}
@media (min-width: 1025px) {
  .masthead__info li {
    width: 100%;
  }
}

.article-main {
  padding-top: 3.5416666667rem;
  padding-bottom: 10.625rem;
  background-color: white;
}
.article-main ul {
  list-style-type: square;
}

.article h2, .article h3 {
  width: 83.3333333333%;
  text-align: left;
  font-size: 1rem;
}
@media (min-width: 769px) {
  .article h2, .article h3 {
    font-size: 1.25rem;
    width: 66.6666666667%;
  }
}
.article_work h2, .article_work h3 {
  margin: 0.8854166667rem auto 0 auto;
}

.article h3 {
  font-size: 1rem;
  font-style: italic;
}
@media (min-width: 769px) {
  .article h3 {
    font-size: 1.25rem;
  }
}

.article-paragraph {
  margin: 0 auto 1.7708333333rem auto;
  width: 83.3333333333%;
}
@media (min-width: 769px) {
  .article-paragraph {
    font-size: 1.25rem;
    width: 66.6666666667%;
  }
}

.article-main ul {
  font-size: 1rem;
  margin: 0 auto 1.7708333333rem auto;
  width: 83.3333333333%;
}
@media (min-width: 737px) {
  .article-main ul {
    width: 66.6666666667%;
  }
}
@media (min-width: 769px) {
  .article-main ul {
    font-size: 1.25rem;
    width: 66.6666666667%;
  }
}

.article-quote {
  width: 83.3333333333%;
  margin: 3.5416666667rem auto;
  font-size: 2.95109375rem;
  line-height: 1.02;
  font-weight: 900;
}
.article-quote p:first-child {
  text-indent: -0.56em;
}

.article-attribution {
  text-align: right;
  margin: -20px auto 3.5416666667rem auto;
  width: 83.3333333333%;
}
@media (min-width: 769px) {
  .article-attribution {
    font-size: 1.25rem;
    width: 66.6666666667%;
  }
}

.article-image {
  display: block;
  width: 83.3333333333%;
  margin: 2.65625rem auto;
}
.article-image_has-caption {
  margin: 2.65625rem auto 1.7708333333rem auto;
}
.article-image_shadow {
  box-shadow: 0.3rem 0.3rem 0.5rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 737px) {
  .article-image_width-6 {
    width: 50%;
  }
  .article-image_width-8 {
    width: 66.6666666667%;
  }
}

.article-image-caption {
  font-size: 12px;
  font-style: italic;
  text-align: center;
  width: 83.3333333333%;
  margin: 0 auto 2.65625rem auto;
  font-weight: 200;
}
@media (min-width: 737px) {
  .article-image-caption {
    font-size: 16px;
  }
}

.article-two-images__row {
  width: 83.3333333333%;
  margin: 0 auto 2.65625rem auto;
  overflow: visible;
}
.article-two-images__row:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 737px) {
  .article-two-images__row_images figcaption {
    display: none;
  }
}
.article-two-images__row_captions {
  display: none;
}
@media (min-width: 737px) {
  .article-two-images__row_captions {
    display: block;
  }
}
.article-two-images__row_shadow img {
  box-shadow: 0.3rem 0.3rem 0.5rem rgba(0, 0, 0, 0.3);
}
.article-two-images__column {
  overflow: visible;
}
.article-two-images__column_has-caption img {
  margin-bottom: 1.7708333333rem;
}
.article-two-images__column_has-caption figcaption {
  margin-bottom: 2.65625rem;
}
@media (min-width: 737px) {
  .article-two-images__column_has-caption img {
    margin: 0;
  }
}
.article-two-images__column img {
  width: 100%;
}
@media (min-width: 737px) {
  .article-two-images__column {
    width: 50%;
    float: left;
  }
  .article-two-images__column:first-child {
    padding-right: 0.5em;
  }
  .article-two-images__column:last-child {
    padding-left: 0.5em;
  }
}

.article-impact {
  margin: 3.5416666667rem auto;
  width: 83.3333333333%;
  font-weight: 900;
}
.article-impact__number {
  font-size: 7.8125em;
  line-height: 0.816;
}
.article-impact__description {
  font-size: 3.125em;
  line-height: 1.2;
}

.article_thoughts,
.article_news,
.article_about {
  padding: 3.5416666667rem 8.3333333333% 7.0833333333rem 8.3333333333%;
}
.article_thoughts.article_headline-white,
.article_news.article_headline-white,
.article_about.article_headline-white {
  color: white;
}
@media (min-width: 737px) {
  .article_thoughts,
  .article_news,
  .article_about {
    padding: 3.5416666667rem 16.6666666667% 7.0833333333rem 16.6666666667%;
  }
}
.article_thoughts ul,
.article_news ul,
.article_about ul {
  list-style-type: square;
}
.article_thoughts time, .article_thoughts h1,
.article_news time,
.article_news h1,
.article_about time,
.article_about h1 {
  text-align: center;
  margin-bottom: 56px;
}
.article_thoughts time,
.article_news time,
.article_about time {
  display: inline-block;
  width: 100%;
}
.article_thoughts h1,
.article_news h1,
.article_about h1 {
  width: 100%;
  margin-bottom: 56px;
  font-weight: 900;
}
@media (min-width: 737px) {
  .article_thoughts h1,
  .article_news h1,
  .article_about h1 {
    font-size: 56px;
  }
}
.article_thoughts img,
.article_news img,
.article_about img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
@media (min-width: 769px) {
  .article_thoughts p,
  .article_news p,
  .article_about p {
    font-size: 1.25rem;
  }
}
.article_thoughts p, .article_thoughts figcaption,
.article_news p,
.article_news figcaption,
.article_about p,
.article_about figcaption {
  margin-bottom: 1.7708333333rem;
}
.article_thoughts .video-wrapper,
.article_news .video-wrapper,
.article_about .video-wrapper {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.article_thoughts .video-wrapper iframe,
.article_news .video-wrapper iframe,
.article_about .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.tile_entry-about .article_thoughts,
.tile_entry-about .article_news,
.tile_entry-about .article_about {
  margin: 0 auto 1.7708333333rem auto;
}
@media (min-width: 769px) {
  .tile_entry-about .article_thoughts,
  .tile_entry-about .article_news,
  .tile_entry-about .article_about {
    font-size: 1.25rem;
  }
}

.article-video {
  width: 83.3333333333%;
  padding-bottom: 46.875%;
  height: 0;
  margin: 2.65625rem auto;
  position: relative;
}
.article-video_has-caption {
  margin: 2.65625rem auto 1.7708333333rem auto;
}
.article-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.article-awards {
  overflow: auto;
  padding-top: 3.5416666667rem;
}
.article-awards .major {
  margin-bottom: 3.5416666667rem;
}
.article-awards .award {
  overflow: auto;
  margin-bottom: 1.7708333333rem;
}
.article-awards .award .thumb, .article-awards .award .copy {
  float: left;
}
.article-awards .award .thumb {
  width: 20%;
}
.article-awards .award .copy {
  margin-left: 10%;
  width: 70%;
}
.article-awards .award.minor:first-of-type {
  margin-top: 3.5416666667rem;
}
@media (min-width: 769px) {
  .article-awards .award.minor {
    font-size: 1rem;
  }
}
.article-awards .award.minor .thumb {
  width: 15%;
}
.article-awards .award.minor .copy {
  margin-left: 10%;
  width: 75%;
}

canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
}

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