.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #333;
  background-color: #fff;
  padding-top: 2.75rem;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1vw;
  line-height: 20px;
}

h1 {
  color: #767676;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Haas Display, sans-serif;
  font-size: 3em;
  font-weight: 400;
  line-height: 1.1;
}

h2 {
  color: #767676;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Neue Haas Display, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 36px;
}

h3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue Haas Display, sans-serif;
  font-size: 2.25em;
  font-weight: 400;
  line-height: 1.1;
}

h4 {
  color: #767676;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Neue Haas Display, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Neue Haas Display, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Neue Haas Display, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

p {
  color: #767676;
  margin-bottom: 0;
  font-family: Neue Haas Display, sans-serif;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.3;
}

a {
  text-decoration: underline;
}

.css-embed {
  display: none;
}

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.style-guide__placeholder {
  color: #070707;
  text-align: center;
  text-transform: uppercase;
  background-color: #ead2ab;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: .8rem;
}

.style-guide__label {
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1;
}

.style-guide__text-holder {
  width: 100%;
  height: 4rem;
  color: #ead2ab;
  text-align: center;
  background-color: #070707;
  justify-content: center;
  align-items: center;
  display: flex;
}

.row {
  flex-wrap: wrap;
  align-content: stretch;
  margin-left: -.5rem;
  margin-right: -.5rem;
  display: flex;
}

.row.align-start {
  align-items: flex-start;
  line-height: 1;
}

.row.align-stretch {
  justify-content: space-between;
  align-items: stretch;
}

.row.align-stretch.padding-top-1em {
  padding-top: 1em;
}

.row.justify-between {
  justify-content: space-between;
}

.row.justify-between.footer_top {
  border-top: 1px solid #eceae9;
  padding-top: 1em;
  position: static;
}

.row.justify-between.is-flex {
  flex-direction: row;
}

.row.justify-between.hide {
  display: none;
}

.row.justify-center {
  justify-content: center;
}

.row.align-end {
  justify-content: flex-end;
  align-items: flex-end;
}

.row.align-end.align-top {
  align-items: flex-start;
}

.row.justify-end {
  justify-content: flex-end;
}

.row.is--style-guide-row {
  margin-top: 1em;
}

.row.align-center {
  align-items: center;
}

.row.justify-start {
  justify-content: flex-start;
}

.row.justify-around {
  justify-content: space-around;
}

.row.padding-top-1em {
  padding-top: 1em;
}

.row.padding-top-1em.is-space-between {
  justify-content: space-between;
}

.row.is-nav {
  align-items: center;
}

.row.awards_item {
  border-bottom: 1px #eceae9;
  padding-top: .6em;
  padding-bottom: .6em;
}

.row.is-heading {
  padding-bottom: 1rem;
}

.row.is-relative {
  position: relative;
}

.row.footer-bottom {
  padding-bottom: .3em;
}

.style-guide__item {
  margin-top: 4rem;
}

.section.section--white {
  background-color: #ead2ab;
}

.section.is-hero {
  min-height: 30em;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 0;
  padding-top: .75rem;
  padding-bottom: 1rem;
  display: flex;
}

.section.is-black {
  background-color: #0c0c0c;
}

.section.is-black.is-relative {
  position: relative;
  overflow: hidden;
}

.section.is-footer {
  z-index: 3;
  position: relative;
}

.section.is-hero-project {
  min-height: 40em;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 0;
  padding-top: .75rem;
  padding-bottom: 1rem;
  display: flex;
}

.section.is-hero-exploration {
  z-index: -1;
  min-height: 200vh;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-top: .75rem;
  padding-bottom: 1rem;
  display: flex;
  position: relative;
}

.section.is-exploration-content {
  z-index: 3;
  margin-top: -100vh;
  position: relative;
}

.section.is-anchor {
  padding-top: 3em;
}

.section.is-perspective-hero {
  min-height: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 0;
  padding-top: .75rem;
  padding-bottom: 0;
  display: flex;
}

.style-guide__heading {
  font-size: 3.4em;
  line-height: 1.2;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.p--large {
  text-transform: uppercase;
  font-size: 1.125rem;
}

.style-guide__content--top {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}

.button {
  text-align: center;
  text-transform: uppercase;
  border-radius: 2rem;
  padding-left: 3rem;
  padding-right: 3rem;
  font-size: 1rem;
}

.button.button--primary {
  color: #ead2ab;
  background-color: #070707;
}

.button.button--secondary {
  color: #f8f0e2;
  background-color: #ff5800;
}

.style-guide__logo {
  width: 5rem;
}

.style-guide__header {
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
}

.style-guide__content--bottom {
  border-top: 1px solid rgba(234, 210, 171, .5);
  padding-top: 3rem;
  padding-bottom: 12.5rem;
}

.style-guide__content--bottom.is--white {
  border-top-color: rgba(7, 7, 7, .5);
}

.overflow-scroll {
  overflow: scroll;
}

.padding--small {
  padding-top: 2rem;
}

.padding--large {
  padding-top: 15em;
}

.col {
  flex: 1;
  padding-left: .5rem;
  padding-right: .5rem;
}

.col.col-lg-6 {
  max-width: 50%;
  flex: 50%;
}

.col.col-lg-6.is-flex {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.col.ml-1-col {
  margin-left: 8.333%;
}

.col.mr-1-col {
  margin-right: 8.333%;
}

.col.col-lg-2 {
  max-width: 16.6667%;
  flex: 16.6667%;
}

.col.col-lg-5 {
  max-width: 41.6667%;
  background-color: rgba(0, 0, 0, 0);
  flex: 41.6667%;
  align-self: flex-start;
}

.col.col-lg-5.is-perspective-sub {
  justify-content: space-between;
  display: flex;
}

.col.col-lg-12 {
  max-width: 100%;
  flex: 100%;
}

.col.col-lg-12.justify-centre {
  justify-content: center;
  display: flex;
}

.col.col-lg-3 {
  max-width: 25%;
  flex: 25%;
}

.col.col-lg-3.justify-space-between {
  justify-content: space-between;
  display: flex;
}

.col.ml-2-col {
  margin-left: 16.666%;
}

.col.mr-2-col {
  margin-right: 16.666%;
}

.col.col-lg-1 {
  max-width: 8.333%;
  flex: 8.333%;
}

.col.col-lg-8 {
  max-width: 66.6667%;
  flex: 66.6667%;
}

.col.col-lg-4 {
  max-width: 33.3333%;
  flex: 33.3333%;
}

.col.col-lg-4.flex-box {
  display: flex;
}

.col.col-lg-4.justify-space-between {
  justify-content: space-between;
  display: flex;
}

.col.col-lg-4.align-right {
  justify-content: flex-end;
  display: flex;
}

.col.col-lg-4.justify-space-around {
  justify-content: space-around;
  display: flex;
}

.col.col-lg-4.display-flex {
  flex-direction: row;
  display: flex;
}

.col.col-lg-9 {
  max-width: 75%;
  flex: 75%;
}

.col.col-lg-11 {
  max-width: 91.6667%;
  flex: 91.6667%;
}

.col.col-lg-10 {
  max-width: 83.3333%;
  flex: 83.3333%;
}

.col.col-lg-7 {
  max-width: 58.3333%;
  flex: 58.3333%;
}

.padding--medium {
  padding-top: 8em;
}

.underline {
  width: 100%;
  height: 1px;
  background-color: #eceae9;
}

.underline.is-footer {
  background-color: #292929;
  margin-top: 0;
  margin-bottom: 1em;
}

.s-paragraph {
  font-size: 1.21em;
}

.s-paragraph.color-black {
  color: #3f3f3f;
}

.image_wrapper.is-case-preview_small {
  width: 100%;
  height: 33em;
  border-radius: .6em;
  overflow: hidden;
}

.image_wrapper.is-case {
  padding-bottom: 1rem;
}

.full-width {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: .5rem;
}

.display {
  font-size: 4.5em;
}

.case-preview_content {
  padding-bottom: 6em;
}

.xs-paragraph {
  color: #767676;
  margin-bottom: 0;
  font-size: .8rem;
  line-height: 1.7;
}

.xs-paragraph.no-text-wrap {
  white-space: nowrap;
}

.title_heading {
  padding-bottom: .5rem;
}

.nav-arrow_embed {
  width: .8rem;
  height: .8rem;
  justify-content: center;
  align-items: center;
  display: flex;
  transform: rotate(-90deg);
}

.nav-arrow_embed.hide {
  display: none;
}

.nav-menu_wrapper {
  width: 100%;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-expertise {
  align-items: center;
  display: flex;
}

.button_arrow {
  background-color: #e8e8e8;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-top: 3px;
  padding: .1rem;
  display: flex;
}

.button_arrow.hide {
  display: none;
}

.brand {
  height: 100%;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.nav {
  z-index: 10;
  width: 100%;
  height: 2.75rem;
  background-color: #fff;
  border-bottom: 1px solid #eceae9;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.nav.is-black {
  background-color: #000;
  border-bottom-style: none;
}

.nav-link {
  color: #666;
  margin-left: 0;
  padding: 1.2em 1em .9em;
  font-family: Neue Haas Display, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  line-height: 1;
}

.nav-link.w--current {
  color: #000;
}

.nav-link.is-final {
  padding-right: 0;
}

.nav-link.is-expertise {
  padding: 1.3em .5em 1em 0;
}

.nav-link.is-logo {
  padding-left: 0;
}

.nav-link.is-black {
  color: #666;
}

.nav-link.is-black.w--current {
  color: #fff;
}

.stat_wrapper {
  border-bottom: 1px solid #eceae9;
  padding-top: 2em;
  padding-bottom: 2em;
}

.stat_wrapper.is-top {
  padding-top: 0;
}

.slide-nav {
  display: none;
}

.button_grey {
  background-color: #e8e8e8;
  border-radius: 10em;
  margin-top: .5rem;
  margin-bottom: 0;
  margin-right: .5rem;
  padding-left: 0;
  position: relative;
}

.slider {
  z-index: 5;
  width: auto;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  overflow: visible;
}

.slider_wrapper {
  width: 100vw;
  height: auto;
  padding-top: 6em;
  overflow: hidden;
}

.slide {
  z-index: 5;
  width: 48em;
  height: auto;
  margin-right: 1rem;
}

.slide.is-05 {
  height: 35em;
}

.slide.is-02 {
  width: 65em;
}

.slider_arrow {
  z-index: 3;
  width: 3.5rem;
  height: 3.5rem;
  background-color: #e8e9e9;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  top: -13%;
  bottom: auto;
  left: auto;
  right: 7%;
}

.slider_arrow.is-right {
  margin-left: 0;
  right: 1%;
}

.stat_image {
  width: 90%;
}

.mask {
  z-index: 5;
  width: 50vw;
  height: auto;
  padding-left: 1rem;
  overflow: visible;
}

.button_text {
  border-radius: 10em;
  margin-bottom: 0;
  padding: .3rem 1.1rem;
  font-size: .75rem;
  font-weight: 400;
  position: relative;
}

.arrow_embed {
  width: 1.5rem;
  height: 1.5rem;
}

.stat_heading.padding-bottom-2em {
  padding-bottom: 2em;
}

.div-put {
  display: flex;
}

.case-study_wrapper {
  width: 100%;
  text-decoration: none;
}

.case-study-content_wrapper {
  margin-bottom: 5em;
  padding-top: 1em;
}

.case_heading {
  color: #333;
  padding-bottom: .1em;
  font-family: Neue Haas Display, sans-serif;
  font-size: 1.55em;
  line-height: 1.1;
}

.case_sub-heading {
  color: #767676;
  padding-bottom: 1em;
  font-family: Neue Haas Display, sans-serif;
  font-size: 1.25em;
  line-height: 1.1;
}

.footer_text {
  color: #767676;
  margin-bottom: .2rem;
  font-family: Neue Haas Display, sans-serif;
  font-size: .85rem;
  font-weight: 400;
  line-height: 1.1;
}

.footer_text.is-grey {
  color: #555;
}

.footer_text.align-centre {
  text-align: center;
}

.footer_text.align-centre.hide {
  display: none;
}

.footer_text.is-social {
  padding-right: 1rem;
}

.footer_text.is-reserved {
  padding-left: 1rem;
}

.footer_text.hide {
  display: none;
}

.footer_time {
  grid-column-gap: .5rem;
  display: flex;
}

.footer_bottom {
  z-index: 2;
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.footer_logo {
  width: 98%;
  height: 100%;
  object-fit: cover;
}

.svgs {
  display: none;
}

.number-embed {
  width: 100px;
  color: #464655;
  display: inline-block;
}

.matter-container {
  width: 100%;
  height: 90vh;
  overflow: hidden;
}

.grid {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
}

.footer_top-wrapper {
  padding-left: 1rem;
  padding-right: 1rem;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.home-hero-wrapper {
  width: 100%;
  text-decoration: none;
}

.home-hero-grid-caption {
  width: 43rem;
  grid-column-gap: 3rem;
  grid-template-rows: auto;
  padding-top: 0;
}

.p-caption {
  margin-bottom: 0;
  font-size: .9rem;
}

.p-caption.is-black {
  color: #000;
}

.text-underline {
  color: #767676;
  text-decoration: underline;
}

.text-underline.hide {
  display: none;
}

.is-black {
  color: #333;
}

.home-project-image {
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.home-project-image.is-long {
  height: 40em;
}

.home-project-image.is-dover {
  height: 45em;
}

.home-project-image.is-small {
  height: 22em;
}

.image-full {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: .5rem;
}

.image-full.is-no-radius {
  border-radius: 0;
}

.home-project-content-top {
  justify-content: space-between;
  padding-top: .4rem;
  display: flex;
}

.home-project-content-bottom {
  width: 59%;
  padding-top: .2rem;
}

.project-caption {
  color: #767676;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Neue Haas Display, sans-serif;
  font-size: .7rem;
}

.padding--xs-small {
  padding-top: 1rem;
}

.body-black {
  background-color: #000;
  padding-top: 2.75rem;
}

.is-exploration {
  color: #fff;
  font-size: 10em;
}

.is-white {
  color: #fff;
}

.exploration-article-wrapper.is-middle {
  margin-top: 15em;
}

.article-content-top {
  padding-top: .5rem;
}

.article-content-middle {
  padding-top: .2rem;
}

.article-content-bottom {
  padding-top: .3rem;
}

.exploration-heading-large {
  color: #fff;
  font-family: Neue Haas Display, sans-serif;
  font-size: 2em;
  line-height: 1.1;
}

.exploration-tag {
  letter-spacing: .4px;
  font-size: .8rem;
}

.exploration-heading-small {
  color: #fff;
  font-family: Neue Haas Display, sans-serif;
  font-size: 1.4em;
  line-height: 1.2;
}

.exploration-sticky-wrapper {
  width: 100%;
  height: 50vh;
  position: -webkit-sticky;
  position: sticky;
  top: 2.75rem;
}

.exploration-hero {
  height: 25vh;
  align-items: center;
  display: flex;
}

.fade-transition {
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  margin-top: 2.75rem;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.fade-transition.is-white {
  opacity: 0;
}

.fade-transition.is-black {
  z-index: 10;
  opacity: 0;
  background-color: #000;
}

.sketchable {
  z-index: 1;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-preview-block {
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .45);
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-preview-wrapper {
  width: 75%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-preview {
  z-index: 2;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.perspective-title {
  padding-top: 10em;
}

.perspective-eyebrow {
  padding-top: 1.5em;
}

.perspective-sub {
  padding-top: 6em;
  padding-bottom: 6em;
}

.grid-2 {
  width: 100%;
  grid-column-gap: 19px;
  grid-template-rows: auto;
  justify-items: start;
}

.perspective-sub-heading {
  padding-right: 8em;
}

.large-paragraph {
  color: #fff;
  font-size: 1.4em;
}

.caption-paragraph {
  padding-bottom: .1rem;
  font-size: 1em;
}

.perspective-topics {
  grid-column-gap: 6em;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.perspective-post {
  width: 55em;
  padding-left: 5em;
}

.perspective-paragraph {
  color: #fff;
  font-size: 1.2em;
  line-height: 1.35;
}

.perspective-post-heading {
  width: 55em;
  padding-bottom: 1em;
  padding-left: 5em;
}

.perspective-h2 {
  color: #fff;
  font-size: 2.8em;
}

.perspective-h1 {
  color: #fff;
  font-size: 3.2em;
  line-height: 1.1;
}

.perspective-h3 {
  color: #fff;
  font-size: 2.1em;
}

.padding--4rem {
  padding-top: 4rem;
}

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

  .row.align-end.align-top.md-align-start {
    justify-content: flex-start;
  }

  .row.is-nav {
    height: 100%;
    align-items: center;
    padding-top: 1rem;
  }

  .col.col-md-6 {
    max-width: 50%;
    flex: 50%;
  }

  .col.col-md-2 {
    max-width: 16.6667%;
    flex: 16.6667%;
  }

  .col.col-md-9 {
    max-width: 75%;
    flex: 75%;
  }

  .col.col-md-1 {
    max-width: 8.33333%;
    flex: 8.33333%;
  }

  .col.col-md-10 {
    max-width: 83.3333%;
    flex: 83.3333%;
  }

  .col.col-lg-5.col-md-10.col--p-large {
    margin-top: 2rem;
    margin-left: 16.66%;
  }

  .col.col-md-8 {
    max-width: 66.6667%;
    flex: 66.6667%;
  }

  .col.col-md-12 {
    max-width: 100%;
    flex: 100%;
  }

  .col.col-md-5 {
    max-width: 41.6667%;
    flex: 41.6667%;
  }

  .col.md--no-margin {
    margin-left: 0;
    margin-right: 0;
  }

  .col.col-md-4 {
    max-width: 33.3333%;
    flex: 33.3333%;
  }

  .col.col-lg-1.hide-md {
    display: none;
  }

  .col.col-md-7 {
    max-width: 58.3333%;
    flex: 58.3333%;
  }

  .col.col-md-11 {
    max-width: 91.6667%;
    flex: 91.6667%;
  }

  .col.col-lg-4.col-sm-12.padding-bottom-sm-6 {
    padding-bottom: 0;
  }

  .col.col-md-3 {
    max-width: 25%;
    flex: 25%;
  }

  .md--hide {
    display: none;
  }

  .grid_case-study {
    padding-top: 2em;
  }

  .brand {
    align-items: center;
  }

  .nav {
    height: 3rem;
  }

  .menu-button {
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-link.is-logo {
    padding-top: 0;
  }

  .home-hero-image-wrapper {
    height: 60vh;
  }

  .home-project-image.is-long {
    height: 30em;
  }

  .perspective-sub-heading {
    padding-right: 5em;
  }

  .perspective-post, .perspective-post-heading {
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .section.is-hero, .section.is-perspective-hero {
    min-height: 40em;
  }

  .sm--hide {
    display: none;
  }

  .col.col-sm-10 {
    max-width: 83.3333%;
    flex: 0 83.3333%;
  }

  .col.col-sm-5 {
    max-width: 41.6667%;
    flex: 0 41.6667%;
  }

  .col.col-sm-1 {
    max-width: 8.33333%;
    flex: 0 8.33333%;
  }

  .col.col-sm-3 {
    max-width: 25%;
    flex: 0 25%;
  }

  .col.col-sm-2 {
    max-width: 16.6667%;
    flex: 0 16.6667%;
  }

  .col.col-sm-4 {
    max-width: 33.3333%;
    flex: 0 33.3333%;
  }

  .col.col-sm-11 {
    max-width: 91.6667%;
    flex: 0 91.6667%;
  }

  .col.col-sm-7 {
    max-width: 58.3333%;
    flex: 0 58.3333%;
  }

  .col.sm--no-margin {
    margin-left: 0;
    margin-right: 0;
  }

  .col.col-sm-8 {
    max-width: 66.6667%;
    flex: 0 66.6667%;
  }

  .col.col-lg-4.col-sm-12.padding-bottom-sm-6 {
    padding-bottom: 8em;
  }

  .col.col-sm-12 {
    max-width: 100%;
    flex: 0 100%;
  }

  .col.col-sm-6 {
    max-width: 50%;
    flex: 0 50%;
  }

  .col.col-sm-9 {
    max-width: 75%;
    flex: 0 75%;
  }

  .image_wrapper.is-case {
    padding-bottom: .5rem;
  }

  .brand {
    padding-left: 0;
  }

  .nav {
    height: auto;
  }

  .menu-button {
    padding-top: 0;
    padding-right: 0;
  }

  .home-hero-grid-caption {
    width: 22rem;
    grid-template-columns: 1fr;
  }

  .home-project-image, .home-project-image.is-dover {
    height: 30em;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2.1em;
    line-height: 1.2;
  }

  p {
    font-size: 1.3em;
  }

  .container {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .row.footer-bottom.flex-vertical {
    flex-direction: column;
  }

  .section.is-hero {
    min-height: 40em;
  }

  .section.is-hero-project, .section.is-hero-exploration {
    min-height: 30em;
  }

  .section.is-perspective-hero {
    min-height: 40em;
  }

  .page-wrapper {
    overflow: hidden;
  }

  .padding--large {
    padding-top: 10em;
  }

  .col.col-lg-6.padding-xs-1-rem {
    padding-top: 1rem;
  }

  .col.col-xs-12 {
    max-width: 100%;
    flex: 100%;
  }

  .col.col-xs-6 {
    max-width: 50%;
    flex: 50%;
  }

  .col.col-xs-4 {
    max-width: 33.3333%;
    flex: 33.3333%;
  }

  .col.col-lg-2.xs--hide {
    display: none;
  }

  .col.col-xs-7 {
    max-width: 58.3333%;
    flex: 58.3333%;
  }

  .col.col-lg-5.col-sm-3.col-xs-12.padding-bottom-1 {
    padding-bottom: 1em;
  }

  .col.col-xs-2 {
    max-width: 16.6667%;
    flex: 16.6667%;
  }

  .col.col-xs-5 {
    max-width: 41.6667%;
    flex: 41.6667%;
  }

  .col.col-xs-3 {
    max-width: 25%;
    flex: 25%;
  }

  .col.col-lg-1.xs--hide {
    display: none;
  }

  .col.col-xs-9 {
    max-width: 75%;
    flex: 75%;
  }

  .col.col-xs-8 {
    max-width: 66.6667%;
    flex: 66.6667%;
  }

  .col.col-xs-1 {
    max-width: 8.33333%;
    flex: 8.33333%;
  }

  .col.col-lg-4.col-xs-12.padding-top-xs-1rem {
    padding-top: 1rem;
  }

  .col.col-lg-4.justify-space-around.col-xs-12.no-space-around {
    justify-content: flex-start;
  }

  .col.col-lg-4.col-sm-12.padding-bottom-sm-6 {
    padding-bottom: 4em;
  }

  .col.xs--no-margin {
    margin-left: 0;
    margin-right: 0;
  }

  .col.col-xs-10 {
    max-width: 83.3333%;
    flex: 83.3333%;
  }

  .col.col-xs-11 {
    max-width: 91.6667%;
    flex: 91.6667%;
  }

  .padding--medium {
    padding-top: 4em;
  }

  .image_wrapper.is-case {
    padding-bottom: .5rem;
  }

  .display {
    font-size: 2em;
  }

  .display.is-white {
    font-size: 3em;
  }

  .case-preview_content {
    padding-bottom: 3em;
  }

  .grid_case-study {
    padding-top: 1em;
  }

  .brand {
    padding-left: 0;
  }

  .nav {
    height: 3rem;
  }

  .nav-link.is-logo {
    padding-bottom: 0;
  }

  .footer_reach-out {
    margin-top: 3em;
    padding-right: 3em;
  }

  .home-hero-grid-caption {
    width: 85%;
  }

  .home-project-content-top {
    padding-top: .6rem;
  }

  .home-project-content-bottom {
    width: 100%;
    padding-top: .4rem;
  }

  .perspective-sub-heading {
    padding-right: 0;
  }

  .perspective-topics {
    justify-content: flex-start;
    padding-top: 3em;
  }

  .perspective-post, .perspective-post-heading {
    padding-left: 0;
  }
}

#w-node-_490e9603-c34f-8b9e-ab6d-55d30b509eca-264d6d60, #w-node-a961a847-ae63-c626-91df-26b8979ea3eb-264d6d60, #w-node-b4a43311-251d-2d8b-d99e-5cdd3b7911d3-264d6d60, #w-node-b4a43311-251d-2d8b-d99e-5cdd3b7911d4-264d6d60, #w-node-_42949be3-7a79-730e-095e-6c2294812e4b-7dfe6f0b, #w-node-_42949be3-7a79-730e-095e-6c2294812e4c-7dfe6f0b, #w-node-_42949be3-7a79-730e-095e-6c2294812e50-7dfe6f0b, #w-node-_42949be3-7a79-730e-095e-6c2294812e55-7dfe6f0b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Neue Haas Display';
  src: url('../fonts/NeueHaasDisplayMediu.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('../fonts/NeueHaasDisplayRoman.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}