@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --mint-green: #9aafa2;
  --ocre: #827a65;
  --beige: #f2ede9;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #000;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 16px;
  line-height: 140%;
}

.bg-beige {
  background-color: #f2ede9;
}

.brand-logo {
  height: 65px;
}

.nav-menu {
  display: none;
}

.navbar-container {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 55px 8px;
  display: flex;
}

.fill {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.fill.visible-mobile {
  display: none;
}

.fill.mobile-portrait.cover {
  object-fit: cover;
}

.container {
  width: 100%;
  max-width: 1180px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 55px;
  padding-right: 55px;
}

.container.full {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.container.center {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.container.legal {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  padding-top: 80px;
  padding-bottom: 120px;
  display: flex;
}

.container.text-center {
  text-align: center;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.relative {
  position: relative;
}

.relative.bg-black {
  background-color: #000;
}

.relative.bg-brown {
  background-color: #827a65;
}

.video-cover {
  aspect-ratio: 1440 / 960;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.video-cover.mobile {
  display: none;
}

.navbar {
  background-color: #f2ede9;
  width: 100%;
  position: relative;
}

.absolute {
  position: absolute;
  inset: 0%;
}

.video-cover-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 70px;
  font-weight: 700;
  line-height: 100%;
}

.cta-gif {
  object-fit: contain;
  height: 120px;
}

.flex-column {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.big {
  color: var(--mint-green);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 100%;
}

.big.accent {
  color: var(--ocre);
}

.big.accent.balance {
  text-wrap: balance;
}

.big.dark {
  color: #000;
  margin-bottom: 40px;
}

.big.left {
  text-align: left;
}

.big.mapbox-title {
  z-index: 999;
  color: #000;
  position: absolute;
  inset: 55px auto auto 55px;
}

.spacer100 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.spacer100.visible-mobile {
  display: none;
}

.spacer50 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.list {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 70px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 26px;
  line-height: 120%;
  list-style-type: none;
}

.list-item {
  margin-top: 50px;
  margin-bottom: 0;
  position: relative;
}

.list-item.smaller {
  color: var(--beige);
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 400;
}

.list-item.smaller.dark {
  color: #000;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px;
}

.list-item.light {
  color: var(--beige);
  margin-top: 25px;
  font-size: 20px;
  line-height: 110%;
}

.spacer20 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.grid-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: none;
  display: grid;
}

.logo-animated {
  object-fit: contain;
  width: 80%;
}

.column-no-padding {
  background-color: var(--mint-green);
  justify-content: center;
  align-items: center;
  min-height: 120vh;
  padding-bottom: 40px;
  display: flex;
}

.column-no-padding.h-auto {
  min-height: 90vh;
}

.column-no-padding.bg-brown {
  background-color: var(--ocre);
  justify-content: center;
  align-items: flex-end;
}

.footer-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .5fr 1.25fr .5fr 1.25fr .5fr 2fr;
  grid-auto-columns: 1fr;
  place-items: center;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 30px 50px;
  display: grid;
}

.footer-item {
  white-space: nowrap;
}

.footer-item.flex-column {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-right-style: none;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.footer-item.row {
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.footer-item.row.ada {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
}

.footer-item.row.y-center {
  align-items: center;
}

.footer-item.row.center {
  justify-content: flex-end;
}

.body {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 18px;
  line-height: 120%;
}

.body.smaller {
  text-align: center;
  font-size: 11px;
  line-height: 120%;
}

.body.legal {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.body.legal.text-column {
  column-count: 2;
  column-rule-style: none;
  column-rule-width: 0px;
  column-gap: 40px;
}

.body.text-right {
  text-align: right;
}

.link {
  color: inherit;
  text-decoration: none;
}

.triumph {
  height: 60px;
}

.vertical-ruler {
  background-color: #fff;
  width: 1px;
  height: 100%;
}

.column {
  flex-flow: column;
  justify-content: space-between;
  padding: 60px 40px;
  display: flex;
}

.spacer80 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mobile-cover {
  display: none;
}

.submit-gif {
  object-fit: contain;
  height: 80px;
}

.medium {
  color: #000;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 26px;
  line-height: 120%;
}

.medium.beige {
  color: var(--beige);
}

.medium.green {
  color: var(--mint-green);
  margin-bottom: 10px;
  font-size: 30px;
}

.medium.bold {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
}

.section {
  position: relative;
  overflow: hidden;
}

.poster-image {
  aspect-ratio: 1440 / 960;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.bg-green {
  background-color: var(--mint-green);
}

.button {
  z-index: 9;
  color: #efefef;
  text-transform: uppercase;
  background-color: #176644;
  border: 2px solid #176644;
  border-radius: 50px;
  padding: 10px 26px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  display: inline-block;
}

.button:hover {
  color: #176644;
  background-color: #efefef;
}

.button.accent {
  background-color: #f45c27;
  border-color: #f45c27;
}

.button.accent:hover {
  color: #efefef;
  background-color: #176644;
  border-color: #176644;
}

.button.is-360 {
  color: var(--beige);
  background-color: #1a1a1a;
  border-color: #1a1a1a;
  margin-top: 20px;
  padding: 8px 16px;
  font-weight: 700;
}

.button.is-360:hover {
  background-color: var(--beige);
  color: #1a1a1a;
  border-color: #1a1a1a;
  font-weight: 700;
}

.nav-link {
  color: #000;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 100%;
}

.nav-link:hover {
  color: #9aafa2;
}

.nav-link.w--current {
  text-underline-offset: .15em;
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: .15em;
}

.nav-link.bold {
  color: #1a1a1a;
  text-align: center;
  padding: 0;
  font-size: 15px;
  font-weight: 700;
}

.brand {
  flex: none;
}

.menu-icon.close {
  display: none;
}

.nav-links-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  border-bottom: 7px solid #000;
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  padding-top: 4px;
  padding-bottom: 18px;
  display: flex;
}

.navbar-2 {
  background-color: #0000;
  position: absolute;
  inset: 0% 0% auto;
}

.navbar-2.bg-offwhite {
  background-color: #efefef;
  border-bottom: 1px solid #000;
}

.nav-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 170px auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: flex-start center;
  width: 100%;
  display: flex;
}

.container-nav {
  width: 100%;
  max-width: 100%;
  padding: 20px 50px 8px;
}

.nav-main-menu {
  background-color: #0000;
  justify-content: space-around;
  width: 100%;
}

.menu-button, .menu-button.w--open {
  background-color: #0000;
}

.mobile-brand {
  display: none;
}

.brand-logo-new {
  height: 132px;
}

.brand-logo-new.small {
  width: 100%;
  height: auto;
}

.paragraph {
  color: var(--beige);
  font-size: 16px;
}

.paragraph.dark {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
}

.heading {
  color: var(--mint-green);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 100%;
}

.heading.accent {
  color: var(--ocre);
}

.heading.accent.balance {
  text-wrap: balance;
}

.heading.dark {
  color: #000;
  margin-bottom: 40px;
}

.heading.beige {
  color: var(--beige);
  margin-bottom: 5px;
}

.heading.beige.render-heading {
  margin-bottom: 0;
  position: absolute;
  inset: auto auto 0% 0%;
}

.heading.brown {
  color: var(--ocre);
}

.heading.left {
  text-align: left;
}

.grid-container {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: none;
  padding-left: 55px;
  padding-right: 55px;
  display: grid;
}

.grid-container._5-col {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid-container._5-col.on-slide {
  height: 100%;
  padding-left: 65px;
  padding-right: 65px;
}

.grid-text-block {
  padding-right: 15%;
}

.grid-text-block.floor-info {
  padding-right: 0%;
}

.small-list {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 70px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 26px;
  line-height: 120%;
  list-style-type: none;
}

.spacer60 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.spacer60.visible-mobile {
  display: none;
}

.h-ruler {
  background-color: #fff;
  width: 100%;
  height: 1px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.footer-flex {
  flex-flow: column;
  max-width: 100%;
  padding: 30px 50px;
  display: flex;
}

.spacer40 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.social-icons {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  display: none;
}

.social-icons.socials {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.link-2 {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

._w-100 {
  width: 100%;
}

._w-100.contain {
  object-fit: contain;
  height: 100%;
  max-height: 720px;
}

._w-100.contain.render-image {
  padding: 100px;
}

.announcement {
  background-color: var(--ocre);
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 40px;
  display: flex;
}

.announcement-text {
  color: var(--beige);
  text-align: center;
  margin: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
}

.slider {
  background-color: #0000;
  width: 100%;
  height: 100%;
}

.slider.visible-mobile {
  display: none;
}

.slide-image {
  aspect-ratio: 3200 / 2000;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.hidden {
  display: none;
}

.nav-slider {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 0;
  position: static;
}

.narrower {
  width: 65%;
}

.arrow-slide {
  justify-content: center;
  align-items: center;
  display: flex;
}

.arrow-slide.left {
  justify-content: flex-start;
  align-items: center;
  margin-left: -25px;
}

.arrow-slide.right {
  justify-content: flex-end;
  align-items: center;
  margin-right: -25px;
}

.arrow-slide-image {
  width: 65px;
}

.slide-floors {
  height: 720px;
}

.mask {
  height: 100%;
}

._360-tour {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 60px 55px auto auto;
}

._360-body {
  color: var(--beige);
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  text-decoration: underline;
}

.slide-render {
  width: 100%;
  height: 760px;
}

.map-container {
  width: 100%;
  height: 780px;
  position: relative;
}

.category-header {
  color: #1a1a1a;
  text-transform: uppercase;
  margin-top: 36px;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 700;
}

.map-nav {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  justify-items: baseline;
  padding: 40px 80px;
  display: flex;
}

.map-nav.hidden {
  display: none;
}

.relative-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  position: relative;
}

.locations-list {
  padding: 18px 32px 18px 40px;
}

.button-big {
  z-index: 9;
  color: #efefef;
  text-transform: uppercase;
  background-color: #176644;
  border: 3px solid #176644;
  border-radius: 50px;
  padding: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  display: inline-block;
}

.button-big:hover {
  color: #176644;
  background-color: #efefef;
}

.button-big.map-button {
  color: #1a1a1a;
  text-transform: capitalize;
  white-space: nowrap;
  border-style: none;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 16px;
  font-weight: 700;
  position: relative;
}

.button-big.map-button.parks {
  background-color: #077526;
  border-color: #a1bd7d;
}

.button-big.map-button.restaurants {
  background-color: #a36214;
}

.button-big.map-button.transport {
  background-color: #8900d3;
}

.button-big.map-button.shop {
  background-color: #b1c658;
  border-color: #97c1d8;
}

.button-big.map-button.culture {
  background-color: #3f1e8a;
}

.button-big.map-button.education {
  background-color: #e567ce;
}

.button-big.map-button.health {
  background-color: #dbcc19;
}

.button-big.map-button.essentials {
  background-color: #1ac1a9;
}

.location-item {
  color: #1a1a1a;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.5;
  transition: transform .3s;
}

.location-item:hover {
  transform: translateX(5px);
}

.container-2 {
  width: 100%;
  max-width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  position: relative;
}

.container-2.full {
  text-align: center;
}

.sidebar {
  z-index: 1;
  background-color: #efefef;
  width: 380px;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow-y: auto;
  box-shadow: -2px 0 10px #0000001a;
}

.ruler {
  background-color: #efefef;
  width: 100%;
  height: 1px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.ruler.dark {
  background-color: #1a1a1a;
}

.ruler.dark.end {
  margin-bottom: 0;
}

.mapbox {
  width: 100%;
  height: 100%;
  inset: 0%;
  position: absolute !important;
}

.listings-table {
  min-height: 630px;
}

.button-wrap {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  color: #000;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.arrow-link {
  margin: 0;
  font-size: 25px;
  font-weight: 700;
}

.availability-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.caption-left {
  color: var(--beige);
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  inset: auto auto 20px 20px;
}

.caption-right {
  color: var(--beige);
  margin: 0;
  position: absolute;
  inset: auto 20px 20px auto;
}

.caption-right.pd-right {
  right: 55px;
}

.mobile-nav-ruler, .text-left {
  display: none;
}

@media screen and (max-width: 991px) {
  .grid-row {
    flex-flow: column;
    grid-template-columns: 50% 50%;
  }

  .nav-links-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: space-between;
  }

  .nav-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

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

  .container-nav.mobile-row {
    padding-bottom: 16px;
  }

  .mobile-brand {
    display: none;
  }

  .brand-logo-new {
    height: 120px;
  }

  .brand-logo-new.small {
    height: 65px;
  }

  .grid-container {
    flex-flow: column;
    grid-template-columns: 50% 50%;
  }

  .button-big {
    font-size: 20px;
  }
}

@media screen and (max-width: 479px) {
  .brand-logo {
    object-fit: contain;
    width: 100%;
    height: 65px;
    position: relative;
    top: 9px;
  }

  .brand-logo.landing {
    width: auto;
    height: 65px;
  }

  .navbar-container {
    padding-top: 15px;
    padding-left: 35px;
    padding-right: 35px;
  }

  .fill {
    order: -1;
  }

  .fill.overflow {
    width: calc(100% + 50px);
    max-width: none;
    margin-left: -25px;
  }

  .fill.mobile-hidden {
    display: none;
  }

  .fill.visible-mobile {
    display: block;
  }

  .fill.contain {
    object-fit: cover;
    width: calc(100% - 50px);
    height: 320px;
  }

  .fill.mobile-portrait {
    object-fit: cover;
    height: 420px;
  }

  .fill.mobile-h320 {
    object-fit: cover;
    height: 320px;
  }

  .container {
    padding-left: 25px;
    padding-right: 25px;
  }

  .container.center {
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 60px;
  }

  .container.legal {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .container.text-center.mobile-full {
    padding-left: 0;
    padding-right: 0;
  }

  .video-cover {
    height: 920px;
  }

  .video-cover.desktop {
    display: none;
  }

  .video-cover.mobile {
    display: block;
  }

  .hero {
    font-size: 45px;
  }

  .flex-column {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .big {
    font-size: 40px;
  }

  .big.accent {
    color: var(--beige);
    font-size: 40px;
  }

  .big.accent.balance {
    font-size: 32px;
    line-height: 115%;
  }

  .big.dark {
    margin-bottom: 40px;
  }

  .big.mapbox-title {
    padding: 40px 25px;
    position: static;
    top: 25px;
    left: 25px;
  }

  .spacer100 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .spacer100.hidden-mobile {
    display: none;
  }

  .spacer100.visible-mobile {
    display: block;
  }

  .list {
    padding-left: 40px;
    font-size: 20px;
  }

  .list-item {
    margin-top: 40px;
  }

  .list-item.smaller.dark {
    font-size: 18px;
  }

  .grid-row {
    flex-flow: column;
    display: flex;
  }

  .grid-row.bg-brown {
    background-color: var(--ocre);
  }

  .column-no-padding, .column-no-padding.h-auto {
    min-height: auto;
  }

  .column-no-padding.bg-brown {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .column-no-padding.bg-brown.mobile-hidden {
    display: none;
  }

  .footer-row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 35px;
    padding-right: 35px;
    display: flex;
  }

  .footer-item.flex-column {
    flex-flow: column;
  }

  .footer-item.row {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
  }

  .body {
    text-align: center;
    font-size: 16px;
  }

  .body.smaller {
    white-space: normal;
  }

  .body.legal {
    text-align: left;
  }

  .body.legal.text-column {
    column-count: 1;
  }

  .body.text-right {
    text-align: center;
  }

  .triumph {
    object-fit: contain;
    height: 80px;
  }

  .vertical-ruler {
    width: 100%;
    height: 1px;
  }

  .column {
    order: -1;
    padding: 60px 25px;
  }

  .column.spacing-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .column.mobile-bg-green {
    background-color: var(--mint-green);
  }

  .spacer80 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .brand-link {
    padding-left: 0;
    padding-right: 0;
  }

  .mobile-cover {
    display: none;
  }

  .medium {
    color: var(--beige);
    font-size: 20px;
  }

  .medium.bold, .medium.bold.dark {
    color: #000;
  }

  .logo-inline {
    height: 16px;
  }

  .button {
    font-size: 14px;
  }

  .button.accent {
    padding: 8px 18px;
  }

  .nav-link {
    text-transform: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
  }

  .nav-link:hover {
    color: #000;
  }

  .nav-link.bold {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
  }

  .brand {
    width: 60px;
    padding-left: 0;
  }

  .brand.w--current {
    padding-left: 0;
  }

  .menu-icon {
    width: 30px;
  }

  .nav-links-wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    border-bottom-width: 0;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 25px;
  }

  .navbar-2 {
    width: 100%;
    padding-top: 0;
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
  }

  .navbar-2.bg-offwhite {
    position: fixed;
  }

  .nav-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    background-color: var(--beige);
    flex-flow: column;
    align-items: flex-start;
    padding: 25px;
    display: flex;
  }

  .container-nav {
    padding: 25px;
  }

  .container-nav.mobile-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 0;
    padding-bottom: 35px;
    display: flex;
  }

  .nav-main-menu {
    height: 100%;
    position: fixed;
    inset: 0%;
  }

  .menu-button {
    padding: 0;
    top: 3px;
  }

  .mobile-brand {
    width: 60px;
    height: 100%;
    padding-left: 0;
    display: block;
  }

  .mobile-brand.w--current {
    padding-left: 0;
  }

  .brand-logo-new.small {
    object-fit: contain;
    object-position: 50% 100%;
    position: relative;
    top: 20px;
  }

  .heading {
    font-size: 36px;
  }

  .heading.accent {
    color: var(--beige);
    font-size: 40px;
  }

  .heading.accent.balance {
    font-size: 32px;
    line-height: 115%;
  }

  .heading.dark {
    margin-bottom: 40px;
  }

  .heading.beige.render-heading {
    margin-top: 80px;
    margin-bottom: 40px;
    position: static;
  }

  .grid-container {
    flex-flow: column;
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
  }

  .grid-container._5-col.on-slide {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    padding-bottom: 25px;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-text-block {
    padding-right: 0%;
  }

  .grid-text-block.floor-info {
    width: 100%;
  }

  .small-list {
    padding-left: 40px;
    font-size: 20px;
  }

  .spacer60 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .spacer60.hidden-mobile {
    display: none;
  }

  .spacer60.visible-mobile {
    display: block;
  }

  .arrow-image {
    height: 20px;
  }

  .h-ruler {
    width: 100%;
    height: 1px;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .footer-flex {
    padding: 35px 25px 40px;
  }

  .spacer40.mobile-20 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .social-icons {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: row;
  }

  .social-icons.socials {
    flex-flow: row;
  }

  .link-2 {
    color: inherit;
  }

  ._w-100.contain {
    object-position: 50% 0%;
    height: 300px;
    max-height: none;
  }

  ._w-100.contain.render-image {
    padding: 0;
  }

  .announcement-text {
    font-size: 15px;
  }

  .slider.hidden-mobile {
    display: none;
  }

  .slider.visible-mobile {
    display: block;
  }

  .slide-image {
    aspect-ratio: 390 / 420;
    object-fit: cover;
  }

  .narrower {
    width: 100%;
  }

  .arrow-slide.left {
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: -20px;
    margin-left: 0;
  }

  .arrow-slide.right {
    justify-content: flex-end;
    align-items: flex-end;
    margin-bottom: -20px;
    margin-right: 0;
  }

  .arrow-slide-image {
    width: 40px;
  }

  .slide-floors {
    height: auto;
    padding-top: 80px;
  }

  ._360-tour {
    margin-top: 40px;
    position: static;
  }

  .slide-render {
    height: auto;
  }

  .map-container {
    height: 480px;
  }

  .map-nav {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 40px 20px 40px 40px;
  }

  .button-big {
    font-size: 16px;
  }

  .button-big.map-button {
    font-size: 12px;
  }

  .container-2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .sidebar {
    display: none;
  }

  .mapbox {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }

  .listings-table {
    min-height: 480px;
  }

  .button-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
  }

  .arrow-link {
    white-space: nowrap;
    font-size: 16px;
  }

  .availability-title {
    display: block;
  }

  .caption-left {
    left: auto;
    right: 20px;
  }

  .caption-left.overflowed {
    right: 0;
  }

  .caption-right.pd-right {
    right: 20px;
  }

  .caption-right.overflowed {
    right: 0;
  }

  .last {
    order: 1;
  }

  .first {
    order: -1;
  }

  .mobile-nav-ruler {
    background-color: #000;
    flex: 1;
    width: 100%;
    height: 4px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 0;
    display: block;
    position: relative;
    top: 3px;
  }

  .text-left {
    text-align: left;
    display: block;
  }
}

#w-node-_34d88d42-c801-c8b5-3d0d-e2a18ce19e85-7f879f20, #w-node-_4648aeb5-8faa-3b03-79ae-892b353fbd12-353fbd10, #w-node-_34d88d42-c801-c8b5-3d0d-e2a18ce19e85-9322dc3a {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_61b35bb4-b1b9-82cc-ea7f-7d0988b5b64f-9322dc3a {
  align-self: center;
}

#w-node-cbd6d515-ad69-87ce-54dd-a387c82f6c03-28fb54ee, #w-node-_3e7917bd-0e33-845d-f1f1-f365be5b197f-28fb54ee, #w-node-_34df1e63-8521-a182-e319-b491f0f063d5-28fb54ee {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3c77456a-fc5b-b6f3-66f3-196676088085-76088083 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4ff66d4a-a118-a905-8b73-807a5688c03e-f6fd7ee7, #w-node-a3fa9752-f036-c95d-cc2e-0331d7016d1e-f6fd7ee7 {
  align-self: center;
}

#w-node-f4b94cf0-e904-435c-9763-ee80b6e57864-3bd3426d {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_8966b8af-3a50-1222-c7d6-999b5119ed96-3bd3426d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8966b8af-3a50-1222-c7d6-999b5119ed94-3bd3426d {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e341c738-602f-2990-2fc6-f5e9cb1fd2b9-3bd3426d {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f4923413-a2c2-b42f-a819-701c4c6ba686-bac88a40 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-c635a76f-c1c6-e73e-4dab-d10b096a2c3e-bac88a40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-c926510f-6763-b723-a403-9e11ee415595-bac88a40 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-c926510f-6763-b723-a403-9e11ee415596-bac88a40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_9a849f23-fee1-c081-6fb3-05c354678cbf-bac88a40 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_9a849f23-fee1-c081-6fb3-05c354678cc0-bac88a40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_35c4684f-d991-9de2-ba4b-cf3339d36b85-bac88a40 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_35c4684f-d991-9de2-ba4b-cf3339d36b86-bac88a40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_9c2a2ae7-28f7-7519-0eaf-35791942963d-bac88a40 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_9c2a2ae7-28f7-7519-0eaf-35791942963e-bac88a40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_47cdaff6-e40b-d72f-1265-6ad2ec88e742-bac88a40 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_47cdaff6-e40b-d72f-1265-6ad2ec88e743-bac88a40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-d999ec13-5ef5-bab7-c821-7056f5bc83f3-bac88a40 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-d999ec13-5ef5-bab7-c821-7056f5bc83f4-bac88a40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_99648d77-3c93-84a2-a2e0-7b8eb1222640-bac88a40 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_99648d77-3c93-84a2-a2e0-7b8eb1222641-bac88a40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_99648d77-3c93-84a2-a2e0-7b8eb122264e-bac88a40 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_99648d77-3c93-84a2-a2e0-7b8eb122264f-bac88a40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_99648d77-3c93-84a2-a2e0-7b8eb122265c-bac88a40 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_99648d77-3c93-84a2-a2e0-7b8eb122265d-bac88a40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_99648d77-3c93-84a2-a2e0-7b8eb122266a-bac88a40 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_99648d77-3c93-84a2-a2e0-7b8eb122266b-bac88a40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_99648d77-3c93-84a2-a2e0-7b8eb1222678-bac88a40 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_99648d77-3c93-84a2-a2e0-7b8eb1222679-bac88a40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_99648d77-3c93-84a2-a2e0-7b8eb1222686-bac88a40 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-_99648d77-3c93-84a2-a2e0-7b8eb1222687-bac88a40 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-fcc01c2d-e91f-7741-5d72-d3cb45b843b0-bac88a40 {
  align-self: center;
}

#w-node-_97396134-5bd6-268c-0bd8-7820a878470d-01fa8f56, #w-node-_7122bf04-d39a-933f-3521-5287ec32a7c1-01fa8f56 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-faedb3aa-40c1-591e-3879-44916a7d7129-01fa8f56 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_391a0671-e262-5104-ab07-6fb205641da7-01fa8f56 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_391a0671-e262-5104-ab07-6fb205641da7-655beb07 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_391a0671-e262-5104-ab07-6fb205641da6-655beb07 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_41f38869-57dc-c46c-84e9-5bf6a8f39dc6-f20ea32c {
  grid-area: 1 / 2 / 2 / 4;
  justify-self: start;
}

@media screen and (max-width: 479px) {
  #w-node-_41f38869-57dc-c46c-84e9-5bf6a8f39dc6-f20ea32c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}