html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*, *::after, *::before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

@font-face {
  font-family: 'Medium';
  src: url("../fonts/MediumLLSub-Book.woff2") format("woff2"), url("../fonts/MediumLLSub-Book.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Otto';
  src: url("../fonts/ABCOtto-Regular.woff2") format("woff2"), url("../fonts/ABCOtto-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Otto';
  src: url("../fonts/ABCOtto-RegularItalic.woff2") format("woff2"), url("../fonts/ABCOtto-RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic; }

html, body {
  margin: 0;
  padding: 0; }

body {
  background: #F5F4EB;
  color: #000;
  font-family: "Otto", serif;
  font-size: 0.9375vw;
  line-height: 1.25;
  text-align: center;
  -webkit-font-smoothing: antialiased; }
  @media screen and (min-width: 1681px) {
    body {
      font-size: 16px; } }
  @media screen and (max-width: 640px) {
    body {
      font-size: 2.8125vw; } }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1;
  color: currentColor; }

svg {
  display: inline-block;
  width: 100%;
  height: 100%;
  fill: currentColor;
  overflow: hidden; }
  svg.icon {
    width: 1em;
    height: 1em;
    line-height: 1;
    vertical-align: middle; }

#symbols {
  display: none; }

a {
  text-decoration: none;
  color: currentColor; }
  a:hover {
    color: currentColor;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    transition: color .3s ease; }
  a:focus {
    outline: none;
    text-decoration: none;
    color: currentColor; }

button {
  background: none;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  cursor: pointer;
  font-family: "Otto", serif; }
  button:focus {
    outline: none; }

figure {
  margin: 0;
  padding: 0; }

dl, dt, dd {
  margin: 0;
  padding: 0; }

img {
  width: 100%;
  display: block;
  height: auto; }

video {
  display: block; }

.about {
  background: #ffffff; }
  .about__content {
    padding: 18.7499999999vw 0 8.3333333333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media screen and (min-width: 1681px) {
      .about__content {
        padding: 315px 0 140px; } }
    @media screen and (max-width: 640px) {
      .about__content {
        padding: 41.6666666664vw 0 20.8333333332vw; } }
  .about__title {
    font-size: 2.8645833333vw;
    margin: 0; }
    @media screen and (min-width: 1681px) {
      .about__title {
        font-size: 48px; } }
    @media screen and (max-width: 640px) {
      .about__title {
        padding: 0 5%;
        font-size: 5.7291666666vw; }
        .about__title br {
          display: none; } }

.guid {
  background: #ffffff; }
  .guid__content {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column; }
    @media screen and (max-width: 640px) {
      .guid__content {
        height: 150vw; } }
  .guid__title {
    font-size: 4.1666666666vw;
    margin-top: 0; }
    @media screen and (min-width: 1681px) {
      .guid__title {
        font-size: 70px; } }
    @media screen and (max-width: 640px) {
      .guid__title {
        font-size: 8.3333333333vw; }
        .guid__title br {
          display: block; } }

.main {
  opacity: 0; }
  .loaded .main {
    -webkit-transition: opacity 1.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 1.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 1; }

.hgroup {
  text-align: center;
  position: relative; }
  .hgroup--overlay {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 3.4375vw; }
  .hgroup--yellow {
    padding: 5.7291666666vw 0;
    background: #F3FE48; }
    @media screen and (max-width: 640px) {
      .hgroup--yellow {
        padding: 5.7291666666vw 3.4375vw; } }
  .hgroup--flex {
    text-align: center; }
  .hgroup__title {
    font-size: 2.6041666667vw;
    margin: 0; }
    @media screen and (min-width: 1681px) {
      .hgroup__title {
        font-size: 42px; } }
    @media screen and (max-width: 640px) {
      .hgroup__title {
        font-size: 6.5104166666vw; }
        .hgroup__title br {
          display: none; } }
    .hgroup__title--xl {
      font-size: 4.1666666666vw; }
      @media screen and (min-width: 1681px) {
        .hgroup__title--xl {
          font-size: 70px; } }
      @media screen and (max-width: 640px) {
        .hgroup__title--xl {
          font-size: 6.25vw; }
          .hgroup__title--xl br {
            display: block; } }
    .hgroup__title--m {
      font-size: 2.5vw; }
      @media screen and (min-width: 1681px) {
        .hgroup__title--m {
          font-size: 42px; } }
      @media screen and (max-width: 640px) {
        .hgroup__title--m {
          font-size: 5.0vw; } }
    .hgroup__title--s {
      font-size: 2.34375vw; }
      @media screen and (max-width: 640px) {
        .hgroup__title--s {
          font-size: 4.6875vw; } }
    .hgroup__title--j {
      width: 100%;
      font-size: 4.6875vw;
      text-align: justify;
      -moz-text-align-last: justify;
           text-align-last: justify;
      color: #F3FE48; }
      @media screen and (max-width: 640px) {
        .hgroup__title--j {
          font-size: 5.46875vw; } }
  .hgroup__subtitle {
    font-size: 1.6666666667vw;
    font-family: "Medium", sans-serif;
    margin-bottom: 0;
    margin-top: 1em; }
    @media screen and (min-width: 1681px) {
      .hgroup__subtitle {
        font-size: 28px; } }
    @media screen and (max-width: 640px) {
      .hgroup__subtitle {
        font-size: 4.1666666666vw; }
        .hgroup__subtitle br {
          display: none; } }
    .hgroup__subtitle--t {
      font-family: "Otto", serif;
      margin-top: .75em; }
    .hgroup__subtitle--u {
      text-transform: uppercase; }
    .hgroup__subtitle--s {
      font-size: 1.0416666667vw; }
      @media screen and (max-width: 640px) {
        .hgroup__subtitle--s {
          font-size: 2.6041666667vw; } }
    .hgroup__subtitle--xs {
      font-size: 0.8333333333vw; }
      @media screen and (max-width: 640px) {
        .hgroup__subtitle--xs {
          font-size: 2.0833333333vw; } }
  .hgroup__arrow {
    position: absolute;
    left: 50%;
    bottom: -5vw;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 1.0416666667vw;
    height: 2.0833333333vw;
    -webkit-transform: rotate(90deg) translate3d(-50%, 0, 0);
            transform: rotate(90deg) translate3d(-50%, 0, 0);
    margin-top: 5em; }
    @media screen and (max-width: 640px) {
      .hgroup__arrow {
        width: 2.6041666667vw;
        height: 5.2083333333vw;
        bottom: -10vw; } }

.section--full {
  height: 100vh; }
  @media screen and (max-width: 640px) {
    .section--full {
      height: auto; } }

.section--c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  background: #ffffff; }
  @media screen and (max-width: 640px) {
    .section--c {
      padding: 15.6249999999vw 5.2083333333vw; } }

.quote {
  width: 100%; }
  @media screen and (max-width: 640px) {
    .quote {
      padding: 6.875vw; } }
  .quote--pad {
    padding: 3.4375vw; }
    @media screen and (max-width: 640px) {
      .quote--pad {
        padding: 6.875vw; } }
  .quote__title {
    font-size: 2.5vw;
    line-height: 1;
    margin: 0; }
    @media screen and (min-width: 1681px) {
      .quote__title {
        font-size: 42px; } }
    @media screen and (max-width: 640px) {
      .quote__title {
        font-size: 5.0vw; } }
  .quote__subtitle {
    margin-top: 2em; }
  .quote__tag {
    font-family: "Medium", sans-serif;
    text-transform: uppercase;
    font-size: 1.0416666667vw;
    margin-top: 2em; }
    @media screen and (min-width: 1681px) {
      .quote__tag {
        font-size: 18px; } }
    @media screen and (max-width: 640px) {
      .quote__tag {
        font-size: 2.8645833333vw; } }

.button-title {
  font-family: "Medium", sans-serif; }

.button {
  display: inline-block; }
  .button--border {
    border: 1px solid currentColor;
    font-size: 1.6666666667vw;
    padding: .25em .75em; }
    @media screen and (min-width: 1681px) {
      .button--border {
        font-size: 28px; } }
    @media screen and (max-width: 640px) {
      .button--border {
        font-size: 4.1666666666vw;
        padding: .5em 1.5em; } }
  .button--underline {
    font-family: "Medium", sans-serif;
    text-transform: uppercase;
    position: relative;
    font-size: 1.1458333333vw; }
    @media screen and (min-width: 1681px) {
      .button--underline {
        font-size: 20px; } }
    @media screen and (max-width: 640px) {
      .button--underline {
        font-size: 2.8645833333vw; } }
    .button--underline:after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      height: 1px;
      background: currentColor; }

.underline {
  position: relative; }
  .underline:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 1px;
    background: currentColor; }

.bg--orange {
  background: #FFD390; }

.bg--khaki {
  background: #768376; }

.bg--green {
  background: #D8E8C3; }

.bg--cream {
  background: #F5F4EB;
  color: #000; }

.page-title {
  font-size: 2.5vw;
  font-style: italic;
  margin-bottom: 0; }

.page-subtitle {
  font-size: 1.4583333333vw;
  margin-bottom: 2em; }

.page-nav {
  display: block;
  width: 1.0416666667vw;
  height: 2.0833333333vw;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.menubar {
  position: fixed;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  left: 0;
  top: 0;
  width: 100%;
  height: 4.0625vw;
  background: #ffffff;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  @media screen and (min-width: 1681px) {
    .menubar {
      height: 68px; } }
  @media screen and (max-width: 640px) {
    .menubar {
      height: 12.1874999999vw; } }
  .menubar .logo {
    display: block;
    font-family: "Medium", sans-serif;
    width: 15.6249999999vw;
    height: 1.1574074074vw; }
    @media screen and (min-width: 1681px) {
      .menubar .logo {
        width: 263px;
        height: 20px; } }
    @media screen and (max-width: 640px) {
      .menubar .logo {
        width: 40vw;
        height: 2.962962963vw; } }
  .menubar--home {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .has-menubar .menubar--home {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: -webkit-transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .menubar--all {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    -webkit-transition: -webkit-transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .loaded .menubar--all {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      -webkit-transition: -webkit-transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.33s;
      transition: -webkit-transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.33s;
      transition: transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.33s;
      transition: transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.33s, -webkit-transform 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.33s; }
  .hasmenu .menubar {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.menubar-button {
  width: 1.3541666667vw;
  height: 1.3541666667vw;
  position: fixed;
  right: 1.5625vw;
  top: 1.3541666667vw;
  z-index: 1002;
  -webkit-transform: translate3d(0, -6.25vw, 0);
          transform: translate3d(0, -6.25vw, 0);
  -webkit-transition: -webkit-transform 1.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 1.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 1.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 1.75s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  @media screen and (max-width: 640px) {
    .menubar-button {
      -webkit-transform: translate3d(0, -10.4166666666vw, 0);
              transform: translate3d(0, -10.4166666666vw, 0);
      width: 4.1666666666vw;
      height: 4.1666666666vw;
      right: 3.125vw;
      top: 3.6458333333vw; } }
  .loaded .menubar-button {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }

.close-menu {
  display: block;
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  -webkit-transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  @media screen and (max-width: 640px) {
    .close-menu {
      width: 3.125vw;
      height: 3.125vw; } }
  .hasmenu .close-menu {
    color: #000;
    -webkit-transition: color 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: color 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .close-menu--home {
    color: #ffffff;
    -webkit-transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .hasmenu .close-menu--home {
      color: #000;
      -webkit-transition: color 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: color 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .has-menubar .close-menu--home {
      color: #000;
      -webkit-transition: color 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: color 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.menu {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1001;
  border-left: 1px solid #000;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  -webkit-transition-delay: .7s;
          transition-delay: .7s; }
  @media screen and (max-width: 640px) {
    .menu {
      -webkit-transform: translate3d(0, -100%, 0);
              transform: translate3d(0, -100%, 0);
      width: 100%;
      border-left: none; } }
  .menu__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 25%;
    border-left: 1px solid #000;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .7s ease;
    transition: -webkit-transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease, -webkit-transform .7s ease;
    background: #F5F4EB;
    z-index: 2; }
    .hasmenu .menu__content {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
    @media screen and (max-width: 640px) {
      .menu__content {
        width: 100%; } }
  .menu__bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #F5F4EB;
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 1; }
    .hasmenu .menu__bg {
      opacity: .85; }
  .menu__container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 3.125vw 0.8333333333vw 0.5208333333vw; }
    @media screen and (max-width: 640px) {
      .menu__container {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 18.7499999999vw 5.0vw 9.3749999999vw; } }
  .hasmenu .menu {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .menu .close-menu {
    display: block;
    width: 1.0416666667vw;
    height: 1.0416666667vw;
    position: absolute;
    right: 1.5625vw;
    top: 1.0416666667vw;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
    @media screen and (max-width: 640px) {
      .menu .close-menu {
        width: 3.125vw;
        height: 3.125vw;
        position: absolute;
        right: 4.6875vw;
        top: 3.125vw; } }

.nav-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin-bottom: 3.125vw;
  line-height: 1; }
  @media screen and (min-width: 1681px) {
    .nav-main {
      font-size: 50px; } }
  @media screen and (max-width: 640px) {
    .nav-main {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 9.3749999999vw; } }
  .nav-main a {
    font-size: 1.5625vw;
    margin: .1em 0; }
    @media screen and (min-width: 1681px) {
      .nav-main a {
        font-size: 26px; } }
    @media screen and (max-width: 640px) {
      .nav-main a {
        font-size: 6.6666666666vw;
        opacity: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: opacity 0.5s ease, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s ease;
        transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s ease, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .hasmenu .nav-main a {
          opacity: 1;
          -webkit-transform: translateY(0);
                  transform: translateY(0);
          -webkit-transition: opacity 0.7s ease, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: opacity 0.7s ease, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.7s ease;
          transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.7s ease, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .nav-main a:nth-child(1) {
          -webkit-transition-delay: 0s;
                  transition-delay: 0s; }
          .hasmenu .nav-main a:nth-child(1) {
            -webkit-transition-delay: .6s;
                    transition-delay: .6s; }
        .nav-main a:nth-child(2) {
          -webkit-transition-delay: 0s;
                  transition-delay: 0s; }
          .hasmenu .nav-main a:nth-child(2) {
            -webkit-transition-delay: .55s;
                    transition-delay: .55s; }
        .nav-main a:nth-child(3) {
          -webkit-transition-delay: 0s;
                  transition-delay: 0s; }
          .hasmenu .nav-main a:nth-child(3) {
            -webkit-transition-delay: .5s;
                    transition-delay: .5s; }
        .nav-main a:nth-child(4) {
          -webkit-transition-delay: 0s;
                  transition-delay: 0s; }
          .hasmenu .nav-main a:nth-child(4) {
            -webkit-transition-delay: .45s;
                    transition-delay: .45s; }
        .nav-main a:nth-child(5) {
          -webkit-transition-delay: 0s;
                  transition-delay: 0s; }
          .hasmenu .nav-main a:nth-child(5) {
            -webkit-transition-delay: .4s;
                    transition-delay: .4s; }
        .nav-main a:nth-child(6) {
          -webkit-transition-delay: 0s;
                  transition-delay: 0s; }
          .hasmenu .nav-main a:nth-child(6) {
            -webkit-transition-delay: .35s;
                    transition-delay: .35s; }
        .nav-main a:nth-child(7) {
          -webkit-transition-delay: 0s;
                  transition-delay: 0s; }
          .hasmenu .nav-main a:nth-child(7) {
            -webkit-transition-delay: .3s;
                    transition-delay: .3s; }
        .nav-main a:nth-child(8) {
          -webkit-transition-delay: 0s;
                  transition-delay: 0s; }
          .hasmenu .nav-main a:nth-child(8) {
            -webkit-transition-delay: .25s;
                    transition-delay: .25s; } }

.nav-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  border-top: 1px solid #000;
  padding-top: .5em; }
  @media screen and (max-width: 640px) {
    .nav-external {
      padding-top: 2em;
      width: 60%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      opacity: 0;
      -webkit-transform: translateY(30%);
              transform: translateY(30%);
      -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
      transition: opacity 0.5s ease 0s, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
      transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, opacity 0.5s ease 0s;
      transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, opacity 0.5s ease 0s, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
      .hasmenu .nav-external {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-transition: opacity 0.5s ease 0.9s, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s;
        transition: opacity 0.5s ease 0.9s, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s;
        transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s, opacity 0.5s ease 0.9s;
        transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s, opacity 0.5s ease 0.9s, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s; } }
  .nav-external a {
    font-family: "Medium", sans-serif;
    text-transform: uppercase;
    margin: .1em 0; }
    @media screen and (max-width: 640px) {
      .nav-external a {
        font-size: 3.3333333333vw; } }

.nav-contact {
  margin-top: auto; }
  @media screen and (max-width: 640px) {
    .nav-contact {
      opacity: 0;
      -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
      transition: opacity 0.5s ease 0s, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
      transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, opacity 0.5s ease 0s;
      transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, opacity 0.5s ease 0s, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
      .hasmenu .nav-contact {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-transition: opacity 0.5s ease 1.1s, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1s;
        transition: opacity 0.5s ease 1.1s, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1s;
        transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1s, opacity 0.5s ease 1.1s;
        transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1s, opacity 0.5s ease 1.1s, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1s; } }
  .nav-contact .button--border {
    font-size: 1.0416666667vw; }
    @media screen and (max-width: 640px) {
      .nav-contact .button--border {
        font-size: 4.1666666666vw; } }

.intro {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  font-family: "Medium", sans-serif;
  color: #ffffff; }
  .intro__svg {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    opacity: .3; }
  .intro__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    opacity: 1;
    -webkit-transition: opacity 0.71s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 0.91s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.75s;
    transition: opacity 0.71s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 0.91s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.75s;
    transition: opacity 0.71s cubic-bezier(0.25, 0.46, 0.45, 0.94), clip-path 0.91s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.75s;
    transition: opacity 0.71s cubic-bezier(0.25, 0.46, 0.45, 0.94), clip-path 0.91s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.75s, -webkit-clip-path 0.91s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.75s; }
    .loaded .intro__mask {
      -webkit-clip-path: inset(0 0 0 0);
              clip-path: inset(0 0 0 0);
      opacity: 1; }
    .intro__mask .mask {
      width: 100%;
      height: 100%; }
  .intro__logo {
    position: fixed;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    width: 35vw;
    height: 2.5925925926vw;
    margin: 0;
    padding: 0; }
    @media screen and (min-width: 1681px) {
      .intro__logo {
        width: 588px;
        height: 43.5555555556px; } }
    @media screen and (max-width: 640px) {
      .intro__logo {
        width: 70vw;
        height: 5.1851851852vw; } }

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; }
  .header__container {
    width: 100%;
    height: 100%; }
  .header__motion {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative; }
  .header--full {
    height: 100vh; }
    @media screen and (max-width: 640px) {
      .header--full {
        height: auto;
        padding: 20.8333333332vw 5.2083333333vw; } }
  .header--image {
    height: 100vh; }
    .header--image .header__content {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0; }
    .header--image .header__wrapper {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      overflow: hidden;
      opacity: 0; }
      .loaded .header--image .header__wrapper {
        -webkit-transition: opacity 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: opacity 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        opacity: 1; }
    @media screen and (max-width: 640px) {
      .header--image {
        height: 160vw; }
        .header--image .header__image {
          height: 100%; } }
  .header--auto {
    padding-top: 7.2916666666vw; }
    @media screen and (min-width: 1681px) {
      .header--auto {
        padding-top: 140px; } }
    @media screen and (max-width: 640px) {
      .header--auto {
        padding: 15.6249999999vw 5.2083333333vw 10.4166666666vw; } }
  .header--text {
    height: 90vh;
    padding-top: 10vh; }
  .header__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    text-align: center; }
  .header__paralax {
    width: 100%;
    height: 100%;
    position: relative; }
  .header__image {
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: relative; }
    .header__image img, .header__image video {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    @media screen and (max-width: 640px) {
      .header__image {
        height: auto; } }

.highlight {
  position: relative;
  background: #ffffff; }
  .highlight__header {
    padding: 4.1666666666vw 0; }
  .highlight__parallax {
    height: 56.25vw;
    overflow: hidden; }
  .highlight__wrapper {
    position: relative;
    width: 100%;
    height: 100%; }
  .highlight__image {
    width: 100%;
    height: 100%; }
    .highlight__image img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
      @media screen and (max-width: 640px) {
        .highlight__image img {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1); } }
  .highlight__subtitle {
    font-size: 1.1458333333vw;
    margin: 0;
    font-style: italic; }
    @media screen and (min-width: 1681px) {
      .highlight__subtitle {
        font-size: 20px; } }
    @media screen and (max-width: 640px) {
      .highlight__subtitle {
        font-size: 2.8645833333vw; } }
  .highlight__title {
    font-size: 2.0833333333vw;
    margin: .5em 0 .5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column; }
    @media screen and (min-width: 1681px) {
      .highlight__title {
        font-size: 35px; } }
    @media screen and (max-width: 640px) {
      .highlight__title {
        font-size: 5.2083333333vw; } }
  .highlight__price {
    font-size: 1.0416666667vw;
    font-family: "Medium", sans-serif; }
    @media screen and (min-width: 1681px) {
      .highlight__price {
        font-size: 18px; } }
    @media screen and (max-width: 640px) {
      .highlight__price {
        font-size: 2.6041666667vw; } }

.praise {
  padding: 4.1666666666vw 2.6041666667vw 6.25vw; }
  @media screen and (min-width: 1681px) {
    .praise {
      padding: 70px 45px 105px;
      max-width: 1680px;
      margin: 0 auto; } }
  @media screen and (max-width: 640px) {
    .praise {
      padding: 8.5937499999vw 8.5937499999vw 15.6249999999vw 8.5937499999vw; } }
  .praise__description {
    font-size: 2.6041666667vw;
    line-height: 1;
    border-bottom: 1px solid #000; }
    @media screen and (min-width: 1681px) {
      .praise__description {
        font-size: 43px; } }
    @media screen and (max-width: 640px) {
      .praise__description {
        font-size: 6.5104166666vw; } }
    .praise__description p {
      margin: 4.1666666666vw 0 8.3333333333vw; }
      @media screen and (min-width: 1681px) {
        .praise__description p {
          margin: 70px 0 140px; } }
      @media screen and (max-width: 640px) {
        .praise__description p {
          margin: 8.5937499999vw 0 17.1874999999vw; }
          .praise__description p br {
            display: none; } }
  .praise__quotes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 6.25vw 0; }
    @media screen and (min-width: 1681px) {
      .praise__quotes {
        margin: 105px 0; } }
    @media screen and (max-width: 640px) {
      .praise__quotes {
        margin: 15.6249999999vw 0 7.8125vw; } }
  .praise__total {
    font-size: 2.6041666667vw;
    line-height: 1; }
    @media screen and (min-width: 1681px) {
      .praise__total {
        font-size: 43px; } }
    @media screen and (max-width: 640px) {
      .praise__total {
        font-size: 6.5104166666vw; } }

.pressquote {
  width: 30%; }
  @media screen and (max-width: 640px) {
    .pressquote {
      width: 100%;
      margin-bottom: 3em; } }
  .pressquote__year {
    text-transform: uppercase;
    font-family: "Medium", sans-serif;
    display: block;
    margin-bottom: .75em;
    letter-spacing: .05em; }
  .pressquote__title {
    font-size: 2.6041666667vw;
    margin: 0; }
    @media screen and (min-width: 1681px) {
      .pressquote__title {
        font-size: 43px; } }
    @media screen and (max-width: 640px) {
      .pressquote__title {
        font-size: 7.8125vw; } }
  .pressquote__source {
    text-transform: uppercase;
    font-family: "Medium", sans-serif;
    letter-spacing: .05em;
    margin-top: 1.25em; }

.split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  height: 100vh;
  overflow: hidden; }
  @media screen and (max-width: 640px) {
    .split {
      height: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-flow: column-reverse wrap;
              flex-flow: column-reverse wrap; } }
  .split__col {
    width: 50%; }
  .split__image {
    width: 50%; }
    .split__image img, .split__image video {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    @media screen and (max-width: 640px) {
      .split__image {
        width: 100%;
        height: 112.5vw; } }
  .split__content {
    width: 50%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    background: #D8E8C3;
    padding: 5% 0; }
    @media screen and (max-width: 640px) {
      .split__content {
        width: 100%;
        height: auto;
        padding: 15% 0; } }
  .split__header {
    margin-bottom: auto; }
  .split__tag {
    margin: 0;
    text-transform: uppercase;
    font-family: "Medium", sans-serif;
    letter-spacing: .05em;
    font-size: 1.1458333333vw; }
    @media screen and (min-width: 1681px) {
      .split__tag {
        font-size: 20px; } }
    @media screen and (max-width: 640px) {
      .split__tag {
        font-size: 2.8645833333vw; } }
  .split__location {
    margin: 0;
    font-size: 1.875vw;
    letter-spacing: .05em; }
    @media screen and (min-width: 1681px) {
      .split__location {
        font-size: 32px; } }
    @media screen and (max-width: 640px) {
      .split__location {
        font-size: 4.1666666666vw; } }
  .split__title {
    margin: .25em 0 .25em 0;
    font-size: 3.90625vw; }
    @media screen and (min-width: 1681px) {
      .split__title {
        font-size: 66px; } }
    @media screen and (max-width: 640px) {
      .split__title {
        font-size: 7.8125vw;
        margin: .5em 0 .5em 0; } }
  .split__description {
    text-align: left;
    font-size: 2.6041666667vw;
    padding: 0 10%;
    text-align: center; }
    @media screen and (min-width: 1681px) {
      .split__description {
        font-size: 43px; } }
    @media screen and (max-width: 640px) {
      .split__description {
        margin-top: 20vw;
        font-size: 6.5104166666vw; } }

.properties {
  padding: 3.4375vw 3.4375vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  @media screen and (min-width: 1681px) {
    .properties {
      width: 1564px;
      padding: 50px 0 0;
      margin: 0 auto; } }
  .properties__row {
    width: 100%;
    margin: 2.5em 0;
    border-bottom: 1px solid #000; }
    @media screen and (max-width: 640px) {
      .properties__row {
        display: none; } }
  @media screen and (max-width: 640px) {
    .properties {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 8.5937499999vw 0 0; } }

.sold-property {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 30vw; }
  @media screen and (min-width: 1681px) {
    .sold-property {
      width: 504px; } }
  @media screen and (max-width: 640px) {
    .sold-property {
      width: 40vw;
      display: block;
      margin-bottom: 4em; } }
  .sold-property:hover figure img {
    -webkit-transform: scale(1.05) translateZ(0);
            transform: scale(1.05) translateZ(0);
    -webkit-transition: -webkit-transform 1s linear;
    transition: -webkit-transform 1s linear;
    transition: transform 1s linear;
    transition: transform 1s linear, -webkit-transform 1s linear; }
  .sold-property__image {
    position: relative; }
    .sold-property__image figure {
      width: 15vw;
      height: 11.25vw;
      overflow: hidden; }
      @media screen and (min-width: 1681px) {
        .sold-property__image figure {
          width: 252px;
          height: 189px; } }
      @media screen and (max-width: 640px) {
        .sold-property__image figure {
          width: 40vw;
          height: 30vw; } }
      .sold-property__image figure img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -webkit-transform: scale(1) translateZ(0);
                transform: scale(1) translateZ(0);
        -webkit-transition: -webkit-transform .3s linear;
        transition: -webkit-transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear; }
  .sold-property__meta {
    width: 15vw;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    padding-left: .5em; }
    @media screen and (min-width: 1681px) {
      .sold-property__meta {
        width: 252px; } }
    @media screen and (max-width: 640px) {
      .sold-property__meta {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
        width: 100%;
        margin-top: 2em; } }
  .sold-property__zip {
    font-style: italic;
    margin: 1.4em 0 0;
    font-size: 0.7291666667vw;
    margin-top: 0; }
    @media screen and (min-width: 1681px) {
      .sold-property__zip {
        font-size: 12px; } }
    @media screen and (max-width: 640px) {
      .sold-property__zip {
        font-size: 2.1875vw; } }
  .sold-property__label {
    font-size: 0.625vw;
    font-family: "Medium", sans-serif; }
    @media screen and (min-width: 1681px) {
      .sold-property__label {
        font-size: 11px; } }
    @media screen and (max-width: 640px) {
      .sold-property__label {
        font-size: 1.875vw; } }
  .sold-property__address {
    font-size: 1.0416666667vw;
    margin: .2em 0; }
    @media screen and (min-width: 1681px) {
      .sold-property__address {
        font-size: 18px; } }
    @media screen and (max-width: 640px) {
      .sold-property__address {
        font-size: 3.125vw; } }
  .sold-property__tags {
    font-family: "Medium", sans-serif;
    font-size: 0.625vw;
    margin-top: .25em;
    line-height: 1; }
    @media screen and (min-width: 1681px) {
      .sold-property__tags {
        font-size: 11px; } }
    @media screen and (max-width: 640px) {
      .sold-property__tags {
        font-size: 1.875vw; } }
  .sold-property__price {
    font-size: 0.625vw;
    font-family: "Medium", sans-serif;
    margin: auto 0 0; }
    @media screen and (min-width: 1681px) {
      .sold-property__price {
        font-size: 11px; } }
    @media screen and (max-width: 640px) {
      .sold-property__price {
        font-size: 1.875vw; } }

.property {
  margin-bottom: 4em;
  opacity: 0;
  -webkit-transform: translate3d(0, 20%, 0);
          transform: translate3d(0, 20%, 0);
  display: block;
  -webkit-transition: none;
  transition: none; }
  @media screen and (min-width: 1681px) {
    .property {
      width: 455px; } }
  .property.inview {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 1s, -webkit-transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 1s, -webkit-transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 1s, transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 1s, transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .property:nth-child(3n + 2) {
    -webkit-transition-delay: .2s;
            transition-delay: .2s; }
    @media screen and (max-width: 640px) {
      .property:nth-child(3n + 2) {
        -webkit-transition-delay: 0s;
                transition-delay: 0s; } }
  .property:nth-child(3n) {
    -webkit-transition-delay: .4s;
            transition-delay: .4s; }
    @media screen and (max-width: 640px) {
      .property:nth-child(3n) {
        -webkit-transition-delay: 0s;
                transition-delay: 0s; } }
  .property:hover figure img {
    -webkit-transform: scale(1.05) translateZ(0);
            transform: scale(1.05) translateZ(0);
    -webkit-transition: -webkit-transform 1s linear;
    transition: -webkit-transform 1s linear;
    transition: transform 1s linear;
    transition: transform 1s linear, -webkit-transform 1s linear; }
  .property__image {
    position: relative;
    background: #ffffff; }
    .property__image figure {
      width: 27vw;
      height: 20.25vw;
      overflow: hidden; }
      @media screen and (min-width: 1681px) {
        .property__image figure {
          width: 454px;
          height: 340px; } }
      @media screen and (max-width: 640px) {
        .property__image figure {
          width: 80vw;
          height: 60vw; } }
      .property__image figure img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -webkit-transform: scale(1) translateZ(0);
                transform: scale(1) translateZ(0);
        -webkit-transition: -webkit-transform .3s linear;
        transition: -webkit-transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear; }
    .property__image .tag {
      position: absolute;
      display: block;
      right: 0.5208333333vw;
      bottom: 0.5208333333vw;
      text-transform: uppercase;
      background: #F5F4EB;
      font-family: "Medium", sans-serif;
      padding: 0.1041666667vw 0.2604166667vw;
      font-size: 0.625vw;
      letter-spacing: 0.05em; }
      @media screen and (max-width: 640px) {
        .property__image .tag {
          right: 1.5625vw;
          bottom: 1.5625vw;
          padding: 0.3125vw 0.78125vw;
          font-size: 2.34375vw; } }
  .property__zip {
    font-style: italic;
    margin: 1.4em 0 0; }
  .property__address {
    font-size: 1.5625vw;
    margin: .2em 0; }
    @media screen and (min-width: 1681px) {
      .property__address {
        font-size: 26px; } }
    @media screen and (max-width: 640px) {
      .property__address {
        font-size: 3.90625vw;
        margin: .2em 0 .5em; } }
  .property__tag {
    font-family: "Medium", sans-serif;
    font-size: 0.625vw;
    border-radius: 0.2604166667vw;
    border: 1px solid #000;
    padding: .2em .5em;
    line-height: 1; }
    @media screen and (min-width: 1681px) {
      .property__tag {
        font-size: 11px; } }
    @media screen and (max-width: 640px) {
      .property__tag {
        font-size: 2.34375vw;
        border-radius: 0.78125vw; } }
  .property__price {
    font-size: 0.625vw;
    font-family: "Medium", sans-serif; }
    @media screen and (min-width: 1681px) {
      .property__price {
        font-size: 11px; } }
    @media screen and (max-width: 640px) {
      .property__price {
        font-size: 2.34375vw; } }

.properties-sale--sold .sales {
  padding: 0 0 3.4375vw 0; }
  @media screen and (min-width: 1681px) {
    .properties-sale--sold .sales {
      padding: 0 0 60px 0; } }

.sales {
  padding: 3.4375vw 0; }
  @media screen and (min-width: 1681px) {
    .sales {
      margin: 0 auto;
      padding: 60px 0; } }
  @media screen and (max-width: 640px) {
    .sales {
      padding: 10.3124999999vw 0; } }
  .sales__title {
    margin: 0;
    font-size: 2.5vw; }
    @media screen and (max-width: 640px) {
      .sales__title {
        font-size: 5.0vw; } }
  .sales--white {
    background: #ffffff; }
    .sales--white .sales__title {
      font-size: 1.6666666667vw; }
      @media screen and (max-width: 640px) {
        .sales--white .sales__title {
          font-size: 3.3333333333vw; } }
  .sales__subtitle {
    text-transform: uppercase;
    font-family: "Medium", sans-serif; }
    .sales__subtitle--low {
      text-transform: none;
      width: 33%;
      margin: 2em auto 0; }

.slider {
  padding: 0 5.7291666666vw;
  margin-bottom: 7.8125vw; }
  @media screen and (min-width: 1681px) {
    .slider {
      width: 1488px;
      margin: 0 auto 130px; } }
  .slider__title {
    font-size: 1.3541666667vw;
    margin-bottom: 2em; }
    @media screen and (min-width: 1681px) {
      .slider__title {
        font-size: 23px; } }
    @media screen and (max-width: 640px) {
      .slider__title {
        font-size: 4.0625vw;
        margin-bottom: 1em; } }
  .slider .slide__image {
    height: 48.6468555632vw;
    overflow: hidden; }
    @media screen and (min-width: 1681px) {
      .slider .slide__image {
        height: 818px; } }
    .slider .slide__image img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .slider .slide .hgroup {
    margin-top: 2em; }

.glide__arrow {
  position: absolute;
  width: 1.0416666667vw;
  height: 2.0833333333vw;
  top: 24.3234277816vw; }
  @media screen and (min-width: 1681px) {
    .glide__arrow {
      width: 18px;
      height: 36px;
      top: 410px; } }
  @media screen and (max-width: 640px) {
    .glide__arrow {
      width: 2.6041666667vw;
      height: 5.2083333333vw; } }
  .glide__arrow--left {
    left: -3.125vw;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
    @media screen and (min-width: 1681px) {
      .glide__arrow--left {
        left: -52px; } }
    @media screen and (max-width: 640px) {
      .glide__arrow--left {
        left: -4.1666666666vw; } }
  .glide__arrow--right {
    right: -3.125vw; }
    @media screen and (min-width: 1681px) {
      .glide__arrow--right {
        right: -52px; } }
    @media screen and (max-width: 640px) {
      .glide__arrow--right {
        right: -4.1666666666vw; } }

.filters {
  background: #ffffff;
  padding: 3.4375vw 0;
  margin-bottom: 1.0416666667vw; }
  @media screen and (min-width: 1681px) {
    .filters {
      padding: 60px 0;
      margin-bottom: 18px; } }
  @media screen and (max-width: 640px) {
    .filters {
      padding: 6.875vw 0; } }
  .filters a {
    margin: 0 .75em;
    font-family: "Medium", sans-serif;
    text-transform: uppercase;
    position: relative;
    font-size: 1.1458333333vw;
    cursor: pointer; }
    @media screen and (min-width: 1681px) {
      .filters a {
        font-size: 20px; } }
    @media screen and (max-width: 640px) {
      .filters a {
        font-size: 2.2916666667vw; } }
    .filters a.active:after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      height: 1px;
      background: currentColor; }

.properties-sale {
  padding: 0 5vw 0; }
  @media screen and (min-width: 1681px) {
    .properties-sale {
      width: 1512px;
      margin: 0 auto;
      padding: 0; } }
  .properties-sale .sales {
    border-top: 1px solid #000; }
    .properties-sale .sales .properties {
      padding: 5vw 0 0; }
      @media screen and (min-width: 1681px) {
        .properties-sale .sales .properties {
          padding: 90px 0 0; } }
      @media screen and (max-width: 640px) {
        .properties-sale .sales .properties {
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; } }
    .properties-sale .sales:first-child {
      border: none; }

.prop {
  padding-top: 4.1666666666vw; }
  @media screen and (min-width: 1681px) {
    .prop {
      padding-top: 70px; } }
  .prop__zip {
    font-size: 1.3541666667vw;
    font-style: italic;
    margin-bottom: .5em; }
    @media screen and (min-width: 1681px) {
      .prop__zip {
        font-size: 22px; } }
    @media screen and (max-width: 640px) {
      .prop__zip {
        font-size: 3.3854166666vw; } }
  .prop__address {
    font-size: 2.5vw;
    margin: 0; }
    @media screen and (min-width: 1681px) {
      .prop__address {
        font-size: 42px; } }
    @media screen and (max-width: 640px) {
      .prop__address {
        font-size: 5.0vw; } }
  .prop__price {
    font-family: "Medium", sans-serif; }
  .prop__actions {
    margin: 3.125vw 0; }
    @media screen and (min-width: 1681px) {
      .prop__actions {
        margin: 50px 0; } }
  .prop__description p {
    width: 65%;
    margin: 0 auto 2em;
    font-size: 1.25vw;
    text-align: justify;
    -moz-text-align-last: left;
         text-align-last: left; }
    @media screen and (min-width: 1681px) {
      .prop__description p {
        width: 1092px;
        font-size: 21px; } }
    @media screen and (max-width: 640px) {
      .prop__description p {
        font-size: 3.125vw;
        width: 85%; } }
  .prop__data {
    padding: 3.4375vw;
    margin-top: 3.4375vw; }
    @media screen and (min-width: 1681px) {
      .prop__data {
        padding: 60px;
        margin-top: 60px; } }

.data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  border-top: 1px solid #000;
  padding: 4vw 6vw;
  text-align: left; }
  @media screen and (min-width: 1681px) {
    .data {
      padding: 70px 100px;
      width: 1564px;
      margin: 0 auto; } }
  @media screen and (max-width: 640px) {
    .data {
      padding: 3.125vw 3.6458333333vw;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .data ul, .data li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    font-family: "Medium", sans-serif; }
  .data li {
    border-top: 1px solid #000;
    line-height: 1;
    padding: 1.25em 0; }
  .data__col {
    width: 25%; }
    @media screen and (max-width: 640px) {
      .data__col {
        width: 80%;
        margin-bottom: 2em;
        text-align: center; } }
  .data__title {
    font-size: 1.4583333333vw;
    font-style: italic; }
    @media screen and (min-width: 1681px) {
      .data__title {
        font-size: 24px; } }
    @media screen and (max-width: 640px) {
      .data__title {
        font-size: 3.6458333333vw; } }
  .data .def {
    margin-bottom: .5em; }
  .data p {
    margin: 0; }

.gallery {
  padding: 3.4375vw 3.4375vw 0; }
  @media screen and (max-width: 640px) {
    .gallery {
      padding: 3.4375vw 0 0; } }
  .gallery__image {
    position: relative;
    margin-bottom: 10.4166666666vw; }
    @media screen and (min-width: 1681px) {
      .gallery__image {
        margin-bottom: 175px; } }
    .gallery__image .tag {
      display: block;
      padding: .3em .5em;
      background: #ffffff;
      border: 1px solid #000;
      position: absolute;
      right: 0.5208333333vw;
      bottom: 0.5208333333vw; }
      @media screen and (min-width: 1681px) {
        .gallery__image .tag {
          right: 10px;
          bottom: 10px; } }
    .gallery__image--1 {
      width: 67%;
      margin: 0 auto 10.4166666666vw; }
      @media screen and (min-width: 1681px) {
        .gallery__image--1 {
          width: 1048px;
          margin: 0 auto 175px; } }
      @media screen and (max-width: 640px) {
        .gallery__image--1 {
          width: 100%; } }
    .gallery__image--2 {
      width: 33%;
      margin-left: 9vw; }
      @media screen and (min-width: 1681px) {
        .gallery__image--2 {
          width: 524px;
          margin-left: 150px; } }
      @media screen and (max-width: 640px) {
        .gallery__image--2 {
          width: 75%;
          margin-left: auto;
          margin-right: auto; } }
    .gallery__image--3 {
      width: 90%;
      margin: 0 auto 10.4166666666vw; }
      @media screen and (min-width: 1681px) {
        .gallery__image--3 {
          width: 1410px;
          margin: 0 auto 175px; } }

.agent {
  padding: 4.1666666666vw 0;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column; }
  @media screen and (min-width: 1681px) {
    .agent {
      padding: 70px 0; } }
  @media screen and (max-width: 640px) {
    .agent {
      padding: 14.5833333332vw 0; } }
  .agent__quote {
    line-height: 1;
    font-size: 2.5vw; }
    @media screen and (min-width: 1681px) {
      .agent__quote {
        font-size: 42px; } }
    @media screen and (max-width: 640px) {
      .agent__quote {
        font-size: 5.0vw; }
        .agent__quote br {
          display: none; } }
  .agent__image {
    width: 17.5%;
    margin: 0 auto; }
    @media screen and (min-width: 1681px) {
      .agent__image {
        width: 295px; } }
    @media screen and (max-width: 640px) {
      .agent__image {
        width: 58%; } }
  .agent__name {
    font-size: 1.0416666667vw;
    margin-bottom: 2em; }
    @media screen and (min-width: 1681px) {
      .agent__name {
        font-size: 18px; } }
    @media screen and (max-width: 640px) {
      .agent__name {
        font-size: 2.6041666667vw; } }

.location {
  padding: 6.25vw 0; }
  @media screen and (min-width: 1681px) {
    .location {
      padding: 105px 0; } }
  .location__map {
    width: 45vw;
    margin: 0 auto; }
    @media screen and (min-width: 1681px) {
      .location__map {
        width: 756px; } }
    @media screen and (max-width: 640px) {
      .location__map {
        width: 80vw; } }
  .location__name {
    font-style: italic;
    font-size: 1.4583333333vw; }
    @media screen and (min-width: 1681px) {
      .location__name {
        font-size: 24px; } }
    @media screen and (max-width: 640px) {
      .location__name {
        font-size: 3.6458333333vw; } }

.team-wrap {
  padding: 0 11%; }
  @media screen and (min-width: 1681px) {
    .team-wrap {
      max-width: 1310px;
      margin: 0 auto;
      padding: 0; } }

.team {
  border-top: 1px solid #000;
  padding-bottom: 8.3333333333vw; }
  @media screen and (min-width: 1681px) {
    .team {
      padding-bottom: 140px; } }
  .team .hgroup {
    padding: 4.6875vw 0 4.6875vw; }
    @media screen and (min-width: 1681px) {
      .team .hgroup {
        padding: 78px 0px; } }
  .team__title {
    font-size: 1.6666666667vw;
    font-style: italic;
    margin: 2em 0 3em; }
    @media screen and (min-width: 1681px) {
      .team__title {
        font-size: 28px; } }
    @media screen and (max-width: 640px) {
      .team__title {
        font-size: 4.6875vw; } }

.persons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  @media screen and (max-width: 640px) {
    .persons {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .persons .quote {
    width: 100%;
    margin: 4.1666666666vw 0;
    line-height: 1;
    padding-left: 0;
    padding-right: 0; }
    @media screen and (min-width: 1681px) {
      .persons .quote {
        margin: 70px 0; } }
    @media screen and (max-width: 640px) {
      .persons .quote br {
        display: none; } }
  .persons .person {
    margin-bottom: 3.125vw; }
    @media screen and (min-width: 1681px) {
      .persons .person {
        margin-bottom: 52px; } }
    @media screen and (max-width: 640px) {
      .persons .person {
        width: 100%;
        margin-bottom: 8.3333333333vw; } }
    .persons .person:nth-child(3), .persons .person:nth-child(9), .persons .person:nth-child(15), .persons .person:nth-child(18) {
      margin: 0 29%;
      margin-bottom: 3.125vw; }
      @media screen and (max-width: 640px) {
        .persons .person:nth-child(3), .persons .person:nth-child(9), .persons .person:nth-child(15), .persons .person:nth-child(18) {
          margin: 0;
          margin-bottom: 8.3333333333vw; } }
    .persons .person__image {
      width: 33.3vw;
      height: 41.3359375vw;
      margin: 0 auto; }
      @media screen and (min-width: 1681px) {
        .persons .person__image {
          width: 560px;
          height: 695px; } }
      @media screen and (max-width: 640px) {
        .persons .person__image {
          width: 72vw;
          height: 89.375vw; } }
    .persons .person__name {
      font-size: 1.6666666667vw;
      margin-bottom: 0;
      margin-top: 1.5em; }
      @media screen and (min-width: 1681px) {
        .persons .person__name {
          font-size: 28px; } }
      @media screen and (max-width: 640px) {
        .persons .person__name {
          font-size: 4.1666666666vw; } }
    .persons .person__func {
      font-family: "Medium", sans-serif;
      font-size: 0.8333333333vw;
      letter-spacing: .04em;
      text-transform: uppercase;
      margin-top: .5em; }
      @media screen and (min-width: 1681px) {
        .persons .person__func {
          font-size: 14px; } }

.flipcard {
  -webkit-perspective: 1000px;
          perspective: 1000px;
  position: relative;
  cursor: pointer; }
  .flipcard__inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: -webkit-transform 0.8s;
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
  .flipcard__front, .flipcard__back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .flipcard__front {
    z-index: 1; }
  .flipcard__back {
    background: #ffffff;
    z-index: 0;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    padding: 3vw;
    text-align: left; }
    @media screen and (min-width: 1681px) {
      .flipcard__back {
        padding: 50px; } }
  .flipcard--active .flipcard__inner {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }

.guides {
  position: relative;
  padding: 5.2083333333vw 0 9.3749999999vw; }
  @media screen and (min-width: 1681px) {
    .guides {
      padding: 90px 0 160px; } }
  @media screen and (max-width: 640px) {
    .guides {
      padding: 6.875vw 0 0; } }
  .guides__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }

.guide {
  width: 27.5%;
  margin: 0 6.25vw;
  opacity: 0;
  -webkit-transform: translate3d(0, 20%, 0);
          transform: translate3d(0, 20%, 0);
  display: block;
  -webkit-transition: none;
  transition: none; }
  @media screen and (min-width: 1681px) {
    .guide {
      width: 462px;
      margin: 0 105px; } }
  @media screen and (max-width: 640px) {
    .guide {
      width: 75%;
      margin-bottom: 12.4999999999vw; } }
  .guide.inview {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 1s, -webkit-transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 1s, -webkit-transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 1s, transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 1s, transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .guide:nth-child(3n + 2) {
    -webkit-transition-delay: .2s;
            transition-delay: .2s; }
    @media screen and (max-width: 640px) {
      .guide:nth-child(3n + 2) {
        -webkit-transition-delay: 0s;
                transition-delay: 0s; } }
  .guide:nth-child(3n) {
    -webkit-transition-delay: .4s;
            transition-delay: .4s; }
    @media screen and (max-width: 640px) {
      .guide:nth-child(3n) {
        -webkit-transition-delay: 0s;
                transition-delay: 0s; } }
  .guide__title {
    font-size: 1.3541666667vw; }
    @media screen and (min-width: 1681px) {
      .guide__title {
        font-size: 22px; } }
    @media screen and (max-width: 640px) {
      .guide__title {
        font-size: 4.0625vw; } }
  .guide__link {
    display: inline-block;
    font-family: "Medium", sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    position: relative; }
    .guide__link:after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      height: 1px;
      background: currentColor; }

.services {
  padding: 5.2083333333vw 0 0; }
  @media screen and (min-width: 1681px) {
    .services {
      padding: 90px 0 0; } }
  @media screen and (max-width: 640px) {
    .services {
      padding: 3.4375vw 5.2083333333vw 0; } }
  .services__content {
    padding: 0 16%; }
    @media screen and (min-width: 1681px) {
      .services__content {
        max-width: 1145px;
        margin: 0 auto;
        padding: 0; } }
    @media screen and (max-width: 640px) {
      .services__content {
        padding: 0 5%; } }
  .services__quote {
    padding: 0 11%; }
    @media screen and (min-width: 1681px) {
      .services__quote {
        max-width: 1310px;
        margin: 0 auto;
        padding: 0; } }
    @media screen and (max-width: 640px) {
      .services__quote {
        padding: 0; } }

.service-quote {
  margin-bottom: 6.25vw; }
  @media screen and (min-width: 1681px) {
    .service-quote {
      margin-bottom: 105px; } }
  @media screen and (max-width: 640px) {
    .service-quote {
      margin-bottom: 12.4999999999vw; } }
  .service-quote__author {
    font-size: 1.6666666667vw; }
    @media screen and (min-width: 1681px) {
      .service-quote__author {
        font-size: 28px; } }
    @media screen and (max-width: 640px) {
      .service-quote__author {
        font-size: 5.0vw; } }
  .service-quote blockquote {
    margin: 0;
    padding: 0; }
    .service-quote blockquote p {
      font-size: 2.0833333333vw; }
      @media screen and (min-width: 1681px) {
        .service-quote blockquote p {
          font-size: 35px; } }
      @media screen and (max-width: 640px) {
        .service-quote blockquote p {
          font-size: 6.25vw; } }

.services-text {
  font-size: 1.6666666667vw;
  margin-bottom: 8.3333333333vw; }
  @media screen and (min-width: 1681px) {
    .services-text {
      font-size: 28px;
      margin-bottom: 140px; } }
  @media screen and (max-width: 640px) {
    .services-text {
      font-size: 4.1666666666vw;
      margin-bottom: 12.4999999999vw; } }
  .services-text__title {
    font-size: 2.8645833333vw;
    margin-bottom: 1.5em; }
    @media screen and (min-width: 1681px) {
      .services-text__title {
        font-size: 48px; } }
    @media screen and (max-width: 640px) {
      .services-text__title {
        font-size: 7.1614583333vw; } }
  .services-text__subtitle {
    font-size: 1.1458333333vw;
    margin: 3em 0 .5em 0;
    font-style: italic; }
    @media screen and (min-width: 1681px) {
      .services-text__subtitle {
        font-size: 21px; } }
    @media screen and (max-width: 640px) {
      .services-text__subtitle {
        font-size: 2.8645833333vw; } }
  .services-text ul, .services-text li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.4583333333vw; }
    @media screen and (min-width: 1681px) {
      .services-text ul, .services-text li {
        font-size: 24px; } }
    @media screen and (max-width: 640px) {
      .services-text ul, .services-text li {
        font-size: 3.6458333333vw; } }

.splitcard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 auto 7.2916666666vw;
  width: 70%; }
  @media screen and (min-width: 1681px) {
    .splitcard {
      margin: 0 auto 122px;
      width: 1176px; } }
  @media screen and (max-width: 640px) {
    .splitcard {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 90%;
      margin: 0 auto 12.4999999999vw; } }
  .splitcard__image {
    width: 50%;
    height: 38.5416666664vw;
    position: relative; }
    @media screen and (min-width: 1681px) {
      .splitcard__image {
        height: 648px;
        width: 588px; } }
    @media screen and (max-width: 640px) {
      .splitcard__image {
        width: 90vw;
        height: 99.1836734694vw; } }
    .splitcard__image figure {
      width: 100%;
      height: 100%; }
    .splitcard__image img, .splitcard__image video {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .splitcard__content {
    width: 50%;
    height: 38.5416666664vw;
    padding: 2.5vw 1.6666666667vw 3.0208333333vw;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column; }
    @media screen and (min-width: 1681px) {
      .splitcard__content {
        height: 648px;
        width: 588px;
        padding: 42px 28px 50px; } }
    @media screen and (max-width: 640px) {
      .splitcard__content {
        width: 90vw;
        height: auto;
        padding: 8.3333333333vw 3.3333333333vw; } }
  .splitcard__header {
    margin-bottom: auto; }
  .splitcard__tag {
    margin: 0;
    text-transform: uppercase;
    font-family: "Medium", sans-serif;
    letter-spacing: .05em; }
  .splitcard__location {
    margin: 0;
    font-size: 1.25vw;
    letter-spacing: .05em; }
    @media screen and (min-width: 1681px) {
      .splitcard__location {
        font-size: 21px; } }
    @media screen and (max-width: 640px) {
      .splitcard__location {
        font-size: 3.125vw; } }
  .splitcard__title {
    margin: .25em 0 .25em 0;
    font-size: 2.8645833333vw; }
    @media screen and (min-width: 1681px) {
      .splitcard__title {
        font-size: 48px; } }
    @media screen and (max-width: 640px) {
      .splitcard__title {
        font-size: 7.2916666666vw;
        margin: .25em 0 .25em 0; } }
  .splitcard__description {
    text-align: left;
    font-size: 1.9791666667vw;
    padding: 0 12%;
    text-align: center; }
    @media screen and (min-width: 1681px) {
      .splitcard__description {
        font-size: 33px; } }
    @media screen and (max-width: 640px) {
      .splitcard__description {
        margin-top: 2em;
        font-size: 4.9479166666vw; } }
  .splitcard--green .splitcard__content {
    background: #D8E8C3; }
  .splitcard--brown .splitcard__text {
    background: #BD932F; }
  .splitcard--brown .splitcard__footer {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 147, 47, 0)), color-stop(25%, #bd932f));
    background: linear-gradient(180deg, rgba(189, 147, 47, 0) 0%, #bd932f 25%); }
  .splitcard--white .splitcard__text {
    background: #ffffff; }
  .splitcard--white .splitcard__footer {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(25%, white));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 25%); }
  .splitcard--pink .splitcard__text {
    background: #F9C6C1; }
  .splitcard--pink .splitcard__footer {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(249, 198, 193, 0)), color-stop(25%, #f9c6c1));
    background: linear-gradient(180deg, rgba(249, 198, 193, 0) 0%, #f9c6c1 25%); }

.developments__title {
  background: #ffffff;
  height: 10.9374999999vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (min-width: 1681px) {
    .developments__title {
      height: 180px; } }
  @media screen and (max-width: 640px) {
    .developments__title {
      height: 26.0416666665vw; } }
  .developments__title h2 {
    font-size: 1.4583333333vw;
    font-family: "Medium", sans-serif;
    text-transform: uppercase;
    letter-spacing: .04em; }
    @media screen and (min-width: 1681px) {
      .developments__title h2 {
        font-size: 24px; } }
    @media screen and (max-width: 640px) {
      .developments__title h2 {
        font-size: 3.6458333333vw; } }

.developments__new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6.25vw 0 4.1666666666vw; }
  @media screen and (min-width: 1681px) {
    .developments__new {
      padding: 105px 0 70px; } }
  @media screen and (max-width: 640px) {
    .developments__new {
      padding: 15.6249999999vw 0 10.4166666666vw; } }

.developments__section {
  padding: 6.25vw 4% 6.25vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  @media screen and (min-width: 1681px) {
    .developments__section {
      padding: 105px 0 105px;
      margin: 0 auto;
      width: 1545px; } }
  @media screen and (max-width: 640px) {
    .developments__section {
      padding: 15.6249999999vw 4% 15.6249999999vw; } }

.developments .dev-current {
  width: 33vw; }
  @media screen and (min-width: 1681px) {
    .developments .dev-current {
      width: 554px; } }
  @media screen and (max-width: 640px) {
    .developments .dev-current {
      width: 75vw; } }
  .developments .dev-current__image {
    margin-bottom: 2em; }
  .developments .dev-current__neighbourhood {
    font-size: 1.3020833333vw;
    font-style: italic;
    letter-spacing: -0.01em; }
    @media screen and (min-width: 1681px) {
      .developments .dev-current__neighbourhood {
        font-size: 22px; } }
    @media screen and (max-width: 640px) {
      .developments .dev-current__neighbourhood {
        font-size: 3.2552083333vw; } }
  .developments .dev-current__name {
    font-size: 2.0833333333vw;
    letter-spacing: -0.01em;
    margin: .25em 0; }
    @media screen and (min-width: 1681px) {
      .developments .dev-current__name {
        font-size: 35px; } }
    @media screen and (max-width: 640px) {
      .developments .dev-current__name {
        font-size: 5.2083333333vw; } }
  .developments .dev-current__units {
    font-family: "Medium", sans-serif;
    font-size: 1.0416666667vw;
    text-transform: uppercase;
    letter-spacing: -0.01em; }
    @media screen and (min-width: 1681px) {
      .developments .dev-current__units {
        font-size: 18px; } }
    @media screen and (max-width: 640px) {
      .developments .dev-current__units {
        font-size: 2.6041666667vw; } }

.developments__row {
  margin-bottom: 3.125vw;
  margin-top: 3.125vw;
  border-bottom: 1px solid #000;
  width: 100%; }
  @media screen and (min-width: 1681px) {
    .developments__row {
      margin: 55px auto;
      width: 1545px; } }
  @media screen and (max-width: 640px) {
    .developments__row {
      display: none; } }

.developments .dev-item {
  width: 32%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  @media screen and (min-width: 1681px) {
    .developments .dev-item {
      width: 494px; } }
  @media screen and (max-width: 640px) {
    .developments .dev-item {
      width: 40vw;
      display: block; } }
  .developments .dev-item__image {
    width: 15.1041666666vw;
    height: 15.1041666666vw;
    margin-right: 2.0833333333vw; }
    @media screen and (min-width: 1681px) {
      .developments .dev-item__image {
        width: 253px;
        height: 253px;
        margin-right: 35px; } }
    @media screen and (max-width: 640px) {
      .developments .dev-item__image {
        width: 40vw;
        height: 40vw;
        margin-right: 0; } }
    .developments .dev-item__image img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain;
      -o-object-position: top;
         object-position: top; }
      @media screen and (max-width: 640px) {
        .developments .dev-item__image img {
          -o-object-position: bottom;
             object-position: bottom; } }
  .developments .dev-item__meta {
    text-align: left; }
    @media screen and (max-width: 640px) {
      .developments .dev-item__meta {
        text-align: center;
        padding: 10vw 0; } }
  .developments .dev-item__neighbourhood {
    font-size: 1.1458333333vw;
    font-style: italic;
    letter-spacing: -0.01em; }
    @media screen and (min-width: 1681px) {
      .developments .dev-item__neighbourhood {
        font-size: 20px; } }
    @media screen and (max-width: 640px) {
      .developments .dev-item__neighbourhood {
        font-size: 2.8645833333vw; } }
  .developments .dev-item__name {
    font-size: 1.3541666667vw;
    letter-spacing: -0.01em; }
    @media screen and (min-width: 1681px) {
      .developments .dev-item__name {
        font-size: 22px; } }
    @media screen and (max-width: 640px) {
      .developments .dev-item__name {
        font-size: 3.3854166666vw;
        margin: .5em 0; } }
  .developments .dev-item__units {
    font-family: "Medium", sans-serif;
    font-size: 0.9375vw;
    text-transform: uppercase;
    letter-spacing: -0.01em; }
    @media screen and (min-width: 1681px) {
      .developments .dev-item__units {
        font-size: 16px; } }
    @media screen and (max-width: 640px) {
      .developments .dev-item__units {
        font-size: 2.34375vw; } }

.press {
  padding: 3.4375vw 4.2708333333vw 5.2083333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  @media screen and (min-width: 1681px) {
    .press {
      padding: 60px 0 90px;
      width: 1536px;
      margin: 0 auto; } }

.presscard {
  width: 22%;
  background: #ffffff;
  padding: 1.6666666667vw 1.5104166667vw 1.25vw;
  margin-bottom: 5.2083333333vw;
  opacity: 0;
  -webkit-transform: translate3d(0, 20%, 0);
          transform: translate3d(0, 20%, 0);
  display: block;
  -webkit-transition: none;
  transition: none; }
  @media screen and (min-width: 1681px) {
    .presscard {
      padding: 28px 25px 21px; } }
  @media screen and (max-width: 640px) {
    .presscard {
      width: 47.5%;
      padding: 4.1666666666vw 3.7760416666vw 3.125vw; } }
  .presscard.inview {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 1s, -webkit-transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 1s, -webkit-transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 1s, transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 1s, transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .presscard:nth-child(4n + 2) {
    -webkit-transition-delay: .2s;
            transition-delay: .2s; }
    @media screen and (max-width: 640px) {
      .presscard:nth-child(4n + 2) {
        -webkit-transition-delay: 0s;
                transition-delay: 0s; } }
  .presscard:nth-child(4n + 3) {
    -webkit-transition-delay: .4s;
            transition-delay: .4s; }
    @media screen and (max-width: 640px) {
      .presscard:nth-child(4n + 3) {
        -webkit-transition-delay: 0s;
                transition-delay: 0s; } }
  .presscard:nth-child(4n) {
    -webkit-transition-delay: .6s;
            transition-delay: .6s; }
    @media screen and (max-width: 640px) {
      .presscard:nth-child(4n) {
        -webkit-transition-delay: 0s;
                transition-delay: 0s; } }
  .presscard__date {
    font-family: "Medium", sans-serif;
    font-size: 0.7291666667vw;
    line-height: 1.25;
    text-transform: uppercase;
    margin: 0; }
    @media screen and (min-width: 1681px) {
      .presscard__date {
        font-size: 12px; } }
  .presscard__title {
    font-size: 1.0416666667vw;
    height: 3em;
    overflow: hidden; }
    @media screen and (min-width: 1681px) {
      .presscard__title {
        font-size: 18px; } }
    @media screen and (max-width: 640px) {
      .presscard__title {
        font-size: 3.125vw; } }
  .presscard__source {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 1.5em;
    text-transform: uppercase;
    font-family: "Medium", sans-serif;
    font-size: 0.7291666667vw;
    line-height: 1.25; }
    @media screen and (min-width: 1681px) {
      .presscard__source {
        font-size: 12px; } }
    .presscard__source span {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }
    .presscard__source .icon {
      line-height: 1;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: 1.0416666667vw;
      height: 0.2976190476vw;
      margin-top: 0;
      margin-right: 0.2604166667vw; }
      @media screen and (min-width: 1681px) {
        .presscard__source .icon {
          width: 18px;
          height: 5px;
          margin-right: 5px; } }
      @media screen and (max-width: 640px) {
        .presscard__source .icon {
          width: 2.6041666667vw;
          height: 0.744047619vw;
          margin-top: 0.3720238095vw;
          margin-right: 0.6510416667vw; } }

.pagination {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .pagination .pagination__link {
    display: block;
    width: 1.0416666667vw;
    height: 2.0833333333vw;
    margin: .5em; }
    @media screen and (min-width: 1681px) {
      .pagination .pagination__link {
        width: 18px;
        height: 36px; } }
    .pagination .pagination__link--prev {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    @media screen and (max-width: 640px) {
      .pagination .pagination__link {
        width: 2.6041666667vw;
        height: 5.2083333333vw; } }
  .pagination .pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .pagination .page {
    font-size: 1.3541666667vw;
    font-family: "Medium", sans-serif;
    display: block;
    position: relative;
    width: 2.0833333333vw;
    text-align: center; }
    @media screen and (min-width: 1681px) {
      .pagination .page {
        font-size: 22px;
        width: 35px; } }
    @media screen and (max-width: 640px) {
      .pagination .page {
        font-size: 2.6041666667vw;
        width: 5.2083333333vw; } }
    .pagination .page.active:after, .pagination .page:hover:after {
      opacity: 1; }
    .pagination .page:after {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      position: absolute;
      left: 0;
      top: 100%;
      background: currentColor;
      opacity: 0;
      -webkit-transition: opacity .2s ease;
      transition: opacity .2s ease; }

.blog__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-top: 10.4166666666vw; }
  .blog__row:first-child {
    margin-top: 0; }

.blog__article {
  padding: 5.2083333333vw 3.4375vw; }
  @media screen and (max-width: 640px) {
    .blog__article {
      padding: 10.4166666666vw 6.875vw; } }

.blog__quote {
  height: 100vh;
  padding: 0 13.0208333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (max-width: 640px) {
    .blog__quote {
      height: auto;
      padding: 10.4166666666vw 8.3333333333vw; } }

.blog__image {
  width: 43%; }
  @media screen and (max-width: 640px) {
    .blog__image {
      width: 100%;
      margin-bottom: 2em; } }

.blog__text {
  width: 49%;
  font-size: 1.25vw;
  text-align: left;
  line-height: 1.25; }
  @media screen and (max-width: 640px) {
    .blog__text {
      width: 100%;
      font-size: 3.125vw; } }
  .blog__text p {
    margin-top: 0;
    margin-bottom: 1em; }
  .blog__text a {
    font-style: italic;
    text-decoration: underline; }

.interview {
  padding: 5.2083333333vw 7.8125vw; }
  @media screen and (max-width: 640px) {
    .interview {
      padding: 15.6249999999vw 5.2083333333vw 0; } }
  .interview__quote {
    margin: 5.2083333333vw 0;
    padding: 0 8.3333333333vw; }
    @media screen and (max-width: 640px) {
      .interview__quote {
        margin: 10.4166666666vw 0;
        padding: 0 1.5625vw; } }
  .interview__row {
    text-align: left;
    width: 55%;
    font-size: 1.25vw;
    margin-bottom: 3.4375vw; }
    @media screen and (max-width: 640px) {
      .interview__row {
        width: 90%;
        font-size: 3.125vw;
        margin-bottom: 8.5937499999vw; } }
    .interview__row--a {
      margin-left: 22%; }
      @media screen and (max-width: 640px) {
        .interview__row--a {
          margin-left: 9%; } }

.purchased {
  padding: 0 4.1666666666vw;
  margin-top: 9.5312499999vw; }
  @media screen and (max-width: 640px) {
    .purchased {
      padding: 0 0;
      margin-left: -5.2083333333vw;
      margin-right: -5.2083333333vw; } }
  .purchased__subtitle {
    text-transform: uppercase;
    font-family: "Medium", sans-serif;
    letter-spacing: .05em;
    margin-bottom: .5em; }
  .purchased__title {
    font-size: 2.5vw;
    margin-top: 0; }
    @media screen and (max-width: 640px) {
      .purchased__title {
        font-size: 5.0vw; } }
  .purchased__image {
    position: relative; }
  .purchased__tag {
    position: absolute;
    display: block;
    right: 0.625vw;
    bottom: 0.625vw;
    background: #ffffff;
    padding: 0.2604166667vw 0.78125vw;
    font-size: 0.8333333333vw; }
    @media screen and (max-width: 640px) {
      .purchased__tag {
        right: 1.5625vw;
        bottom: 1.5625vw;
        padding: 0.6510416667vw 1.953125vw;
        font-size: 2.0833333333vw; } }

.footer-wrap {
  background: #ffffff; }

.footer {
  text-align: left;
  font-family: "Medium", sans-serif;
  padding: 0 3.4375vw 1vw;
  background: #ffffff;
  border-top: 1px solid #000; }
  @media screen and (min-width: 1681px) {
    .footer {
      padding: 0 0 16px;
      margin: 0 auto;
      width: 1564px; } }
  .footer p {
    margin: 1.25em 0; }
    @media screen and (max-width: 640px) {
      .footer p {
        margin: .5em 0; } }
  .footer__title {
    text-align: center;
    text-transform: uppercase; }
    @media screen and (max-width: 640px) {
      .footer__title p {
        margin: 1.5em 0; } }
  .footer__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    border-top: 1px solid #000; }
    @media screen and (max-width: 640px) {
      .footer__row {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding: 4.375vw 0; } }
    .footer__row--end {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
    @media screen and (max-width: 640px) {
      .footer__row--col {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 4.375vw 5.2083333333vw;
        font-size: 2.6041666667vw; }
        .footer__row--col .footer__group {
          width: 70%; }
        .footer__row--col .underline {
          margin: .5em 1em; } }
  .footer__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media screen and (max-width: 640px) {
      .footer__group--external {
        margin-top: 2em; } }
    .footer__group .icon {
      display: block;
      width: 1.0416666667vw;
      height: 1.0416666667vw;
      margin-left: .7em; }
      @media screen and (min-width: 1681px) {
        .footer__group .icon {
          width: 18px;
          height: 18px; } }
      @media screen and (max-width: 640px) {
        .footer__group .icon {
          width: 5.2083333333vw;
          height: 5.2083333333vw; } }
    @media screen and (max-width: 640px) {
      .footer__group {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    .footer__group .copy {
      margin-right: 2em; }
  .footer .bhs {
    width: 151px;
    height: 105px;
    margin: 1.25em 52px 1.25em 0; }
    @media screen and (min-width: 1681px) {
      .footer .bhs {
        width: 9vw;
        height: 6.2582781457vw;
        margin: 1.25em 3.125vw 1.25em 0; } }
    @media screen and (max-width: 640px) {
      .footer .bhs {
        width: 22.5vw;
        height: 15.6456953642vw;
        margin: 1.25em 7.8125vw 0 0; } }
  .footer .policy {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 100%;
    font-size: 0.625vw; }
    @media screen and (min-width: 1681px) {
      .footer .policy {
        font-size: 11px; } }
    .footer .policy p {
      margin-bottom: 1.6em; }
      @media screen and (max-width: 640px) {
        .footer .policy p {
          margin-bottom: 0; } }
    @media screen and (max-width: 640px) {
      .footer .policy {
        width: 100%; } }

.contact {
  color: #ffffff;
  height: 100vh;
  overflow: hidden; }
  @media screen and (max-width: 640px) {
    .contact {
      height: auto; } }
  .contact__title {
    font-size: 2.5vw;
    margin-bottom: 0; }
    @media screen and (min-width: 1681px) {
      .contact__title {
        font-size: 42px; } }
    @media screen and (max-width: 640px) {
      .contact__title {
        font-size: 6.25vw; } }
  .contact__subtitle {
    width: 32vw;
    margin: .75em auto; }
    @media screen and (min-width: 1681px) {
      .contact__subtitle {
        width: 538px; } }
    @media screen and (max-width: 640px) {
      .contact__subtitle {
        width: 100%; } }
  .contact__col {
    position: relative;
    height: 100%; }
    @media screen and (max-width: 640px) {
      .contact__col {
        width: 100%;
        overflow: hidden; }
        .contact__col img {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1); } }
  .contact__overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    padding: 0 20%;
    font-size: 1.3541666667vw;
    height: 100%;
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 1681px) {
      .contact__overlay {
        font-size: 22px; } }
    @media screen and (max-width: 640px) {
      .contact__overlay {
        font-size: 3.3854166666vw;
        padding: 17.1874999999vw 15%; } }
    .contact__overlay .button {
      margin-top: 1em; }
  .contact__image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0; }
    .contact__image figure {
      width: 100%;
      height: 100%; }
    .contact__image img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .contact .address__title {
    font-size: 0.8333333333vw;
    font-family: "Medium", sans-serif;
    text-transform: uppercase; }
    @media screen and (max-width: 640px) {
      .contact .address__title {
        font-size: 2.5vw; } }
  .contact .address dl {
    margin: 0;
    padding: 0; }
  .contact .address dt {
    margin-top: 2em;
    font-size: 0.8333333333vw;
    font-family: "Medium", sans-serif;
    text-transform: uppercase; }
    @media screen and (max-width: 640px) {
      .contact .address dt {
        font-size: 2.5vw; } }
  .contact .address dd {
    margin-top: 1.2em;
    font-size: 1.4583333333vw; }
    @media screen and (max-width: 640px) {
      .contact .address dd {
        font-size: 3.6458333333vw; } }

.glide {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .glide * {
    -webkit-box-sizing: inherit;
            box-sizing: inherit; }
  .glide__track {
    overflow: hidden; }
  .glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -ms-touch-action: pan-Y;
        touch-action: pan-Y;
    overflow: hidden;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    will-change: transform; }
    .glide__slides--dragging {
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
  .glide__slide {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: normal;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent; }
    .glide__slide a {
      -webkit-user-select: none;
              user-select: none;
      -webkit-user-drag: none;
      -moz-user-select: none;
      -ms-user-select: none; }
  .glide__arrows {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: absolute;
    left: 25%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 20%; }
    @media screen and (max-width: 640px) {
      .glide__bullets {
        left: 50%;
        bottom: 5%; } }
  .glide__bullet {
    width: 0.5208333333vw;
    height: 0.5208333333vw;
    border: 1px solid #ffffff;
    border-radius: 50%;
    margin: 0.0520833333vw; }
    .glide__bullet--active {
      background: #ffffff; }
    @media screen and (max-width: 640px) {
      .glide__bullet {
        width: 1.5625vw;
        height: 1.5625vw;
        margin: 0.3125vw; } }
  .glide--rtl {
    direction: rtl; }

[data-text] {
  position: relative;
  display: block; }
  [data-text] span {
    opacity: .3; }
  [data-text]:after {
    content: attr(data-text);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    -webkit-transition: -webkit-clip-path 0.91s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: -webkit-clip-path 0.91s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: clip-path 0.91s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: clip-path 0.91s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -webkit-clip-path 0.91s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
  [data-text].inview:after {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0); }

[g-ref="split"] .line {
  position: relative; }
  [g-ref="split"] .line:after {
    content: 'talala';
    z-index: 5;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    -webkit-transition: -webkit-transform 0.91s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: -webkit-transform 0.91s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: transform 0.91s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: transform 0.91s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -webkit-transform 0.91s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0); }

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