@font-face {
  font-family: General sans Variable;
  src: url('../fonts/GeneralSans-Variable.woff2') format("woff2");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Monasans;
  src: url('../fonts/MonaSans-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Monasans Semiexpanded;
  src: url('../fonts/MonaSans_SemiExpanded-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --_color---bg--page: #f6f3ee;
  --_font---role--body--family: "General sans Variable", Arial, sans-serif;
  --_color---content--1: #1a1c1e;
  --_typography---body--base: .875rem;
  --_font---leading--body-base: 1.55em;
  --_font---role--body--style: 400;
  --_font---role--display--mona-sans: "Monasans Semiexpanded", Arial, sans-serif;
  --_typography---display--hero: 3.125rem;
  --_font---leading--display-hero: 1.04em;
  --_font---role--display--style: 500;
  --_font---role--display--tracking: 0rem;
  --_typography---display--section: 2.375rem;
  --_font---leading--display-section: 1.08em;
  --_typography---display--sub: 1.25rem;
  --_font---leading--display-sub: 1.22em;
  --_typography---figure--large: 1.5rem;
  --_font---leading--figure-large: 1em;
  --_font---role--figure--tracking: .01em;
  --_font---role--label--family: "General sans Variable", Arial, sans-serif;
  --_typography---figure--base: 1rem;
  --_font---leading--figure-base: 1.18em;
  --_font---role--label--style: 500;
  --_typography---body--lede: 1rem;
  --_font---leading--body-lede: 1.46em;
  --_typography---body--small: .75rem;
  --_font---leading--body-small: 1.52em;
  --_color---content--2: #525353;
  --_typography---label--base: .9375rem;
  --_font---leading--label: 1.5em;
  --_font---role--label--tracking-base: .15em;
  --_typography---label--small: .75rem;
  --_font---role--label--tracking-small: .2em;
  --_color---content--3: #6e6e6d;
  --_color---content--on-inverse: #f6f3ee;
  --_color---media--1: #f6f3ee;
  --_color---media--2: #f6f3eec7;
  --_color---media--3: #f6f3ee94;
  --_color---feedback--danger: #a04e41;
  --_sizes---layout--page-max: 90rem;
  --_sizes---paddings_or_margins--section--horizontal: 2.5rem;
  --_sizes---gap--16: 4rem;
  --_sizes---paddings_or_margins--section--vertical--3-medium: 8.75rem;
  --_sizes---icon--stroke-1: 1px;
  --_color---content--5: #1a1c1e26;
  --_sizes---max-width--1-small: 30rem;
  --_sizes---gap--06: 1.5rem;
  --_sizes---gap--10: 2.5rem;
  --_sizes---gap--02-fixed: .5rem;
  --_sizes---gap--06-fixed: 1.5rem;
  --_sizes---gap--04-fixed: 1rem;
  --_sizes---icon--size-16: 1rem;
  --_sizes---max-width--3-large: 38.75rem;
  --_sizes---paddings_or_margins--section--vertical--1-small: 2.5rem;
  --_sizes---gap--03-fixed: .75rem;
  --_color---content--4: #1a1c1e6c;
  --_color---bg--inverse: #1a1c1e;
  --_color---media--line: #f6f3ee29;
  --_color---map--land: #f0e9e1;
  --_color---bg--surfase-soft: #1a1c1e0d;
  --_color---media--scrim-soft: #05090b66;
  --_sizes---gap--01-fixed: .25rem;
  --_color---bg--raised: #f1ece4;
  --_color---bg--hover: #1a1c1e0f;
  --_color---bg--active: #1a1c1e1a;
  --_sizes---gap--08-fixed: 2rem;
  --_sizes---gap--08: 2rem;
  --_sizes---gap--24: 6rem;
  --_color---media--scrim-strong: #05090beb;
  --_sizes---paddings_or_margins--section--vertical--2-base: 5rem;
  --_color---stone--pearl: #ccb7a3;
  --_color---stone--blue-mountain: #8e99a5;
  --_sizes---paddings_or_margins--section--vertical--4-large: 10.5rem;
  --_color---stone--cipollino: #6b746a;
  --_sizes---paddings_or_margins--surface--1-small: 1rem;
  --_color---stone--rosso: #cca081;
  --_sizes---paddings_or_margins--surface--2-middle: 1.5rem;
  --_color---stone--breccia: #d1b79d;
  --_sizes---paddings_or_margins--surface--3-large: 2rem;
  --_color---map--sea: #a9b7bd;
  --_sizes---min-width--1-small: 12.5rem;
  --_sizes---min-width--2-cards: 25rem;
  --_color---map--mark: #97583e;
  --_color---map--on-land: #43494c;
  --_sizes---max-width--2-medium: 35rem;
  --_color---map--on-sea: #2e434b;
  --_sizes---layout--width: 90rem;
  --_sizes---layout--container: 80rem;
  --_sizes---layout--viewport-h: 50rem;
  --_sizes---portrait--height: 35.875rem;
  --_sizes---control--height-32: 2rem;
  --_sizes---control--height-40: 2.5rem;
  --_sizes---control--height-48: 3rem;
  --_sizes---icon--size-20: 1.25rem;
  --_sizes---icon--size-24: 1.5rem;
}

body {
  background-color: var(--_color---bg--page);
  font-family: var(--_font---role--body--family);
  color: var(--_color---content--1);
  font-size: var(--_typography---body--base);
  line-height: var(--_font---leading--body-base);
  font-weight: var(--_font---role--body--style);
  text-wrap: pretty;
}

h1 {
  font-family: var(--_font---role--display--mona-sans);
  font-size: var(--_typography---display--hero);
  line-height: var(--_font---leading--display-hero);
  font-weight: var(--_font---role--display--style);
  letter-spacing: var(--_font---role--display--tracking);
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-family: var(--_font---role--display--mona-sans);
  font-size: var(--_typography---display--section);
  line-height: var(--_font---leading--display-section);
  font-weight: var(--_font---role--display--style);
  letter-spacing: var(--_font---role--display--tracking);
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  font-family: var(--_font---role--display--mona-sans);
  font-size: var(--_typography---display--sub);
  line-height: var(--_font---leading--display-sub);
  font-weight: var(--_font---role--display--style);
  letter-spacing: var(--_font---role--display--tracking);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-bottom: 0;
}

a {
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.display-hero {
  font-family: var(--_font---role--display--mona-sans);
  font-size: var(--_typography---display--hero);
  line-height: var(--_font---leading--display-hero);
  font-weight: var(--_font---role--display--style);
  letter-spacing: var(--_font---role--display--tracking);
}

.display-section {
  font-family: var(--_font---role--display--mona-sans);
  color: var(--_color---content--1);
  font-size: var(--_typography---display--section);
  line-height: var(--_font---leading--display-section);
  font-weight: var(--_font---role--display--style);
  letter-spacing: var(--_font---role--display--tracking);
  text-transform: uppercase;
}

.display-sub {
  font-family: var(--_font---role--display--mona-sans);
  color: var(--_color---content--1);
  font-size: var(--_typography---display--sub);
  line-height: var(--_font---leading--display-sub);
  font-weight: var(--_font---role--display--style);
  letter-spacing: var(--_font---role--display--tracking);
  text-transform: uppercase;
}

.figure-large {
  font-family: var(--_font---role--body--family);
  font-size: var(--_typography---figure--large);
  line-height: var(--_font---leading--figure-large);
  font-weight: var(--_font---role--body--style);
  letter-spacing: var(--_font---role--figure--tracking);
}

.figure-base {
  font-family: var(--_font---role--label--family);
  font-size: var(--_typography---figure--base);
  line-height: var(--_font---leading--figure-base);
  font-weight: var(--_font---role--label--style);
  letter-spacing: var(--_font---role--figure--tracking);
}

.body-lede {
  font-family: var(--_font---role--body--family);
  font-size: var(--_typography---body--lede);
  line-height: var(--_font---leading--body-lede);
  font-weight: var(--_font---role--body--style);
  margin-bottom: 0;
}

.body-base {
  font-family: var(--_font---role--body--family);
  font-size: var(--_typography---body--base);
  line-height: var(--_font---leading--body-base);
  font-weight: var(--_font---role--body--style);
}

.body-small {
  font-family: var(--_font---role--body--family);
  font-size: var(--_typography---body--small);
  line-height: var(--_font---leading--body-small);
  font-weight: var(--_font---role--body--style);
}

.label-base {
  font-family: var(--_font---role--label--family);
  font-size: var(--_typography---label--base);
  line-height: var(--_font---leading--label);
  font-weight: var(--_font---role--label--style);
  letter-spacing: var(--_font---role--label--tracking-base);
  text-transform: uppercase;
}

.label-base.contenton-inverse {
  color: var(--_color---content--1);
}

.label-small {
  font-family: var(--_font---role--label--family);
  color: var(--_color---content--1);
  font-size: var(--_typography---label--small);
  line-height: var(--_font---leading--label);
  font-weight: var(--_font---role--label--style);
  letter-spacing: var(--_font---role--label--tracking-small);
  text-transform: uppercase;
}

.label-small.footer__copy {
  color: var(--_color---content--3);
}

.text-color-content-1 {
  color: var(--_color---content--1);
}

.text-color-content-2 {
  color: var(--_color---content--2);
}

.text-color-content-3 {
  color: var(--_color---content--3);
}

.text-color-on-inverse {
  color: var(--_color---content--on-inverse);
}

.text-color-media-1 {
  color: var(--_color---media--1);
}

.text-color-media-2 {
  color: var(--_color---media--2);
}

.text-color-media-3 {
  color: var(--_color---media--3);
}

.text-color-danger {
  color: var(--_color---feedback--danger);
}

.main {
  width: 100%;
  display: block;
}

.container {
  width: 100%;
  max-width: var(--_sizes---layout--page-max);
  padding-right: var(--_sizes---paddings_or_margins--section--horizontal);
  padding-left: var(--_sizes---paddings_or_margins--section--horizontal);
  margin-left: auto;
  margin-right: auto;
}

.container.gallery__title-container {
  z-index: 2;
  position: relative;
}

.container.longevity__container {
  grid-column-gap: var(--_sizes---gap--16);
  grid-row-gap: var(--_sizes---gap--16);
  flex-flow: column;
  display: flex;
}

.container.location__container {
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  padding-bottom: 2.5rem;
  display: flex;
}

.container.residences__container, .container.founder__container {
  grid-column-gap: var(--_sizes---gap--16);
  grid-row-gap: var(--_sizes---gap--16);
  flex-direction: column;
  display: flex;
}

.container.founder__container {
  flex-direction: row;
}

.container.residence-modal__container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 30rem 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: grid;
  position: relative;
}

.faq {
  padding-top: var(--_sizes---paddings_or_margins--section--vertical--3-medium);
  padding-bottom: var(--_sizes---paddings_or_margins--section--vertical--3-medium);
  background-color: var(--_color---bg--page);
  color: var(--_color---content--1);
  --_color---bg--page: #131a20;
  --_color---content--1: #f6f1e7;
  --_color---content--2: #a4a3a0;
  --_color---content--3: #818382;
  --_color---content--on-inverse: #131a20;
  --_color---media--1: #f6f3ee;
  --_color---media--2: #f6f3eec7;
  --_color---media--3: #f6f3ee94;
  --_color---feedback--danger: #ce9086;
  --_color---content--5: #f6f1e71c;
  --_color---content--4: #f6f1e74f;
  --_color---bg--inverse: #f6f1e7;
  --_color---media--line: #f6f3ee29;
  --_color---map--land: #e7dfd5;
  --_color---bg--surfase-soft: #f6f1e708;
  --_color---media--scrim-soft: #05090b66;
  --_color---bg--raised: #0e151a;
  --_color---bg--hover: #f6f1e70f;
  --_color---bg--active: #f6f1e71a;
  --_color---media--scrim-strong: #05090beb;
  --_color---stone--pearl: #ccb7a3;
  --_color---stone--blue-mountain: #8e99a5;
  --_color---stone--cipollino: #6b746a;
  --_color---stone--rosso: #cca081;
  --_color---stone--breccia: #d1b79d;
  --_color---map--sea: #08131a;
  --_color---map--mark: #c98a67;
  --_color---map--on-land: #2c3c42;
  --_color---map--on-sea: #d3dee2;
}

.faq__title {
  margin-top: 0;
  margin-bottom: 0;
}

.faq__lede {
  color: var(--_color---content--2);
  margin-top: 0;
  margin-bottom: 0;
}

.faq__list {
  border-top: var(--_sizes---icon--stroke-1) solid var(--_color---content--5);
  flex-direction: column;
  display: flex;
}

.faq__note {
  color: var(--_color---content--3);
  margin-top: 0;
  margin-bottom: 0;
}

.faq__inner {
  grid-row-gap: var(--_sizes---gap--16);
  flex-direction: column;
  display: flex;
}

.faq__header {
  max-width: var(--_sizes---max-width--1-small);
  grid-row-gap: var(--_sizes---gap--06);
  flex-direction: column;
  display: flex;
}

.faq__body {
  grid-row-gap: var(--_sizes---gap--10);
  flex-direction: column;
  display: flex;
}

.faq-item {
  padding-bottom: var(--_sizes---gap--02-fixed);
  border-bottom: var(--_sizes---icon--stroke-1) solid var(--_color---content--5);
  flex-direction: column;
  display: flex;
}

.faq-item__head {
  width: 100%;
  padding-top: var(--_sizes---gap--06-fixed);
  padding-bottom: var(--_sizes---gap--04-fixed);
  grid-column-gap: var(--_sizes---gap--04-fixed);
  text-align: left;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.faq-item__question {
  margin-top: 0;
  margin-bottom: 0;
}

.faq-item__sign {
  width: var(--_sizes---icon--size-16);
  height: var(--_sizes---icon--size-16);
  flex-shrink: 0;
  display: block;
  position: relative;
}

.faq-item__bar {
  width: .75rem;
  height: var(--_sizes---icon--stroke-1);
  background-color: var(--_color---content--2);
  position: absolute;
  top: 50%;
  left: 50%;
}

.faq-item__panel {
  display: grid;
  overflow: hidden;
}

.faq-item__answer {
  max-width: var(--_sizes---max-width--3-large);
  padding-bottom: var(--_sizes---gap--04-fixed);
  color: var(--_color---content--2);
  margin-top: 0;
  margin-bottom: 0;
}

.faq-item__answer.body-base a {
  color: var(--_color---content--1);
  text-decoration: underline;
}

.faq-item__panel-inner {
  display: block;
}

.footer {
  padding-top: var(--_sizes---paddings_or_margins--section--vertical--3-medium);
  padding-bottom: var(--_sizes---paddings_or_margins--section--vertical--1-small);
  background-color: var(--_color---bg--page);
  color: var(--_color---content--1);
  --_color---bg--page: #131a20;
  --_color---content--1: #f6f1e7;
  --_color---content--2: #a4a3a0;
  --_color---content--3: #818382;
  --_color---content--on-inverse: #131a20;
  --_color---media--1: #f6f3ee;
  --_color---media--2: #f6f3eec7;
  --_color---media--3: #f6f3ee94;
  --_color---feedback--danger: #ce9086;
  --_color---content--5: #f6f1e71c;
  --_color---content--4: #f6f1e74f;
  --_color---bg--inverse: #f6f1e7;
  --_color---media--line: #f6f3ee29;
  --_color---map--land: #e7dfd5;
  --_color---bg--surfase-soft: #f6f1e708;
  --_color---media--scrim-soft: #05090b66;
  --_color---bg--raised: #0e151a;
  --_color---bg--hover: #f6f1e70f;
  --_color---bg--active: #f6f1e71a;
  --_color---media--scrim-strong: #05090beb;
  --_color---stone--pearl: #ccb7a3;
  --_color---stone--blue-mountain: #8e99a5;
  --_color---stone--cipollino: #6b746a;
  --_color---stone--rosso: #cca081;
  --_color---stone--breccia: #d1b79d;
  --_color---map--sea: #08131a;
  --_color---map--mark: #c98a67;
  --_color---map--on-land: #2c3c42;
  --_color---map--on-sea: #d3dee2;
}

.footer__inner {
  grid-column-gap: 8.75rem;
  grid-row-gap: 8.75rem;
  flex-flow: column;
  display: flex;
}

.footer__top {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}

.footer__bottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--_color---content--5);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2rem;
  display: grid;
}

.footer__header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.form__inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form__inner.form__inner--column {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  height: 100%;
  display: flex;
}

.input {
  flex-flow: column;
  display: flex;
}

.input__label {
  color: var(--_color---content--2);
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 150%;
}

.input__field {
  height: auto;
  padding: var(--_sizes---gap--03-fixed) 0px;
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--_color---content--5);
  color: var(--_color---content--1);
  font-size: var(--_typography---body--lede);
  background-color: #0000;
  margin-bottom: 0;
  line-height: 146%;
  transition: color .25s cubic-bezier(.455, .03, .515, .955), border-color .25s cubic-bezier(.455, .03, .515, .955);
}

.input__field:hover {
  border-bottom-color: var(--_color---content--2);
}

.input__field:focus {
  border-bottom-color: var(--_color---content--4);
}

.input__field::placeholder {
  color: var(--_color---content--2);
}

.button {
  background-color: var(--_color---bg--inverse);
  height: 3rem;
  max-height: 3rem;
  color: var(--_color---content--on-inverse);
  line-height: 150%;
  font-weight: var(--_font---role--label--style);
  letter-spacing: .15em;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: 0 1.875rem;
  transition: opacity .25s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.button:hover {
  opacity: .86;
}

.button.button--dark {
  --_color---bg--page: #f6f3ee;
  --_color---content--1: #1a1c1e;
  --_color---content--2: #525353;
  --_color---content--3: #6e6e6d;
  --_color---content--on-inverse: #f6f3ee;
  --_color---media--1: #f6f3ee;
  --_color---media--2: #f6f3eec7;
  --_color---media--3: #f6f3ee94;
  --_color---feedback--danger: #a04e41;
  --_color---content--5: #1a1c1e26;
  --_color---content--4: #1a1c1e6c;
  --_color---bg--inverse: #1a1c1e;
  --_color---media--line: #f6f3ee29;
  --_color---map--land: #f0e9e1;
  --_color---bg--surfase-soft: #1a1c1e0d;
  --_color---media--scrim-soft: #05090b66;
  --_color---bg--raised: #f1ece4;
  --_color---bg--hover: #1a1c1e0f;
  --_color---bg--active: #1a1c1e1a;
  --_color---media--scrim-strong: #05090beb;
  --_color---stone--pearl: #ccb7a3;
  --_color---stone--blue-mountain: #8e99a5;
  --_color---stone--cipollino: #6b746a;
  --_color---stone--rosso: #cca081;
  --_color---stone--breccia: #d1b79d;
  --_color---map--sea: #a9b7bd;
  --_color---map--mark: #97583e;
  --_color---map--on-land: #43494c;
  --_color---map--on-sea: #2e434b;
}

.button.button--dark.only-tablet {
  display: none;
}

.footer__logo {
  object-fit: contain;
  max-height: 2rem;
}

.footer__links {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  display: flex;
}

.footer__link {
  color: var(--_color---content--3);
  font-size: var(--_typography---label--small);
  letter-spacing: .2em;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
}

.gallery {
  --_color---bg--page: #131a20;
  --_color---content--1: #f6f1e7;
  --_color---content--2: #a4a3a0;
  --_color---content--3: #818382;
  --_color---content--on-inverse: #131a20;
  --_color---media--1: #f6f3ee;
  --_color---media--2: #f6f3eec7;
  --_color---media--3: #f6f3ee94;
  --_color---feedback--danger: #ce9086;
  --_color---content--5: #f6f1e71c;
  --_color---content--4: #f6f1e74f;
  --_color---bg--inverse: #f6f1e7;
  --_color---media--line: #f6f3ee29;
  --_color---map--land: #e7dfd5;
  --_color---bg--surfase-soft: #f6f1e708;
  --_color---media--scrim-soft: #05090b66;
  --_color---bg--raised: #0e151a;
  --_color---bg--hover: #f6f1e70f;
  --_color---bg--active: #f6f1e71a;
  --_color---media--scrim-strong: #05090beb;
  --_color---stone--pearl: #ccb7a3;
  --_color---stone--blue-mountain: #8e99a5;
  --_color---stone--cipollino: #6b746a;
  --_color---stone--rosso: #cca081;
  --_color---stone--breccia: #d1b79d;
  --_color---map--sea: #08131a;
  --_color---map--mark: #c98a67;
  --_color---map--on-land: #2c3c42;
  --_color---map--on-sea: #d3dee2;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100svh;
  max-height: 50rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.swiper.gallery-main {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.swiper.gallery-nav {
  margin-left: unset;
  margin-right: unset;
  overflow: visible;
}

.swiper.atelier-copy-swiper {
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

.swiper.atelier-media-swiper {
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.swiper.residence-modal-swiper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  min-width: 0;
  height: 100%;
  display: flex;
  position: relative;
}

.swiper-wrapper {
  height: 100%;
}

.swiper-wrapper.gallery-nav__wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.swiper-wrapper.residence-modal-swiper__wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.swiper-slide.gallery-slide {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-bottom: 6.875rem;
  display: flex;
  position: relative;
}

.swiper-slide.gallery-nav__item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-top: 1px solid var(--_color---media--line);
  width: 100%;
  min-width: auto;
  color: var(--_color---media--3);
  font-weight: var(--_font---role--label--style);
  letter-spacing: .15em;
  text-transform: uppercase;
  cursor: pointer;
  flex-flow: column;
  padding-top: 1.5rem;
  display: flex;
}

.swiper-slide.atelier-media-slide {
  opacity: 1;
  cursor: pointer;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.swiper-slide.atelier-media-slide.is-active {
  opacity: 1;
  cursor: auto;
  width: 31.25rem;
  height: 40rem;
}

.swiper-slide.residence-modal-swiper__slide {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.gallery-slide__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.gallery-slide__overlay {
  pointer-events: none;
  background-image: linear-gradient(#05090b8c, #05090b1a 45%, #05090be0);
  position: absolute;
  inset: 0;
}

.gallery-slide__container {
  position: static;
}

.gallery-slide__container.container {
  --_color---bg--page: #131a20;
  --_color---content--1: #f6f1e7;
  --_color---content--2: #a4a3a0;
  --_color---content--3: #818382;
  --_color---content--on-inverse: #131a20;
  --_color---media--1: #f6f3ee;
  --_color---media--2: #f6f3eec7;
  --_color---media--3: #f6f3ee94;
  --_color---feedback--danger: #ce9086;
  --_color---content--5: #f6f1e71c;
  --_color---content--4: #f6f1e74f;
  --_color---bg--inverse: #f6f1e7;
  --_color---media--line: #f6f3ee29;
  --_color---map--land: #e7dfd5;
  --_color---bg--surfase-soft: #f6f1e708;
  --_color---media--scrim-soft: #05090b66;
  --_color---bg--raised: #0e151a;
  --_color---bg--hover: #f6f1e70f;
  --_color---bg--active: #f6f1e71a;
  --_color---media--scrim-strong: #05090beb;
  --_color---stone--pearl: #ccb7a3;
  --_color---stone--blue-mountain: #8e99a5;
  --_color---stone--cipollino: #6b746a;
  --_color---stone--rosso: #cca081;
  --_color---stone--breccia: #d1b79d;
  --_color---map--sea: #08131a;
  --_color---map--mark: #c98a67;
  --_color---map--on-land: #2c3c42;
  --_color---map--on-sea: #d3dee2;
}

.gallery-slide__title {
  font-size: var(--_typography---display--section);
  text-transform: uppercase;
  line-height: 108%;
}

.gallery-slide__text {
  color: var(--_color---media--2);
  font-size: var(--_typography---body--lede);
  line-height: 1.55em;
}

.gallery__controls.container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.gallery-nav__title {
  pointer-events: none;
  cursor: auto;
}

.gallery__arrows {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-left: auto;
  display: flex;
  position: relative;
}

.gallery-prev {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  cursor: pointer;
  background-color: #0000000d;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: background-color .25s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.gallery-prev:hover {
  background-color: #00000029;
}

.gallery-next {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  cursor: pointer;
  background-color: #0000000d;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: background-color .25s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.gallery-next:hover {
  background-color: #00000029;
}

.gallery-slide__content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  max-width: 30rem;
  color: var(--_color---content--1);
  font-size: var(--_typography---display--section);
  flex-flow: column;
  line-height: 108%;
  display: flex;
  position: relative;
}

.gallery__title {
  color: var(--_color---media--3);
  font-size: var(--_typography---label--base);
  line-height: 150%;
  font-weight: var(--_font---role--label--style);
  letter-spacing: .15em;
  text-transform: uppercase;
  position: relative;
}

.atelier {
  padding-top: var(--_sizes---paddings_or_margins--section--vertical--3-medium);
  padding-bottom: var(--_sizes---paddings_or_margins--section--vertical--3-medium);
  overflow: hidden;
}

.atelier__container.container {
  grid-column-gap: var(--_sizes---gap--16);
  grid-row-gap: var(--_sizes---gap--16);
  flex-flow: column;
  display: flex;
}

.atelier__header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  max-width: 30rem;
  display: flex;
}

.atelier__stage {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 28.75rem 31.25rem;
  grid-auto-columns: 1fr;
  height: 40rem;
  max-height: 40rem;
  display: grid;
}

.atelier__nav {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  padding-left: 1.1rem;
  list-style-type: square;
  display: flex;
}

.atelier__nav-item {
  opacity: .4;
  font-size: var(--_typography---display--sub);
  padding-left: 0;
}

.atelier__nav-item.is-active {
  opacity: 1;
  line-height: 122%;
}

.atelier__panel {
  z-index: 2;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--_color---bg--page);
  flex-flow: column;
  justify-content: space-between;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.atelier__copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.atelier__nav-button {
  font-family: var(--_font---role--display--mona-sans);
  text-transform: uppercase;
  background-color: #0000;
  padding: 0;
}

.atelier__media {
  width: 31.25rem;
  min-width: 0;
  min-height: 0;
  position: relative;
}

.atelier-media-imege {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.header {
  --_color---bg--page: #131a20;
  --_color---content--1: #f6f1e7;
  --_color---content--2: #a4a3a0;
  --_color---content--3: #818382;
  --_color---content--on-inverse: #131a20;
  --_color---media--1: #f6f3ee;
  --_color---media--2: #f6f3eec7;
  --_color---media--3: #f6f3ee94;
  --_color---feedback--danger: #ce9086;
  --_color---content--5: #f6f1e71c;
  --_color---content--4: #f6f1e74f;
  --_color---bg--inverse: #f6f1e7;
  --_color---media--line: #f6f3ee29;
  --_color---map--land: #e7dfd5;
  --_color---bg--surfase-soft: #f6f1e708;
  --_color---media--scrim-soft: #05090b66;
  --_color---bg--raised: #0e151a;
  --_color---bg--hover: #f6f1e70f;
  --_color---bg--active: #f6f1e71a;
  --_color---media--scrim-strong: #05090beb;
  --_color---stone--pearl: #ccb7a3;
  --_color---stone--blue-mountain: #8e99a5;
  --_color---stone--cipollino: #6b746a;
  --_color---stone--rosso: #cca081;
  --_color---stone--breccia: #d1b79d;
  --_color---map--sea: #08131a;
  --_color---map--mark: #c98a67;
  --_color---map--on-land: #2c3c42;
  --_color---map--on-sea: #d3dee2;
  background-color: #0000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.header__logo {
  aspect-ratio: auto;
  object-fit: contain;
  max-height: 2rem;
}

.header__container {
  justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: .75rem;
  display: flex;
}

.header__nav {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.header__nav-link {
  color: var(--_color---media--2);
  font-size: var(--_typography---label--base);
  font-weight: var(--_font---role--label--style);
  letter-spacing: .2em;
  text-transform: uppercase;
  padding: 0;
}

.header__nav-root {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.header__nav-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero {
  height: 185svh;
  position: relative;
}

.hero__sticky {
  width: 100%;
  height: 100svh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.hero__media {
  z-index: 0;
  position: absolute;
  inset: 0;
}

.hero__image {
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.hero__shade {
  pointer-events: none;
  background-image: linear-gradient(0deg, #05090b8c, #05090b4d 45%, #05090be0);
  position: absolute;
  inset: 0%;
}

.hero__overlay {
  opacity: 0;
  pointer-events: none;
  background-color: #071017;
  position: absolute;
  inset: 0%;
}

.hero__content.is-intro {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  --_color---bg--page: #131a20;
  --_color---content--1: #f6f1e7;
  --_color---content--2: #a4a3a0;
  --_color---content--3: #818382;
  --_color---content--on-inverse: #131a20;
  --_color---media--1: #f6f3ee;
  --_color---media--2: #f6f3eec7;
  --_color---media--3: #f6f3ee94;
  --_color---feedback--danger: #ce9086;
  --_color---content--5: #f6f1e71c;
  --_color---content--4: #f6f1e74f;
  --_color---bg--inverse: #f6f1e7;
  --_color---media--line: #f6f3ee29;
  --_color---map--land: #e7dfd5;
  --_color---bg--surfase-soft: #f6f1e708;
  --_color---media--scrim-soft: #05090b66;
  --_color---bg--raised: #0e151a;
  --_color---bg--hover: #f6f1e70f;
  --_color---bg--active: #f6f1e71a;
  --_color---media--scrim-strong: #05090beb;
  --_color---stone--pearl: #ccb7a3;
  --_color---stone--blue-mountain: #8e99a5;
  --_color---stone--cipollino: #6b746a;
  --_color---stone--rosso: #cca081;
  --_color---stone--breccia: #d1b79d;
  --_color---map--sea: #08131a;
  --_color---map--mark: #c98a67;
  --_color---map--on-land: #2c3c42;
  --_color---map--on-sea: #d3dee2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero__content.is-recovery {
  z-index: 2;
  opacity: 0;
  text-align: center;
  --_color---bg--page: #131a20;
  --_color---content--1: #f6f1e7;
  --_color---content--2: #a4a3a0;
  --_color---content--3: #818382;
  --_color---content--on-inverse: #131a20;
  --_color---media--1: #f6f3ee;
  --_color---media--2: #f6f3eec7;
  --_color---media--3: #f6f3ee94;
  --_color---feedback--danger: #ce9086;
  --_color---content--5: #f6f1e71c;
  --_color---content--4: #f6f1e74f;
  --_color---bg--inverse: #f6f1e7;
  --_color---media--line: #f6f3ee29;
  --_color---map--land: #e7dfd5;
  --_color---bg--surfase-soft: #f6f1e708;
  --_color---media--scrim-soft: #05090b66;
  --_color---bg--raised: #0e151a;
  --_color---bg--hover: #f6f1e70f;
  --_color---bg--active: #f6f1e71a;
  --_color---media--scrim-strong: #05090beb;
  --_color---stone--pearl: #ccb7a3;
  --_color---stone--blue-mountain: #8e99a5;
  --_color---stone--cipollino: #6b746a;
  --_color---stone--rosso: #cca081;
  --_color---stone--breccia: #d1b79d;
  --_color---map--sea: #08131a;
  --_color---map--mark: #c98a67;
  --_color---map--on-land: #2c3c42;
  --_color---map--on-sea: #d3dee2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero__eyebrow {
  color: var(--_color---media--2);
  font-size: var(--_typography---label--base);
  font-weight: var(--_font---role--label--style);
  letter-spacing: .2em;
  text-transform: uppercase;
}

.hero__title {
  color: var(--_color---media--1);
  font-size: var(--_typography---display--hero);
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  line-height: 104%;
}

.hero__description {
  color: var(--_color---media--2);
  font-size: var(--_typography---figure--large);
  text-align: center;
  line-height: 100%;
}

.hero__recovery-title {
  color: var(--_color---content--1);
  text-transform: uppercase;
}

.hero__recovery-text {
  max-width: 30rem;
  color: var(--_color---content--2);
  font-size: var(--_typography---body--lede);
}

.hero__content-inner {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 40rem;
  display: flex;
}

.longevity {
  padding-top: var(--_sizes---paddings_or_margins--section--vertical--3-medium);
  padding-bottom: var(--_sizes---paddings_or_margins--section--vertical--3-medium);
}

.longevity__header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  max-width: 35rem;
  display: flex;
}

.longevity__grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.longevity-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.longevity-card.is-edge {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.longevity-card__media {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.longevity-card__media-mask {
  position: relative;
  overflow: hidden;
}

.longevity-card__copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.longevity-card__media-image {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.longevity-card__media-overlay {
  display: none;
}

.location {
  height: 100svh;
  max-height: none;
  position: relative;
  overflow: hidden;
}

.location__sticky {
  width: 100%;
  height: 100svh;
  position: relative;
  overflow: hidden;
}

.location__map-viewport {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.location__map-stage {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.location__map-image, .location__map-labels, .location__canal-line {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 0% 0% 0;
}

.location__panel {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--_color---bg--page);
  --_color---bg--page: #f6f3ee;
  --_color---content--1: #1a1c1e;
  --_color---content--2: #525353;
  --_color---content--3: #6e6e6d;
  --_color---content--on-inverse: #f6f3ee;
  --_color---media--1: #f6f3ee;
  --_color---media--2: #f6f3eec7;
  --_color---media--3: #f6f3ee94;
  --_color---feedback--danger: #a04e41;
  --_color---content--5: #1a1c1e26;
  --_color---content--4: #1a1c1e6c;
  --_color---bg--inverse: #1a1c1e;
  --_color---media--line: #f6f3ee29;
  --_color---map--land: #f0e9e1;
  --_color---bg--surfase-soft: #1a1c1e0d;
  --_color---media--scrim-soft: #05090b66;
  --_color---bg--raised: #f1ece4;
  --_color---bg--hover: #1a1c1e0f;
  --_color---bg--active: #1a1c1e1a;
  --_color---media--scrim-strong: #05090beb;
  --_color---stone--pearl: #ccb7a3;
  --_color---stone--blue-mountain: #8e99a5;
  --_color---stone--cipollino: #6b746a;
  --_color---stone--rosso: #cca081;
  --_color---stone--breccia: #d1b79d;
  --_color---map--sea: #a9b7bd;
  --_color---map--mark: #97583e;
  --_color---map--on-land: #43494c;
  --_color---map--on-sea: #2e434b;
  flex-flow: column;
  justify-content: space-between;
  width: 23.75rem;
  min-width: 0;
  min-height: 31.25rem;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.location__slides {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: grid;
  position: relative;
}

.location__slide {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  flex-flow: column;
  grid-area: 1 / 1 / 2 / 2;
  width: 100%;
  display: flex;
}

.location__slide.city {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}

.location__tabs {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-top: 1px solid var(--_color---content--5);
  padding-top: 1.5rem;
  display: flex;
}

.location__tab {
  opacity: .4;
  font-size: var(--_typography---label--base);
  font-weight: var(--_font---role--label--style);
  letter-spacing: .15rem;
  background-color: #0000;
  border-bottom: 1px solid #0000;
  padding-bottom: .5rem;
  transition: border-color .3s cubic-bezier(.455, .03, .515, .955), opacity .3s cubic-bezier(.455, .03, .515, .955);
}

.location__tab:hover {
  opacity: 1;
}

.location__tab.is-active {
  border-bottom-color: var(--_color---content--1);
  opacity: 1;
  background-color: #0000;
}

.location__panel-header {
  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
  flex-flow: column;
  display: flex;
}

.location__panel-body {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.location__slide-active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.location__map-mobile {
  display: none;
}

.amenities {
  padding-top: var(--_sizes---paddings_or_margins--section--vertical--3-medium);
  padding-bottom: var(--_sizes---paddings_or_margins--section--vertical--3-medium);
  overflow: hidden;
}

.amenities__sticky {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 35rem 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.amenities__content {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  display: flex;
}

.amenities__header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  max-width: none;
  display: flex;
}

.amenities__accordion {
  border-top: 1px solid var(--_color---content--5);
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.amenities__accordion-item {
  border-bottom: 1px solid var(--_color---content--5);
  list-style-type: none;
}

.amenities__accordion-item:last-child {
  border-bottom: 1px solid #2020202e;
}

.amenities__item-head {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  border-bottom-style: none;
  border-bottom-width: 1px;
  border-bottom-color: var(--_color---content--5);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex-flow: column;
  row-gap: .25rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.amenities__item-body {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  padding-bottom: 1.5rem;
  display: flex;
  overflow: hidden;
}

.amenities__body-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  gap: .5rem 2rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.amenities__body-item {
  font-size: var(--_typography---body--lede);
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.amenities__visual {
  width: 100%;
  position: static;
}

.amenities__tower {
  height: 47.25rem;
  position: relative;
}

.amenities__tower-base {
  opacity: .3;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  height: 100%;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.amenities__tower-highlight {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  height: 100%;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.amenities__tower-image {
  object-fit: contain;
  width: auto;
  height: 100%;
}

.residences {
  padding-top: var(--_sizes---paddings_or_margins--section--vertical--3-medium);
  padding-bottom: var(--_sizes---paddings_or_margins--section--vertical--3-medium);
}

.residences__header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  max-width: 30rem;
  display: flex;
}

.residences__grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 37.5rem 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.residences__wrapper.swiper-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: 47.25rem 6.375rem 47.25rem 6.375rem;
  grid-template-columns: 37.5rem 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.residences__wrapper.swiper-wrapper.residences__wrapper--2row {
  grid-template-rows: 47.25rem 6.375rem;
}

.residences__wrapper.residences__wrapper--2row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: 47.25rem 6.375rem;
  grid-template-columns: 37.5rem 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.residence-card {
  cursor: pointer;
}

.residence-card.swiper-slide, .residence-card.residence-card--full {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.residence-card__image-root {
  height: 100%;
  overflow: hidden;
}

.residence-card__image-root.residence-card__image-root--small {
  height: 40rem;
}

.residence-card__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: none .65s cubic-bezier(.445, .05, .55, .95);
}

.residence-card__info {
  border-top: 1px solid var(--_color---content--5);
  justify-content: space-between;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.residences__pagination.swiper-pagination {
  display: none;
}

.theme-palette-paper {
  --_color---bg--page: #f6f3ee;
  --_color---content--1: #1a1c1e;
  --_color---content--2: #525353;
  --_color---content--3: #6e6e6d;
  --_color---content--on-inverse: #f6f3ee;
  --_color---media--1: #f6f3ee;
  --_color---media--2: #f6f3eec7;
  --_color---media--3: #f6f3ee94;
  --_color---feedback--danger: #a04e41;
  --_color---content--5: #1a1c1e26;
  --_color---content--4: #1a1c1e6c;
  --_color---bg--inverse: #1a1c1e;
  --_color---media--line: #f6f3ee29;
  --_color---map--land: #f0e9e1;
  --_color---bg--surfase-soft: #1a1c1e0d;
  --_color---media--scrim-soft: #05090b66;
  --_color---bg--raised: #f1ece4;
  --_color---bg--hover: #1a1c1e0f;
  --_color---bg--active: #1a1c1e1a;
  --_color---media--scrim-strong: #05090beb;
  --_color---stone--pearl: #ccb7a3;
  --_color---stone--blue-mountain: #8e99a5;
  --_color---stone--cipollino: #6b746a;
  --_color---stone--rosso: #cca081;
  --_color---stone--breccia: #d1b79d;
  --_color---map--sea: #a9b7bd;
  --_color---map--mark: #97583e;
  --_color---map--on-land: #43494c;
  --_color---map--on-sea: #2e434b;
}

.theme-palette-midnight {
  --_color---bg--page: #131a20;
  --_color---content--1: #f6f1e7;
  --_color---content--2: #a4a3a0;
  --_color---content--3: #818382;
  --_color---content--on-inverse: #131a20;
  --_color---media--1: #f6f3ee;
  --_color---media--2: #f6f3eec7;
  --_color---media--3: #f6f3ee94;
  --_color---feedback--danger: #ce9086;
  --_color---content--5: #f6f1e71c;
  --_color---content--4: #f6f1e74f;
  --_color---bg--inverse: #f6f1e7;
  --_color---media--line: #f6f3ee29;
  --_color---map--land: #e7dfd5;
  --_color---bg--surfase-soft: #f6f1e708;
  --_color---media--scrim-soft: #05090b66;
  --_color---bg--raised: #0e151a;
  --_color---bg--hover: #f6f1e70f;
  --_color---bg--active: #f6f1e71a;
  --_color---media--scrim-strong: #05090beb;
  --_color---stone--pearl: #ccb7a3;
  --_color---stone--blue-mountain: #8e99a5;
  --_color---stone--cipollino: #6b746a;
  --_color---stone--rosso: #cca081;
  --_color---stone--breccia: #d1b79d;
  --_color---map--sea: #08131a;
  --_color---map--mark: #c98a67;
  --_color---map--on-land: #2c3c42;
  --_color---map--on-sea: #d3dee2;
}

.founder {
  padding-top: var(--_sizes---paddings_or_margins--section--vertical--3-medium);
  padding-bottom: var(--_sizes---paddings_or_margins--section--vertical--3-medium);
  background-color: var(--_color---bg--page);
  --_color---bg--page: #131a20;
  --_color---content--1: #f6f1e7;
  --_color---content--2: #a4a3a0;
  --_color---content--3: #818382;
  --_color---content--on-inverse: #131a20;
  --_color---media--1: #f6f3ee;
  --_color---media--2: #f6f3eec7;
  --_color---media--3: #f6f3ee94;
  --_color---feedback--danger: #ce9086;
  --_color---content--5: #f6f1e71c;
  --_color---content--4: #f6f1e74f;
  --_color---bg--inverse: #f6f1e7;
  --_color---media--line: #f6f3ee29;
  --_color---map--land: #e7dfd5;
  --_color---bg--surfase-soft: #f6f1e708;
  --_color---media--scrim-soft: #05090b66;
  --_color---bg--raised: #0e151a;
  --_color---bg--hover: #f6f1e70f;
  --_color---bg--active: #f6f1e71a;
  --_color---media--scrim-strong: #05090beb;
  --_color---stone--pearl: #ccb7a3;
  --_color---stone--blue-mountain: #8e99a5;
  --_color---stone--cipollino: #6b746a;
  --_color---stone--rosso: #cca081;
  --_color---stone--breccia: #d1b79d;
  --_color---map--sea: #08131a;
  --_color---map--mark: #c98a67;
  --_color---map--on-land: #2c3c42;
  --_color---map--on-sea: #d3dee2;
}

.founder__header {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  max-width: 35rem;
  display: flex;
}

.founder__list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  list-style-type: none;
  display: flex;
}

.founder__item {
  width: 100%;
}

.founder-card {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.founder-card__image-root {
  background-color: var(--_color---bg--surfase-soft);
  height: 35.875rem;
}

.founder-card__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.founder-card__text-root {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.residence-modal {
  z-index: 1000;
  background-color: var(--_color---bg--page);
  border-style: none;
  width: 100%;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 0;
  display: none;
  position: fixed;
  inset: 0;
}

.residence-modal__close {
  z-index: 10;
  height: auto;
  font-size: var(--_typography---label--base);
  font-weight: var(--_font---role--display--style);
  letter-spacing: .15em;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  border-bottom: 1px solid #0000;
  padding: 0;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94);
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
}

.residence-modal__close:hover {
  border-bottom-color: var(--_color---content--1);
}

.residence-modal__content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  padding-right: 2.5rem;
  display: flex;
}

.residence-modal__title-root {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.residence-modal__unit-name {
  font-size: var(--_typography---display--sub);
  text-transform: uppercase;
}

.residence-modal__collection-name {
  font-size: var(--_typography---display--sub);
  font-weight: var(--_font---role--display--style);
  text-transform: uppercase;
}

.residence-modal__stone {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.residence-modal__stone-image {
  object-fit: cover;
  width: 4rem;
  height: 4rem;
}

.residence-modal__stone-info {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.residence-modal__row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid var(--_color---content--5);
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 6rem 6.875rem;
  grid-auto-columns: 1fr;
  padding: 1rem 0;
  display: grid;
}

.residence-modal__row.is-opacity {
  opacity: .4;
  cursor: pointer;
}

.residence-modal__included {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}

.residence-modal__included-list {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  list-style-type: none;
  display: flex;
}

.residence-modal__included-item {
  color: var(--_color---content--2);
  font-size: var(--_typography---body--small);
}

.residence-modal__commercial {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.residence-modal__commercial-item {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  min-width: 0;
  display: flex;
}

.residence-modal__media {
  background-color: #0000;
  min-width: 0;
  padding: 2.5rem;
  position: relative;
}

.residence-modal-swiper__image {
  object-fit: contain;
  width: 100%;
  max-width: 40rem;
  height: 100%;
  max-height: 40rem;
}

.residence-modal-swiper__navigation {
  z-index: 3;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.swiper-nav {
  background-color: var(--_color---bg--surfase-soft);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.swiper-nav:hover {
  background-color: #1a1c1e1a;
}

.residence-modal__form-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  height: 100%;
  padding-bottom: 0;
  padding-right: 1.5rem;
  display: none;
}

.residence-modal__back {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  font-size: var(--_typography---label--base);
  font-weight: var(--_font---role--label--style);
  text-transform: uppercase;
  background-color: #0000;
  border-bottom: 1px solid #0000;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  padding: 0 0 0;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.residence-modal__back:hover {
  border-bottom-color: var(--_color---content--1);
}

.span {
  letter-spacing: .15em;
}

.residence-modal__heading {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  margin-bottom: auto;
  display: flex;
}

.residence-modal__form-root {
  height: 100%;
  margin-bottom: 0;
}

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

.form__success-root {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.form__success-text {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.residence-modal__table-list {
  flex-flow: column;
  display: flex;
}

.residence-modal__bottom {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  margin-top: auto;
  display: flex;
}

.cta {
  z-index: 20;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  --_color---bg--page: #131a20;
  --_color---content--1: #f6f1e7;
  --_color---content--2: #a4a3a0;
  --_color---content--3: #818382;
  --_color---content--on-inverse: #131a20;
  --_color---media--1: #f6f3ee;
  --_color---media--2: #f6f3eec7;
  --_color---media--3: #f6f3ee94;
  --_color---feedback--danger: #ce9086;
  --_color---content--5: #f6f1e71c;
  --_color---content--4: #f6f1e74f;
  --_color---bg--inverse: #f6f1e7;
  --_color---media--line: #f6f3ee29;
  --_color---map--land: #e7dfd5;
  --_color---bg--surfase-soft: #f6f1e708;
  --_color---media--scrim-soft: #05090b66;
  --_color---bg--raised: #0e151a;
  --_color---bg--hover: #f6f1e70f;
  --_color---bg--active: #f6f1e71a;
  --_color---media--scrim-strong: #05090beb;
  --_color---stone--pearl: #ccb7a3;
  --_color---stone--blue-mountain: #8e99a5;
  --_color---stone--cipollino: #6b746a;
  --_color---stone--rosso: #cca081;
  --_color---stone--breccia: #d1b79d;
  --_color---map--sea: #08131a;
  --_color---map--mark: #c98a67;
  --_color---map--on-land: #2c3c42;
  --_color---map--on-sea: #d3dee2;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
  position: fixed;
  bottom: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
}

.cta-wa {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  background-color: #05090b80;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem 1rem .5rem .5rem;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  box-shadow: 0 12px 34px #0f12143d;
}

.cta-wa:hover {
  background-color: #05090bb3;
}

.cta-wa__top,
.cta-button__top {
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta__mobile-label {
  display: none;
}

.cta-button {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  cursor: pointer;
  background-color: #05090b80;
  justify-content: center;
  align-items: center;
  padding: .25rem .25rem .25rem 1rem;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  box-shadow: 0 12px 34px #0f12143d;
}

.cta-button:hover {
  background-color: #05090bb3;
}

.cta-button__arrow-root {
  background-color: #f6f3ee0a;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.cta-modal {
  z-index: 1000;
  background-color: var(--_color---media--scrim-soft);
  justify-content: flex-end;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.cta-modal__container {
  background-color: var(--_color---bg--page);
  width: 100%;
  max-width: 30rem;
  height: 100%;
  padding: 2rem 1.5rem;
  position: relative;
}

.cta-modal__form-root {
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.cta-modal__close {
  cursor: pointer;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 2rem;
  right: 1.5rem;
}

.cta-modal__heading {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  max-width: 24.375rem;
  margin-bottom: auto;
  display: flex;
}

.location__panel-title {
  text-transform: uppercase;
  font-size: 1.875rem;
}

@media screen and (max-width: 991px) {
  body {
    --_sizes---layout--page-max: 90rem;
    --_sizes---paddings_or_margins--section--horizontal: 1.5rem;
    --_sizes---gap--16: 4rem;
    --_sizes---paddings_or_margins--section--vertical--3-medium: 6rem;
    --_sizes---icon--stroke-1: 1px;
    --_sizes---max-width--1-small: 30rem;
    --_sizes---gap--06: 1rem;
    --_sizes---gap--10: 2rem;
    --_sizes---gap--02-fixed: .5rem;
    --_sizes---gap--06-fixed: 1.5rem;
    --_sizes---gap--04-fixed: 1rem;
    --_sizes---icon--size-16: 1rem;
    --_sizes---max-width--3-large: 38.75rem;
    --_sizes---paddings_or_margins--section--vertical--1-small: 2rem;
    --_sizes---gap--03-fixed: .75rem;
    --_sizes---gap--01-fixed: .25rem;
    --_sizes---gap--08-fixed: 2rem;
    --_sizes---gap--08: 1.5rem;
    --_sizes---gap--24: 5rem;
    --_sizes---paddings_or_margins--section--vertical--2-base: 4rem;
    --_sizes---paddings_or_margins--section--vertical--4-large: 7.5rem;
    --_sizes---paddings_or_margins--surface--1-small: 1rem;
    --_sizes---paddings_or_margins--surface--2-middle: 1rem;
    --_sizes---paddings_or_margins--surface--3-large: 1.5rem;
    --_sizes---min-width--1-small: 11.25rem;
    --_sizes---min-width--2-cards: 21.75rem;
    --_sizes---max-width--2-medium: 38.75rem;
    --_sizes---layout--width: 48rem;
    --_sizes---layout--container: 45rem;
    --_sizes---layout--viewport-h: 58.75rem;
    --_sizes---portrait--height: 26.25rem;
    --_sizes---control--height-32: 2rem;
    --_sizes---control--height-40: 2.5rem;
    --_sizes---control--height-48: 3rem;
    --_sizes---icon--size-20: 1.25rem;
    --_sizes---icon--size-24: 1.5rem;
    --_typography---body--base: .875rem;
    --_typography---display--hero: 2.25rem;
    --_typography---display--section: 1.5rem;
    --_typography---display--sub: 1.125rem;
    --_typography---figure--large: 1.3125rem;
    --_typography---figure--base: .9375rem;
    --_typography---body--lede: .9375rem;
    --_typography---body--small: .75rem;
    --_typography---label--base: .875rem;
    --_typography---label--small: .75rem;
  }

  .display-section {
    font-size: var(--_typography---display--section);
    --_sizes---layout--page-max: 90rem;
    --_sizes---paddings_or_margins--section--horizontal: 1.5rem;
    --_sizes---gap--16: 4rem;
    --_sizes---paddings_or_margins--section--vertical--3-medium: 6rem;
    --_sizes---icon--stroke-1: 1px;
    --_sizes---max-width--1-small: 30rem;
    --_sizes---gap--06: 1rem;
    --_sizes---gap--10: 2rem;
    --_sizes---gap--02-fixed: .5rem;
    --_sizes---gap--06-fixed: 1.5rem;
    --_sizes---gap--04-fixed: 1rem;
    --_sizes---icon--size-16: 1rem;
    --_sizes---max-width--3-large: 38.75rem;
    --_sizes---paddings_or_margins--section--vertical--1-small: 2rem;
    --_sizes---gap--03-fixed: .75rem;
    --_sizes---gap--01-fixed: .25rem;
    --_sizes---gap--08-fixed: 2rem;
    --_sizes---gap--08: 1.5rem;
    --_sizes---gap--24: 5rem;
    --_sizes---paddings_or_margins--section--vertical--2-base: 4rem;
    --_sizes---paddings_or_margins--section--vertical--4-large: 7.5rem;
    --_sizes---paddings_or_margins--surface--1-small: 1rem;
    --_sizes---paddings_or_margins--surface--2-middle: 1rem;
    --_sizes---paddings_or_margins--surface--3-large: 1.5rem;
    --_sizes---min-width--1-small: 11.25rem;
    --_sizes---min-width--2-cards: 21.75rem;
    --_sizes---max-width--2-medium: 38.75rem;
    --_sizes---layout--width: 48rem;
    --_sizes---layout--container: 45rem;
    --_sizes---layout--viewport-h: 58.75rem;
    --_sizes---portrait--height: 26.25rem;
    --_sizes---control--height-32: 2rem;
    --_sizes---control--height-40: 2.5rem;
    --_sizes---control--height-48: 3rem;
    --_sizes---icon--size-20: 1.25rem;
    --_sizes---icon--size-24: 1.5rem;
  }

  .display-sub {
    color: var(--_color---content--1);
  }

  .body-small.text-color-content-2 {
    color: var(--_color---content--2);
  }

  .label-small.footer__copy {
    align-self: flex-start;
  }

  .container.location__container {
    padding-bottom: 1.5rem;
  }

  .container.residences__container {
    overflow: visible;
  }

  .container.founder__container {
    flex-direction: column;
  }

  .container.residence-modal__container {
    grid-template-columns: 22.5rem 1fr;
    padding: 0;
  }

  .footer__inner {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
  }

  .footer__top {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .footer__bottom {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    place-items: start;
    display: grid;
  }

  .footer__header {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .form__inner {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .form__inner.form__inner--column.form__inner--cta-modal {
    justify-content: flex-end;
  }

  .input {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .button {
    height: 3rem;
    max-height: none;
  }

  .button.button--dark.only-tablet {
    display: flex;
  }

  .gallery {
    max-height: 33.75rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .swiper.atelier-media-swiper {
    width: 100%;
    overflow: hidden;
  }

  .swiper-slide.gallery-nav__item {
    white-space: nowrap;
    width: auto;
    min-width: auto;
  }

  .swiper-slide.atelier-media-slide {
    opacity: 1;
    flex-flow: row;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    display: flex;
  }

  .swiper-slide.atelier-media-slide.is-active {
    width: auto;
    height: 100%;
    min-height: 0%;
  }

  .gallery__arrows {
    display: none;
  }

  .gallery-slide__content {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    max-width: none;
  }

  .svg-icon {
    justify-content: center;
    align-items: center;
    display: block;
  }

  .atelier__stage {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
    height: 35rem;
    max-height: 35rem;
    overflow: hidden;
  }

  .atelier__nav {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .atelier__panel {
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;
    padding-right: 0;
  }

  .atelier__media {
    width: auto;
    height: 100%;
    min-height: 0;
  }

  .atelier-media-imege {
    object-fit: cover;
    height: auto;
    min-height: 100%;
    display: block;
    overflow: visible;
  }

  .header__container {
    align-items: center;
    padding-bottom: 1rem;
  }

  .header__nav {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    background-color: var(--_color---bg--page);
    --_color---bg--page: #f6f3ee;
    --_color---content--1: #1a1c1e;
    --_color---content--2: #525353;
    --_color---content--3: #6e6e6d;
    --_color---content--on-inverse: #f6f3ee;
    --_color---media--1: #f6f3ee;
    --_color---media--2: #f6f3eec7;
    --_color---media--3: #f6f3ee94;
    --_color---feedback--danger: #a04e41;
    --_color---content--5: #1a1c1e26;
    --_color---content--4: #1a1c1e6c;
    --_color---bg--inverse: #1a1c1e;
    --_color---media--line: #f6f3ee29;
    --_color---map--land: #f0e9e1;
    --_color---bg--surfase-soft: #1a1c1e0d;
    --_color---media--scrim-soft: #05090b66;
    --_color---bg--raised: #f1ece4;
    --_color---bg--hover: #1a1c1e0f;
    --_color---bg--active: #1a1c1e1a;
    --_color---media--scrim-strong: #05090beb;
    --_color---stone--pearl: #ccb7a3;
    --_color---stone--blue-mountain: #8e99a5;
    --_color---stone--cipollino: #6b746a;
    --_color---stone--rosso: #cca081;
    --_color---stone--breccia: #d1b79d;
    --_color---map--sea: #a9b7bd;
    --_color---map--mark: #97583e;
    --_color---map--on-land: #43494c;
    --_color---map--on-sea: #2e434b;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    max-height: 100svh;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    top: 4rem !important;
  }

  .header__nav-link {
    color: var(--_color---content--1);
  }

  .menu-toggle {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    display: flex;
    position: relative;
  }

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

  .menu-toggle__icon {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .menu-toggle__line {
    background-color: var(--_color---media--1);
    width: 1.25rem;
    height: 1.5px;
    transition: transform .4s cubic-bezier(.76, 0, .24, 1), width .4s cubic-bezier(.76, 0, .24, 1), background-color .3s;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
  }

  .menu-toggle__line.menu-toggle__line--top {
    transform: translate(-50%, -3.25px);
  }

  .menu-toggle__line.menu-toggle__line--bottom {
    transform: translate(-50%, 1.75px);
  }

  .header__nav-root {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: calc(100% - 4rem);
  }

  .header__nav-list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .longevity__grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    display: flex;
  }

  .longevity-card, .longevity-card.is-edge {
    position: relative;
  }

  .longevity-card__media-mask {
    height: 100%;
  }

  .longevity-card__copy {
    --_sizes---layout--page-max: 90rem;
    --_sizes---paddings_or_margins--section--horizontal: 1.5rem;
    --_sizes---gap--16: 4rem;
    --_sizes---paddings_or_margins--section--vertical--3-medium: 6rem;
    --_sizes---icon--stroke-1: 1px;
    --_sizes---max-width--1-small: 30rem;
    --_sizes---gap--06: 1rem;
    --_sizes---gap--10: 2rem;
    --_sizes---gap--02-fixed: .5rem;
    --_sizes---gap--06-fixed: 1.5rem;
    --_sizes---gap--04-fixed: 1rem;
    --_sizes---icon--size-16: 1rem;
    --_sizes---max-width--3-large: 38.75rem;
    --_sizes---paddings_or_margins--section--vertical--1-small: 2rem;
    --_sizes---gap--03-fixed: .75rem;
    --_sizes---gap--01-fixed: .25rem;
    --_sizes---gap--08-fixed: 2rem;
    --_sizes---gap--08: 1.5rem;
    --_sizes---gap--24: 5rem;
    --_sizes---paddings_or_margins--section--vertical--2-base: 4rem;
    --_sizes---paddings_or_margins--section--vertical--4-large: 7.5rem;
    --_sizes---paddings_or_margins--surface--1-small: 1rem;
    --_sizes---paddings_or_margins--surface--2-middle: 1rem;
    --_sizes---paddings_or_margins--surface--3-large: 1.5rem;
    --_sizes---min-width--1-small: 11.25rem;
    --_sizes---min-width--2-cards: 21.75rem;
    --_sizes---max-width--2-medium: 38.75rem;
    --_sizes---layout--width: 48rem;
    --_sizes---layout--container: 45rem;
    --_sizes---layout--viewport-h: 58.75rem;
    --_sizes---portrait--height: 26.25rem;
    --_sizes---control--height-32: 2rem;
    --_sizes---control--height-40: 2.5rem;
    --_sizes---control--height-48: 3rem;
    --_sizes---icon--size-20: 1.25rem;
    --_sizes---icon--size-24: 1.5rem;
    --_color---bg--page: #131a20;
    --_color---content--1: #f6f1e7;
    --_color---content--2: #a4a3a0;
    --_color---content--3: #818382;
    --_color---content--on-inverse: #131a20;
    --_color---media--1: #f6f3ee;
    --_color---media--2: #f6f3eec7;
    --_color---media--3: #f6f3ee94;
    --_color---feedback--danger: #ce9086;
    --_color---content--5: #f6f1e71c;
    --_color---content--4: #f6f1e74f;
    --_color---bg--inverse: #f6f1e7;
    --_color---media--line: #f6f3ee29;
    --_color---map--land: #e7dfd5;
    --_color---bg--surfase-soft: #f6f1e708;
    --_color---media--scrim-soft: #05090b66;
    --_color---bg--raised: #0e151a;
    --_color---bg--hover: #f6f1e70f;
    --_color---bg--active: #f6f1e71a;
    --_color---media--scrim-strong: #05090beb;
    --_color---stone--pearl: #ccb7a3;
    --_color---stone--blue-mountain: #8e99a5;
    --_color---stone--cipollino: #6b746a;
    --_color---stone--rosso: #cca081;
    --_color---stone--breccia: #d1b79d;
    --_color---map--sea: #08131a;
    --_color---map--mark: #c98a67;
    --_color---map--on-land: #2c3c42;
    --_color---map--on-sea: #d3dee2;
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  .longevity-card__media-overlay {
    background-image: linear-gradient(#0000, #0000 45%, #000000d9);
    display: block;
    position: absolute;
    inset: 0%;
  }

  .location {
    background-color: var(--_color---map--land);
    max-height: 52.75rem;
  }

  .location__sticky {
    height: 100%;
  }

  .location__map-stage {
    display: none;
  }

  .location__panel {
    background-color: #0000;
    width: auto;
    min-height: auto;
    margin-left: 0;
    padding: 0;
    display: block;
  }

  .location__slides {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
    overflow: auto;
  }

  .location__slide {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    background-color: var(--_color---bg--page);
    opacity: 1;
    visibility: visible;
    min-width: 21.25rem;
    padding: 1rem;
    box-shadow: 0 0 56px #3333330d;
  }

  .location__slide.location__slide-active {
    min-width: 21.25rem;
    height: auto;
  }

  .location__tabs {
    display: none;
  }

  .location__map-mobile {
    aspect-ratio: auto;
    max-height: 80%;
    display: flex;
    position: static;
  }

  .amenities__sticky {
    grid-template-columns: 25rem 1fr;
  }

  .amenities__accordion {
    margin-top: 2.5rem;
  }

  .amenities__tower {
    height: 37.5rem;
  }

  .amenities__tower-base, .amenities__tower-highlight {
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 42.5rem;
    left: 0;
  }

  .amenities__tower-image {
    width: auto;
  }

  .residences {
    overflow: hidden;
  }

  .residences__slider.swiper {
    overflow: visible;
  }

  .residences__wrapper.swiper-wrapper {
    display: block;
  }

  .residences__wrapper.residences__wrapper--2row {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: 47.25rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    display: flex;
  }

  .residence-card.swiper-slide {
    width: 21.25rem;
    max-width: 21.25rem;
  }

  .residence-card.residence-card--full {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    width: 100%;
    min-width: auto;
    height: fit-content;
    display: flex;
  }

  .residence-card__image-root {
    height: 22.5rem;
    max-height: none;
  }

  .residence-card__image {
    transition: transform .65s cubic-bezier(.25, .46, .45, .94);
  }

  .founder__list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    overflow: auto;
  }

  .founder__item {
    min-width: 21.25rem;
  }

  .founder-card__image-root {
    height: 27.5rem;
  }

  .founder__list-root {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 0;
    padding-right: 0;
  }

  .residence-modal__close {
    z-index: 10;
    top: 1.5rem;
    right: 1.5rem;
  }

  .residence-modal__content {
    padding: 1.5rem;
    display: flex;
  }

  .residence-modal__media {
    background-color: #1a1c1e05;
    padding: 1.5rem;
  }

  .residence-modal-swiper__image {
    max-width: 22.5rem;
    max-height: 22.5rem;
  }

  .residence-modal-swiper__navigation {
    display: none;
  }

  .residence-modal__form-content {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    display: none;
  }

  .location__map-image-mobile {
    object-fit: cover;
  }

  .cta-wa {
    display: flex;
  }

  .cta-modal__container {
    width: 100%;
    max-width: none;
  }

  .cta-modal__close {
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: flex;
    top: 1rem;
  }

  .cta-modal__heading {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-bottom: .5rem;
  }

  .location__panel-title {
    font-size: var(--_typography---display--section);
  }
}

@media screen and (max-width: 767px) {
  .header__logo {
    height: 1.5rem;
    max-height: 1.5rem;
  }

  .header__logo svg {
    width: auto;
    height: 100%;
    display: block;
  }

  body {
    --_sizes---layout--page-max: 90rem;
    --_sizes---paddings_or_margins--section--horizontal: 1rem;
    --_sizes---gap--16: 3rem;
    --_sizes---paddings_or_margins--section--vertical--3-medium: 5rem;
    --_sizes---icon--stroke-1: 1px;
    --_sizes---max-width--1-small: 22.375rem;
    --_sizes---gap--06: 1rem;
    --_sizes---gap--10: 1.5rem;
    --_sizes---gap--02-fixed: .5rem;
    --_sizes---gap--06-fixed: 1.5rem;
    --_sizes---gap--04-fixed: 1rem;
    --_sizes---icon--size-16: 1rem;
    --_sizes---max-width--3-large: 22.375rem;
    --_sizes---paddings_or_margins--section--vertical--1-small: 2rem;
    --_sizes---gap--03-fixed: .75rem;
    --_sizes---gap--01-fixed: .25rem;
    --_sizes---gap--08-fixed: 2rem;
    --_sizes---gap--08: 1.5rem;
    --_sizes---gap--24: 4rem;
    --_sizes---paddings_or_margins--section--vertical--2-base: 3.5rem;
    --_sizes---paddings_or_margins--section--vertical--4-large: 6.5rem;
    --_sizes---paddings_or_margins--surface--1-small: 1rem;
    --_sizes---paddings_or_margins--surface--2-middle: 1rem;
    --_sizes---paddings_or_margins--surface--3-large: 1rem;
    --_sizes---min-width--1-small: 11.25rem;
    --_sizes---min-width--2-cards: 22.375rem;
    --_sizes---max-width--2-medium: 22.375rem;
    --_sizes---layout--width: 24.375rem;
    --_sizes---layout--container: 22.375rem;
    --_sizes---layout--viewport-h: 48.75rem;
    --_sizes---portrait--height: 25rem;
    --_sizes---control--height-32: 2rem;
    --_sizes---control--height-40: 2.5rem;
    --_sizes---control--height-48: 3rem;
    --_sizes---icon--size-20: 1.25rem;
    --_sizes---icon--size-24: 1.5rem;
    --_typography---body--base: .875rem;
    --_typography---display--hero: 2rem;
    --_typography---display--section: 1.5rem;
    --_typography---display--sub: 1.0625rem;
    --_typography---figure--large: 1.1875rem;
    --_typography---figure--base: .9375rem;
    --_typography---body--lede: .9375rem;
    --_typography---body--small: .75rem;
    --_typography---label--base: .875rem;
    --_typography---label--small: .75rem;
  }

  .container.location__container {
    padding-bottom: 1rem;
  }

  .container.residence-modal__container {
    flex-flow: column-reverse;
    justify-content: flex-end;
    display: flex;
  }

  .faq {
    --_color---bg--page: #131a20;
    --_color---content--1: #f6f1e7;
    --_color---content--2: #a4a3a0;
    --_color---content--3: #818382;
    --_color---content--on-inverse: #131a20;
    --_color---media--1: #f6f3ee;
    --_color---media--2: #f6f3eec7;
    --_color---media--3: #f6f3ee94;
    --_color---feedback--danger: #ce9086;
    --_color---content--5: #f6f1e71c;
    --_color---content--4: #f6f1e74f;
    --_color---bg--inverse: #f6f1e7;
    --_color---media--line: #f6f3ee29;
    --_color---map--land: #e7dfd5;
    --_color---bg--surfase-soft: #f6f1e708;
    --_color---media--scrim-soft: #05090b66;
    --_color---bg--raised: #0e151a;
    --_color---bg--hover: #f6f1e70f;
    --_color---bg--active: #f6f1e71a;
    --_color---media--scrim-strong: #05090beb;
    --_color---stone--pearl: #ccb7a3;
    --_color---stone--blue-mountain: #8e99a5;
    --_color---stone--cipollino: #6b746a;
    --_color---stone--rosso: #cca081;
    --_color---stone--breccia: #d1b79d;
    --_color---map--sea: #08131a;
    --_color---map--mark: #c98a67;
    --_color---map--on-land: #2c3c42;
    --_color---map--on-sea: #d3dee2;
  }

  .faq__header {
    max-width: none;
  }

  .footer__inner {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
  }

  .input {
    height: auto;
  }

  .input__field {
    height: auto;
    padding-bottom: var(--_sizes---gap--03-fixed);
    line-height: 146%;
  }

  .button {
    z-index: 2;
    position: static;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
  }

  .button.button--fixed {
    position: fixed;
  }

  .swiper.residence-modal-swiper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .swiper-slide.gallery-nav__item {
    width: auto;
    min-width: auto;
  }

  .atelier__container.container {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .atelier__stage {
    flex-flow: column-reverse;
    height: auto;
    max-height: none;
    display: flex;
    overflow: visible;
  }

  .atelier__nav {
    grid-column-gap: 2.375rem;
    grid-row-gap: 2.375rem;
    flex-flow: row;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 2.1rem;
    padding-right: 1rem;
    overflow: auto;
  }

  .atelier__panel {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .atelier__nav-button {
    white-space: nowrap;
  }

  .atelier__media {
    height: 30rem;
  }

  .header__nav-root {
    align-items: stretch;
  }

  .hero__eyebrow {
    text-align: center;
  }

  .longevity {
    --_color---bg--page: #131a20;
    --_color---content--1: #f6f1e7;
    --_color---content--2: #a4a3a0;
    --_color---content--3: #818382;
    --_color---content--on-inverse: #131a20;
    --_color---media--1: #f6f3ee;
    --_color---media--2: #f6f3eec7;
    --_color---media--3: #f6f3ee94;
    --_color---feedback--danger: #ce9086;
    --_color---content--5: #f6f1e71c;
    --_color---content--4: #f6f1e74f;
    --_color---bg--inverse: #f6f1e7;
    --_color---media--line: #f6f3ee29;
    --_color---map--land: #e7dfd5;
    --_color---bg--surfase-soft: #f6f1e708;
    --_color---media--scrim-soft: #05090b66;
    --_color---bg--raised: #0e151a;
    --_color---bg--hover: #f6f1e70f;
    --_color---bg--active: #f6f1e71a;
    --_color---media--scrim-strong: #05090beb;
    --_color---stone--pearl: #ccb7a3;
    --_color---stone--blue-mountain: #8e99a5;
    --_color---stone--cipollino: #6b746a;
    --_color---stone--rosso: #cca081;
    --_color---stone--breccia: #d1b79d;
    --_color---map--sea: #08131a;
    --_color---map--mark: #c98a67;
    --_color---map--on-land: #2c3c42;
    --_color---map--on-sea: #d3dee2;
    background-color: #0000;
  }

  .longevity__grid {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .longevity-card__copy {
    bottom: 1rem;
    left: 1rem;
  }

  .location__map-mobile {
    height: 100%;
  }

  .amenities__sticky {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    display: flex;
  }

  .amenities__content {
    order: 3;
  }

  .amenities__header {
    order: 1;
  }

  .amenities__item-head {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .amenities__body-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1rem;
  }

  .amenities__visual {
    order: 2;
    height: 23.75rem;
  }

  .amenities__tower {
    justify-content: center;
    align-items: center;
    height: 100%;
    max-height: none;
    display: flex;
  }

  .amenities__tower-base {
    min-width: auto;
    display: none;
  }

  .amenities__tower-highlight {
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    height: auto;
    display: flex;
    position: static;
    transform: none;
  }

  .amenities__tower-image {
    margin-left: auto;
    margin-right: auto;
  }

  .residences__wrapper.swiper-wrapper.residences__wrapper--2row {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-rows: 47.25rem 6.375rem;
    grid-template-columns: 37.5rem 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .residences__wrapper.residences__wrapper--2row {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .residence-card.swiper-slide {
    outline: none;
  }

  .residence-card.swiper-slide.residence-card--full {
    width: 100%;
    min-width: 100%;
    max-width: none;
  }

  .residence-card.residence-card--full {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
  }

  .founder {
    overflow: hidden;
  }

  .founder__list {
    flex-flow: column;
  }

  .founder-card__image-root {
    height: 29.375rem;
  }

  .residence-modal {
    display: none;
  }

  .residence-modal__close {
    outline: none;
  }

  .residence-modal__content {
    height: 100%;
    padding: 1rem;
    display: flex;
    position: relative;
    overflow-x: auto;
  }

  .residence-modal__media {
    height: 20rem;
    padding: 1rem;
  }

  .residence-modal-swiper__image {
    max-width: 15rem;
    max-height: 15rem;
  }

  .residence-modal__form-content {
    padding: 1rem;
    display: none;
  }

  .residence-modal__bottom {
    padding-bottom: 5rem;
  }

  .location__map-image-mobile {
    object-fit: cover;
  }

  .cta-modal {
    display: none;
  }

  .cta-modal__close {
    outline: none;
  }

  .cta-modal__heading {
    max-width: none;
  }
}

@media screen and (max-width: 479px) {
  .cta {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: calc(100% - 2rem);
    display: grid;
  }

  .cta-wa,
  .cta-button {
    grid-column-gap: .75rem;
    grid-row-gap: .125rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-width: 0;
    padding: 1rem .5rem;
    white-space: nowrap;
  }

  .cta__desktop-label {
    display: none;
  }

  .cta__mobile-label {
    display: inline;
  }

  .cta__mobile-kicker {
    color: var(--_color---media--3);
  }

  .cta-wa__top,
  .cta-button__top {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .cta-wa .svg-icon,
  .cta-button__arrow-root,
  .cta-button__arrow-root .svg-icon {
    width: 1rem;
    height: 1rem;
  }

  .cta-button__arrow-root {
    background-color: #0000;
  }

  .cta-button__arrow-root path {
    stroke: var(--_color---media--3);
  }
}

#w-node-_12c0a5c9-becb-3a1c-05b2-323851ff136d-06ed3b12 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_37d3539e-a458-c1d7-e176-3ba4260ba539-06ed3b12 {
  grid-area: 2 / 1 / 4 / 2;
}

#w-node-_6c43d15d-ae9c-1d29-74ae-438d9c64131e-06ed3b12 {
  grid-area: 3 / 2 / 5 / 3;
}

#w-node-bf25ee95-963f-d889-9913-99ea8c665d26-06ed3b12 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-bf25ee95-963f-d889-9913-99ea8c665d33-06ed3b12 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_874a521f-5179-e51e-234b-b14338c90094-06ed3b12 {
  align-self: end;
}

#w-node-d1382898-ec7a-9925-1461-bec6e44c4653-06ed3b12 {
  place-self: end center;
}

#w-node-eea7aaac-06d2-567e-ed8f-4403d38b4e8c-06ed3b12 {
  place-self: end;
}

#w-node-b15e378f-6bf4-d67c-9647-312a56948bf5-06ed3b12, #w-node-d597909f-f40e-4429-28aa-743dfdb1ad30-06ed3b12 {
  justify-self: end;
}

#w-node-_761d3641-1e5c-5195-e8e1-d3fdc20b105f-06ed3b12 {
  justify-self: start;
}

#w-node-_761d3641-1e5c-5195-e8e1-d3fdc20b1061-06ed3b12, #w-node-_761d3641-1e5c-5195-e8e1-d3fdc20b1063-06ed3b12 {
  justify-self: end;
}

#w-node-_699fc946-7dff-8436-361b-76f90b9ed7db-06ed3b12 {
  justify-self: start;
}

#w-node-_699fc946-7dff-8436-361b-76f90b9ed7dd-06ed3b12, #w-node-_699fc946-7dff-8436-361b-76f90b9ed7df-06ed3b12 {
  justify-self: end;
}

#w-node-b7459862-84d8-9e07-4d6b-c35b039d99c3-06ed3b12 {
  grid-area: 1 / 2 / 2 / 3;
}

@media screen and (max-width: 991px) {
  #w-node-_12c0a5c9-becb-3a1c-05b2-323851ff136d-06ed3b12 {
    grid-area: 11 / 1 / 1306 / 2561;
  }

  #w-node-bf25ee95-963f-d889-9913-99ea8c665d33-06ed3b12 {
    grid-row-end: 2;
  }

  #w-node-d1382898-ec7a-9925-1461-bec6e44c4653-06ed3b12, #w-node-eea7aaac-06d2-567e-ed8f-4403d38b4e8c-06ed3b12 {
    justify-self: start;
  }
}


@font-face {
  font-family: 'General sans Variable';
  src: url('../fonts/GeneralSans-Variable.woff2') format('woff2');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Monasans';
  src: url('../fonts/MonaSans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Monasans Semiexpanded';
  src: url('../fonts/MonaSans_SemiExpanded-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}