html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
vertical-align: baseline;
display: inline-block
}
audio:not([controls]) {
height: 0;
display: none
}
[hidden],
template {
display: none
}
a {
background-color: #0000
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0;
font-size: 2em
}
mark {
color: #000;
background: #ff0
}
small {
font-size: 80%
}
sub,
sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: none
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
* {
box-sizing: border-box
}
html {
height: 100%
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block
}
html.is-touch * {
background-attachment: scroll !important
}
.w-inline-block {
max-width: 100%;
display: inline-block
}
.w-clearfix:before,
.w-clearfix:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-clearfix:after {
clear: both
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 10px;
font-weight: 700
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px
}
p {
margin-top: 0;
margin-bottom: 10px
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px
}
figure {
margin: 0 0 10px
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px
}
.w-embed:before,
.w-embed:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-embed:after {
clear: both
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
button,
[type=button],
[type=reset] {
cursor: pointer;
-webkit-appearance: button;
border: 0
}
.w-input {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block
}
.w-input::placeholder {
color: #999
}
.w-input:focus {
border-color: #3898ec;
outline: 0
}
.w-input[disabled],
.w-input[readonly],
fieldset[disabled] .w-input {
cursor: not-allowed
}
.w-input[disabled]:not(.w-input-disabled),
.w-input[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input {
background-color: #eee
}
textarea.w-input {
height: auto
}
@keyframes spin {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px
}
.w-dyn-hide {
display: none !important
}
.wf-layout-layout {
display: grid
}
@font-face {
font-family: Maison Neue Extended;
src: url(../fonts/maison-neue-ext-book.woff2)format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Maison Neue Extended;
src: url(../fonts/maison-neue-ext-bold.woff2)format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap
}
:root {
--_fonts---font-body: "Maison Neue Extended", Arial, sans-serif;
--_colors---base-1000--primary: var(--_global-colors---base-1000--100);
--_fonts---font-display: ambroise-francois-std, sans-serif;
--_fonts---h1--size: calc(192rem/var(--_special-units---scale-ratio));
--_fonts---h1--line-height: 87.5%;
--_fonts---h1--letter-spacing: -.024em;
--_fonts---h2--size: calc(136rem/var(--_special-units---scale-ratio));
--_fonts---h2--line-height: 88.235%;
--_fonts---h2--letter-spacing: -.024em;
--_fonts---h3--size: calc(96rem/var(--_special-units---scale-ratio));
--_fonts---h3--line-height: 91.667%;
--_fonts---h3--letter-spacing: -.024em;
--_fonts---h4--size: calc(63rem/var(--_special-units---scale-ratio));
--_fonts---h4--line-height: 88.889%;
--_fonts---h4--letter-spacing: -.016em;
--_fonts---h5--size: calc(40rem/var(--_special-units---scale-ratio));
--_fonts---h5--line-height: 100%;
--_fonts---h5--letter-spacing: -.008em;
--_fonts---h6--size: calc(28rem/var(--_special-units---scale-ratio));
--_fonts---h6--line-height: 100%;
--_fonts---h6--letter-spacing: 0em;
--_fonts---p1--size: clamp(15px, calc(17rem/var(--_special-units---scale-ratio)), 19px);
--_fonts---p1--line-height: 138.462%;
--_fonts---p1--letter-spacing: -.024em;
--_units---u-0: var(--0px);
--_special-units---100vh: 100vh;
--_colors---other--bg: var(--_global-colors---base-0--100);
--_special-units---offset-r: var(--48px);
--_special-units---offset-l: var(--48px);
--_special-units---grid-gap: var(--16px);
--_units---u-4: var(--4px);
--_units---u-8: var(--8px);
--_units---u-12: var(--12px);
--_units---u-16: var(--16px);
--_units---u-24: var(--24px);
--_units---u-32: var(--32px);
--_units---u-48: var(--48px);
--_units---u-64: var(--64px);
--_units---u-96: var(--96px);
--_units---u-160: var(--160px);
--_colors---base-0--primary: var(--_global-colors---base-0--100);
--_colors---base-1000--gray-text: var(--_global-colors---base-1000--60);
--_colors---additional--success: #1ba64b;
--_colors---additional--alert: #ffa800;
--_colors---additional--error: #e23d3d;
--_units---u-272: var(--272px);
--_fonts---l1--size: clamp(12px, calc(13rem/var(--_special-units---scale-ratio)), 15px);
--_fonts---l1--line-height: 145.455%;
--_fonts---l1--letter-spacing: .048em;
--_colors---other--transparent: transparent;
--_colors---base-1000--line: var(--_global-colors---base-1000--10);
--40px: calc(40rem/var(--_special-units---scale-ratio));
--112px: calc(112rem/var(--_special-units---scale-ratio));
--_colors---base-1000--disabled: var(--_global-colors---base-1000--30);
--_colors---brand-500--primary\: var(--_global-colors---brand-500--powder-sky);
--_fonts---p2--size: clamp(13px, calc(14rem/var(--_special-units---scale-ratio)), 16px);
--_fonts---p2--line-height: 145.455%;
--_fonts---p2--letter-spacing: -.024em;
--_fonts---l2--size: clamp(10px, calc(11.5rem/var(--_special-units---scale-ratio)), 13px);
--_fonts---l2--line-height: 133.333%;
--_fonts---l2--letter-spacing: .32em;
--_fonts---c1--size: calc(25rem/var(--_special-units---scale-ratio));
--_fonts---c1--line-height: 112%;
--_fonts---c1--letter-spacing: .8em;
--_fonts---font-accent: sloop-script-three, sans-serif;
--_fonts---a1--size: calc(192rem/var(--_special-units---scale-ratio));
--_fonts---a1--line-height: 100%;
--_fonts---a1--letter-spacing: 0em;
--_fonts---a2--size: calc(120rem/var(--_special-units---scale-ratio));
--_fonts---a2--line-height: 100%;
--_fonts---a2--letter-spacing: 0em;
--_special-units---scale-ratio: 16;
--_special-units---1-cell-v: var(--96px);
--_special-units---1-cell-h: var(--136px);
--2px: calc(2rem/var(--_special-units---scale-ratio));
--24px: calc(24rem/var(--_special-units---scale-ratio));
--12px: calc(12rem/var(--_special-units---scale-ratio));
--72px: calc(72rem/var(--_special-units---scale-ratio));
--16px: calc(16rem/var(--_special-units---scale-ratio));
--136px: calc(136rem/var(--_special-units---scale-ratio));
--_global-colors---brand-500--velvet-plum: #340c24;
--_global-colors---brand-500--feather-olive: #27360d;
--80px: calc(80rem/var(--_special-units---scale-ratio));
--192px: calc(192rem/var(--_special-units---scale-ratio));
--144px: calc(144rem/var(--_special-units---scale-ratio));
--28px: calc(28rem/var(--_special-units---scale-ratio));
--56px: calc(56rem/var(--_special-units---scale-ratio));
--32px: calc(32rem/var(--_special-units---scale-ratio));
--6px: calc(6rem/var(--_special-units---scale-ratio));
--20px: calc(20rem/var(--_special-units---scale-ratio));
--44px: calc(44rem/var(--_special-units---scale-ratio));
--_global-colors---base-0--100: #f3f3ec;
--_global-colors---base-0--0: #f3f3ec00;
--60px: calc(60rem/var(--_special-units---scale-ratio));
--48px: calc(48rem/var(--_special-units---scale-ratio));
--96px: calc(96rem/var(--_special-units---scale-ratio));
--8px: calc(8rem/var(--_special-units---scale-ratio));
--0px: calc(0rem/var(--_special-units---scale-ratio));
--1px: calc(1rem/var(--_special-units---scale-ratio));
--4px: calc(4rem/var(--_special-units---scale-ratio));
--10px: calc(10rem/var(--_special-units---scale-ratio));
--36px: calc(36rem/var(--_special-units---scale-ratio));
--52px: calc(52rem/var(--_special-units---scale-ratio));
--64px: calc(64rem/var(--_special-units---scale-ratio));
--68px: calc(68rem/var(--_special-units---scale-ratio));
--88px: calc(88rem/var(--_special-units---scale-ratio));
--104px: calc(104rem/var(--_special-units---scale-ratio));
--120px: calc(120rem/var(--_special-units---scale-ratio));
--160px: calc(160rem/var(--_special-units---scale-ratio));
--168px: calc(168rem/var(--_special-units---scale-ratio));
--240px: calc(240rem/var(--_special-units---scale-ratio));
--_colors---base-1000--bg: var(--_global-colors---base-1000--5);
--_colors---base-0--gray-text: var(--_global-colors---base-0--60);
--_colors---base-0--disabled: var(--_global-colors---base-0--30);
--_colors---base-0--line: var(--_global-colors---base-0--10);
--_colors---base-0--bg: var(--_global-colors---base-0--5);
--_colors---white--primary: var(--_global-colors---white--100);
--_colors---white--gray-text: var(--_global-colors---white--80);
--_colors---white--disabled: var(--_global-colors---white--40);
--_colors---white--line: var(--_global-colors---white--20);
--_colors---white--bg: var(--_global-colors---white--10);
--272px: calc(272rem/var(--_special-units---scale-ratio));
--_global-colors---brand-500--powder-sky: #b5cedb;
--_global-colors---brand-500--blush-bloom: #f8bbcb;
--_global-colors---base-1000--100: #17233b;
--_global-colors---base-1000--60: #17233b99;
--_global-colors---base-1000--30: #17233b4d;
--_global-colors---base-1000--10: #17233b1a;
--_global-colors---base-1000--5: #17233b0d;
--_global-colors---base-1000--0: #17233b00;
--_global-colors---base-0--60: #f3f3ec99;
--_global-colors---base-0--30: #f3f3ec4d;
--_global-colors---base-0--10: #f3f3ec1a;
--_global-colors---base-0--5: #f3f3ec0d;
--_global-colors---white--100: white;
--_global-colors---white--80: #fffc;
--_global-colors---white--40: #fff6;
--_global-colors---white--20: #fff3;
--_global-colors---white--10: #ffffff1a;
--_global-colors---white--0: #fff0
}
body {
font-family: var(--_fonts---font-body);
color: var(--_colors---base-1000--primary);
font-size: 1vw;
font-weight: 400;
line-height: 1
}
h1 {
font-family: var(--_fonts---font-display);
font-size: var(--_fonts---h1--size);
line-height: var(--_fonts---h1--line-height);
letter-spacing: var(--_fonts---h1--letter-spacing);
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-weight: 400
}
h2 {
font-family: var(--_fonts---font-display);
font-size: var(--_fonts---h2--size);
line-height: var(--_fonts---h2--line-height);
letter-spacing: var(--_fonts---h2--letter-spacing);
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-weight: 400
}
h3 {
font-family: var(--_fonts---font-display);
font-size: var(--_fonts---h3--size);
line-height: var(--_fonts---h3--line-height);
letter-spacing: var(--_fonts---h3--letter-spacing);
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-weight: 400
}
h4 {
font-family: var(--_fonts---font-display);
font-size: var(--_fonts---h4--size);
line-height: var(--_fonts---h4--line-height);
letter-spacing: var(--_fonts---h4--letter-spacing);
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-weight: 400
}
h5 {
font-family: var(--_fonts---font-display);
font-size: var(--_fonts---h5--size);
line-height: var(--_fonts---h5--line-height);
letter-spacing: var(--_fonts---h5--letter-spacing);
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-weight: 400
}
h6 {
font-family: var(--_fonts---font-display);
font-size: var(--_fonts---h6--size);
line-height: var(--_fonts---h6--line-height);
letter-spacing: var(--_fonts---h6--letter-spacing);
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-weight: 400
}
p {
font-family: var(--_fonts---font-body);
font-size: var(--_fonts---p1--size);
line-height: var(--_fonts---p1--line-height);
letter-spacing: var(--_fonts---p1--letter-spacing);
margin-bottom: 0;
font-weight: 400
}
a {
color: var(--_colors---base-1000--primary);
text-decoration: none
}
ul,
ol {
margin-top: var(--_units---u-0);
margin-bottom: var(--_units---u-0);
padding-left: var(--_units---u-0)
}
img {
object-fit: cover;
max-width: none
}
label {
margin-bottom: var(--_units---u-0);
font-weight: 700;
display: block
}
blockquote {
margin-bottom: var(--_units---u-0);
padding: var(--_units---u-0);
border: 1px #000;
font-size: 1em;
line-height: 1
}
figure {
margin-bottom: 10px
}
figcaption {
text-align: center;
margin-top: 5px
}
.a-left {
text-align: left;
flex: 1
}
.a-right {
text-align: right;
flex: 1
}
.a-center {
text-align: center
}
.blend-diff {
mix-blend-mode: difference
}
.d-none,
.style-css,
.scripts-js {
display: none
}
.utility-page-wrap {
height: var(--_special-units---100vh);
flex-flow: column;
justify-content: center;
align-items: center;
display: flex
}
.utility-page-content {
text-align: center;
flex-direction: column;
display: flex
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex
}
.section {
background-color: var(--_colors---other--bg)
}
.section.arch {
z-index: 1;
border-top-left-radius: 50rem;
border-top-right-radius: 50rem;
position: relative
}
.section.arch.clip.theme_on-brand.test {
z-index: 2
}
.section.z-2 {
z-index: 2;
position: relative
}
.h1 {
font-family: var(--_fonts---font-display);
color: var(--_colors---base-1000--primary);
font-size: var(--_fonts---h1--size);
line-height: var(--_fonts---h1--line-height);
letter-spacing: var(--_fonts---h1--letter-spacing);
text-transform: uppercase;
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: "case" on;
font-weight: 400
}
.h2 {
font-family: var(--_fonts---font-display);
color: var(--_colors---base-1000--primary);
font-size: var(--_fonts---h2--size);
line-height: var(--_fonts---h2--line-height);
letter-spacing: var(--_fonts---h2--letter-spacing);
text-transform: uppercase;
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: "case" on;
font-weight: 400
}
.h3 {
font-family: var(--_fonts---font-display);
color: var(--_colors---base-1000--primary);
font-size: var(--_fonts---h3--size);
line-height: var(--_fonts---h3--line-height);
letter-spacing: var(--_fonts---h3--letter-spacing);
text-transform: uppercase;
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: "case" on;
font-weight: 400
}
.h4 {
font-family: var(--_fonts---font-display);
color: var(--_colors---base-1000--primary);
font-size: var(--_fonts---h4--size);
line-height: var(--_fonts---h4--line-height);
letter-spacing: var(--_fonts---h4--letter-spacing);
text-transform: uppercase;
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: "case" on;
font-weight: 400
}
.h5 {
font-family: var(--_fonts---font-display);
color: var(--_colors---base-1000--primary);
font-size: var(--_fonts---h5--size);
line-height: var(--_fonts---h5--line-height);
letter-spacing: var(--_fonts---h5--letter-spacing);
text-transform: uppercase;
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: "case" on;
font-weight: 400
}
.h6 {
font-family: var(--_fonts---font-display);
color: var(--_colors---base-1000--primary);
font-size: var(--_fonts---h6--size);
line-height: var(--_fonts---h6--line-height);
letter-spacing: var(--_fonts---h6--letter-spacing);
text-transform: uppercase;
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: "case" on;
font-weight: 400
}
.p1 {
font-family: var(--_fonts---font-body);
color: var(--_colors---base-1000--primary);
font-size: var(--_fonts---p1--size);
line-height: var(--_fonts---p1--line-height);
letter-spacing: var(--_fonts---p1--letter-spacing);
text-transform: none;
font-weight: 400
}
.e-none {
pointer-events: none
}
.container {
padding-right: var(--_special-units---offset-r);
padding-left: var(--_special-units---offset-l)
}
.container.loc {
padding-right: 0
}
.grid {
grid-column-gap: var(--_special-units---grid-gap);
grid-row-gap: var(--_units---u-0);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.grid.fill {
flex: 1
}
.grid._6-columns {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}
.grid._5-columns {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}
.grid._4-columns {
grid-template-columns: 1fr 1fr 1fr 1fr
}
.grid._13-columns {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
}
.grid._8-columns {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
}
.grid._9-columns {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
}
.grid.h-100 {
height: 100%
}
.b-desk {
display: block
}
.b-mob,
.f-mob {
display: none
}
.f-desk {
display: flex
}
.u-4 {
height: var(--_units---u-4)
}
.u-8 {
height: var(--_units---u-8);
flex: none
}
.u-12 {
height: var(--_units---u-12)
}
.u-16 {
height: var(--_units---u-16);
flex: none
}
.u-24 {
height: var(--_units---u-24)
}
.u-32 {
height: var(--_units---u-32)
}
.u-48 {
height: var(--_units---u-48);
flex: none
}
.clip {
overflow: clip
}
.u-64 {
height: var(--_units---u-64)
}
.u-96 {
height: var(--_units---u-96)
}
.u-160 {
height: var(--_units---u-160);
flex: none
}
.text-dark {
color: var(--_colors---base-1000--primary)
}
.text-light {
color: var(--_colors---base-0--primary)
}
.text-gray {
color: var(--_colors---base-1000--gray-text)
}
.text-success {
color: var(--_colors---additional--success)
}
.text-alert {
color: var(--_colors---additional--alert)
}
.text-error {
color: var(--_colors---additional--error)
}
.u-272 {
height: var(--_units---u-272)
}
.inline {
display: inline
}
.l1 {
font-family: var(--_fonts---font-body);
color: var(--_colors---base-1000--primary);
font-size: var(--_fonts---l1--size);
line-height: var(--_fonts---l1--line-height);
letter-spacing: var(--_fonts---l1--letter-spacing);
text-transform: uppercase;
font-weight: 700
}
.cms_empty-none {
background-color: var(--_colors---other--transparent);
display: none
}
.h-hiden {
position: absolute;
top: -9999em;
left: -9999em
}
.theme_on-color {
--_colors---base-1000--primary: var(--_global-colors---white--100);
--_colors---other--bg: var(--_global-colors---brand-500--feather-olive);
--_colors---base-0--primary: var(--_global-colors---base-1000--100);
--_colors---base-1000--gray-text: var(--_global-colors---white--80);
--_colors---additional--success: #1ba64b;
--_colors---additional--alert: #ffa800;
--_colors---additional--error: #e23d3d;
--_colors---other--transparent: transparent;
--_colors---base-1000--line: var(--_global-colors---white--20);
--_colors---base-1000--disabled: var(--_global-colors---white--40);
--_colors---brand-500--primary\: var(--_global-colors---brand-500--powder-sky);
--_colors---base-1000--bg: var(--_global-colors---white--10);
--_colors---base-0--gray-text: var(--_global-colors---base-1000--60);
--_colors---base-0--disabled: var(--_global-colors---base-1000--30);
--_colors---base-0--line: var(--_global-colors---base-1000--10);
--_colors---base-0--bg: var(--_global-colors---base-1000--5);
--_colors---white--primary: var(--_global-colors---white--100);
--_colors---white--gray-text: var(--_global-colors---white--80);
--_colors---white--disabled: var(--_global-colors---white--40);
--_colors---white--line: var(--_global-colors---white--20);
--_colors---white--bg: var(--_global-colors---white--10)
}
.theme_on-light {
--_colors---base-1000--primary: var(--_global-colors---base-1000--100);
--_colors---other--bg: var(--_global-colors---base-0--100);
--_colors---base-0--primary: var(--_global-colors---base-0--100);
--_colors---base-1000--gray-text: var(--_global-colors---base-1000--60);
--_colors---additional--success: #1ba64b;
--_colors---additional--alert: #ffa800;
--_colors---additional--error: #e23d3d;
--_colors---other--transparent: transparent;
--_colors---base-1000--line: var(--_global-colors---base-1000--10);
--_colors---base-1000--disabled: var(--_global-colors---base-1000--30);
--_colors---brand-500--primary\: var(--_global-colors---brand-500--powder-sky);
--_colors---base-1000--bg: var(--_global-colors---base-1000--5);
--_colors---base-0--gray-text: var(--_global-colors---base-0--60);
--_colors---base-0--disabled: var(--_global-colors---base-0--30);
--_colors---base-0--line: var(--_global-colors---base-0--10);
--_colors---base-0--bg: var(--_global-colors---base-0--5);
--_colors---white--primary: var(--_global-colors---white--100);
--_colors---white--gray-text: var(--_global-colors---white--80);
--_colors---white--disabled: var(--_global-colors---white--40);
--_colors---white--line: var(--_global-colors---white--20);
--_colors---white--bg: var(--_global-colors---white--10)
}
.landscape-cover {
z-index: 999999;
display: none;
position: fixed;
inset: 0%
}
.landscape-cover_img {
z-index: 1;
width: 100%;
height: 100%;
position: relative
}
.img {
flex: none;
width: 100%;
height: 100%
}
.img.contain {
object-fit: contain
}
.img.h-auto {
display: block
}
.img.h-auto.hero-img {
min-height: var(--_special-units---100vh)
}
.img.modal_lightbox_img {
flex: none;
width: auto;
max-width: 100%;
height: auto;
max-height: 100%
}
.img.loc-path {
position: absolute;
inset: 0%
}
.landscape-cover_bg {
z-index: 0;
background-color: var(--_colors---base-1000--primary);
position: absolute;
inset: 0%
}
.input_field {
height: var(--_units---u-32);
margin-bottom: var(--_units---u-0);
padding: var(--_units---u-8)var(--_units---u-64);
border-style: none none solid;
border-width: 0 0 1px;
border-color: var(--_colors---other--transparent)var(--_colors---other--transparent)var(--_colors---base-1000--line);
background-color: var(--_colors---other--transparent);
text-align: center
}
.input_field:focus {
border-style: none none solid;
border-width: 0 0 1px;
border-color: var(--_colors---other--transparent)var(--_colors---other--transparent)var(--_colors---base-1000--primary)
}
.input_field.area {
width: 100%;
height: var(--112px);
max-height: var(--112px);
max-width: 100%;
min-height: var(--112px);
min-width: 100%
}
.form_block {
flex-flow: row;
justify-content: space-between;
height: 100%;
display: flex
}
.form_success {
height: 100%;
padding: var(--_units---u-0);
background-color: var(--_colors---other--transparent);
text-align: left
}
.form_error {
margin-top: var(--_units---u-0);
padding: var(--_units---u-8)var(--_units---u-64);
background-color: var(--_colors---additional--error);
position: absolute;
inset: auto 0% 0%
}
.article-text blockquote {
font-size: var(--_fonts---h1--size);
line-height: var(--_fonts---h1--line-height);
letter-spacing: var(--_fonts---h1--letter-spacing)
}
.article-text ol,
.article-text ul {
font-size: var(--_fonts---p1--size);
line-height: var(--_fonts---p1--line-height);
letter-spacing: var(--_fonts---p1--letter-spacing)
}
.article-text a {
text-decoration: underline
}
.article-text a:hover {
text-decoration: none
}
.article-text figure {
margin-bottom: var(--_units---u-0)
}
.article-text figcaption {
margin-top: var(--_units---u-0);
font-size: var(--_fonts---p1--size);
line-height: var(--_fonts---p1--line-height);
letter-spacing: var(--_fonts---p1--letter-spacing)
}
.body {
background-color: var(--_colors---other--transparent)
}
.img-w {
flex-flow: column;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
overflow: clip
}
.img-p {
flex: none;
width: 100%;
height: 140%
}
.btn-list {
grid-column-gap: var(--_units---u-8);
grid-row-gap: var(--_units---u-8);
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.btn-list.center {
justify-content: center;
align-items: flex-start
}
.ico {
width: 100%;
height: 100%;
color: var(--_colors---base-1000--primary);
position: relative
}
.ico.ia-2 {
position: absolute;
inset: 0%
}
.main-css {
display: none
}
.text-disabled {
color: var(--_colors---base-1000--disabled)
}
.bg-dark {
background-color: var(--_colors---base-1000--primary)
}
.bg-light {
background-color: var(--_colors---base-0--primary)
}
.bg-brand {
background-color: var(--_colors---brand-500--primary\)
}
.text-brand {
color: var(--_colors---brand-500--primary\)
}
.theme_on-dark {
--_colors---base-1000--primary: var(--_global-colors---base-0--100);
--_colors---other--bg: var(--_global-colors---brand-500--feather-olive);
--_colors---base-0--primary: var(--_global-colors---base-1000--100);
--_colors---base-1000--gray-text: var(--_global-colors---base-0--60);
--_colors---additional--success: #1ba64b;
--_colors---additional--alert: #ffa800;
--_colors---additional--error: #e23d3d;
--_colors---other--transparent: transparent;
--_colors---base-1000--line: var(--_global-colors---base-0--10);
--_colors---base-1000--disabled: var(--_global-colors---base-0--30);
--_colors---brand-500--primary\: var(--_global-colors---brand-500--powder-sky);
--_colors---base-1000--bg: var(--_global-colors---base-0--5);
--_colors---base-0--gray-text: var(--_global-colors---base-1000--60);
--_colors---base-0--disabled: var(--_global-colors---base-1000--30);
--_colors---base-0--line: var(--_global-colors---base-1000--10);
--_colors---base-0--bg: var(--_global-colors---base-1000--5);
--_colors---white--primary: var(--_global-colors---white--100);
--_colors---white--gray-text: var(--_global-colors---white--80);
--_colors---white--disabled: var(--_global-colors---white--40);
--_colors---white--line: var(--_global-colors---white--20);
--_colors---white--bg: var(--_global-colors---white--10)
}
.input {
position: relative
}
.input_label {
left: 0%;
top: var(--_units---u-8);
position: absolute;
bottom: auto;
right: auto
}
.ui-kit {
padding-right: var(--_special-units---offset-r);
padding-left: var(--_special-units---offset-l)
}
.master-preloader {
z-index: 999999;
background-color: var(--_colors---other--bg);
display: none;
position: fixed;
inset: 0% 0% -100%
}
.truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.modal {
z-index: 5000;
pointer-events: none;
display: none;
position: fixed;
inset: 0%
}
.modal.show {
display: block
}
.modal.menu {
z-index: 1100
}
.logo {
width: 100%;
height: 100%;
color: var(--_colors---base-1000--primary);
object-fit: contain
}
.logo.b {
object-position: 50% 100%
}
.logo_symbol {
z-index: 1;
aspect-ratio: 1;
position: relative
}
.logo_symbol.header {
width: var(--_units---u-48);
height: var(--_units---u-48)
}
.preloader {
z-index: 11000;
padding-bottom: var(--_special-units---100vh);
pointer-events: auto;
top: 0%;
left: 0%;
right: 0%;
bottom: calc(var(--_special-units---100vh)*-1);
display: none;
position: fixed
}
.preloader_ctn {
z-index: 1;
width: 100%;
height: 100%;
padding-right: var(--_special-units---offset-r);
padding-left: var(--_special-units---offset-l);
flex-flow: column;
justify-content: space-between;
display: flex;
position: relative
}
.flip-h {
transform: scaleX(-1)
}
._w-auto {
width: auto
}
.flip-v {
transform: scaleY(-1)
}
.h-auto {
height: auto
}
.p2 {
font-family: var(--_fonts---font-body);
color: var(--_colors---base-1000--primary);
font-size: var(--_fonts---p2--size);
line-height: var(--_fonts---p2--line-height);
letter-spacing: var(--_fonts---p2--letter-spacing);
text-transform: none;
font-weight: 400
}
.l2 {
font-family: var(--_fonts---font-body);
color: var(--_colors---base-1000--primary);
font-size: var(--_fonts---l2--size);
line-height: var(--_fonts---l2--line-height);
letter-spacing: var(--_fonts---l2--letter-spacing);
text-transform: uppercase;
font-weight: 700
}
.l2.text-disabled {
color: var(--_colors---base-1000--disabled)
}
.c1 {
font-family: var(--_fonts---font-display);
color: var(--_colors---base-1000--primary);
font-size: var(--_fonts---c1--size);
line-height: var(--_fonts---c1--line-height);
letter-spacing: var(--_fonts---c1--letter-spacing);
text-transform: uppercase;
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: "case" on;
font-weight: 400
}
/* Kannada script. Ambroise François has no Kannada coverage, so the family is
swapped for Noto Serif Kannada. Kannada has no letter case, so text-transform
is dropped, and the wide Latin tracking is pulled back — anything looser
starts pushing vowel signs off their consonants.
The size compensation is deliberately NOT on this class. Kannada sets no cap
height, so it always needs a nudge to carry the same optical weight as the
Latin beside it, but how big a nudge depends entirely on what it sits in:
1.55em is right for the .c1 eyebrow with its 0.8em tracking and absurd on an
11px label. Baking it into .is-kannada made the class unusable anywhere except
the single place it was first written for. */
.is-kannada {
font-family: "Noto Serif Kannada", "Kannada MN", "Kannada Sangam MN", "Nirmala UI", "Tunga", sans-serif;
text-transform: none;
letter-spacing: .06em;
font-feature-settings: normal
}
/* The location eyebrow: ಕರ್ನಾಟಕ, set large and widely tracked above a title. */
.c1.is-kannada {
font-size: 1.55em
}
/* .c1 is tuned for ONE OR TWO WORDS. At 0.8em the tracking is the whole effect —
"Near", "Bengaluru", "ಕರ್ನಾಟಕ", "Availability" — and those uses should keep it.
What 0.8em cannot do is carry a sentence. Put a phrase through it and the gap
between two letters equals the gap between two words, so the reader has no
word boundary left to hold on to and has to assemble "KING OR TWIN" one letter
at a time; a middle dot separator disappears into the same gap on both sides.
It is also about three times as wide as the words themselves, so on a phone it
breaks in the wrong place — "KING OR TWIN ·" over "DEVANAHALLI" — and the
orphaned separator ends the first line.
So the phrase eyebrows get their own modifier rather than a rewritten .c1:
letter-spacing 0.2em, which is still unmistakably this typeface being
tracked out, and still wider than .l2's small-caps voice,
but back inside the range where words read as words.
word-spacing stated rather than inherited. Letter-spacing adds its 0.2em
after the space character too, so without this the word gap
and the letter gap stay proportionally closer than they
should; 0.16em restores the hierarchy the eye needs.
text-wrap balance, so a two-line eyebrow splits evenly instead of
dropping one word — usually the place name — onto its own
line under a nearly full one.
Applied to the hero eyebrow on the seven detail pages and to the closing CTA
line, i.e. everywhere .c1 is handed a phrase instead of a label. */
.c1.is-phrase {
letter-spacing: .2em;
word-spacing: .16em;
text-wrap: balance
}
/* Tracking is added AFTER the final letter as well as between letters, so a
centred tracked line carries 0.2em of empty space on its right that the
browser still counts as text. Left alone, the line sits visibly off-centre
against the h1 above it. Pulling the trailing space back off the right edge
re-centres the ink rather than the box. */
.c1.is-phrase.a-center {
margin-right: -.2em
}
/* The detail-page eyebrows are `.a-center .mob_a-left`: centred beside a desktop
h1, flush left on a phone. Once the line is left-aligned there is no trailing
space to compensate for, and the correction above would instead pull the first
letter a fraction past the text it is meant to line up with. Cancelled at the
site's one breakpoint, the same 991px .mob_a-left itself uses. */
@media screen and (max-width:991px) {
.c1.is-phrase.a-center.mob_a-left {
margin-right: 0
}
}
/* The preloader's closing couplet, and only there — ಶ್ರೀ ರಾಗ beside the Latin
"Resorts" on one baseline. Scoped to [data-preloader] on purpose rather than
written as a bare `.l1 .is-kannada`: the Kannada name is an intro flourish,
not a site-wide convention, and an unscoped rule would silently style any
Kannada dropped into any label line later. If a second place ever wants the
same treatment, widen this selector deliberately.
Tighter tracking than the eyebrow, because at this size the vowel signs are
the first thing to come apart.
1.4em is cap-height matching, not a flourish. Uppercase Latin fills about 0.7
of its em; Kannada's body height is nearer 0.5, so at equal font-size the
Kannada reads as the smaller of the two words in the same name. 0.7/0.5 is
where the 1.4 comes from — measured on the rendered result, both words land at
the same ink height — so the number should not be nudged for taste without
re-checking it against the Latin it stands beside. */
[data-preloader] .l1 .is-kannada {
font-size: 1.4em;
letter-spacing: .03em;
/* The label inherits 700 and Noto Serif Kannada ships only a 400 face here,
so without this the browser synthesises the bold. Faux bold smears an
Indic script in a way it does not smear Latin — it thickens the vowel
signs and the virama at the same rate as the stems, and at this size they
start closing up against the consonant. Real 400, and the size bump above
carries the weight instead. */
font-weight: 400
}
.reg {
font-weight: 400
}
.bd {
font-weight: 700
}
.a1 {
font-family: var(--_fonts---font-accent);
color: var(--_colors---base-1000--primary);
font-size: var(--_fonts---a1--size);
line-height: var(--_fonts---a1--line-height);
letter-spacing: var(--_fonts---a1--letter-spacing);
text-transform: none;
margin-top: .175em;
margin-bottom: -.175em;
font-weight: 400
}
.a1.test {
margin-top: .175em;
margin-bottom: -.175em;
font-family: sloop-script-three, sans-serif
}
.a2 {
font-family: var(--_fonts---font-accent);
color: var(--_colors---base-1000--primary);
font-size: var(--_fonts---a2--size);
line-height: var(--_fonts---a2--line-height);
letter-spacing: var(--_fonts---a2--letter-spacing);
text-transform: none;
margin-top: .175em;
margin-bottom: -.175em;
font-weight: 400
}
.a2.preloader_a {
font-size: calc(64rem/var(--_special-units---scale-ratio))
}
.apart-info-w {
position: relative
}
.theme_on-brand {
--_colors---base-1000--primary: var(--_global-colors---base-1000--100);
--_colors---other--bg: var(--_global-colors---brand-500--powder-sky);
--_colors---base-0--primary: var(--_global-colors---base-0--100);
--_colors---base-1000--gray-text: var(--_global-colors---base-1000--60);
--_colors---additional--success: #1ba64b;
--_colors---additional--alert: #ffa800;
--_colors---additional--error: #e23d3d;
--_colors---other--transparent: transparent;
--_colors---base-1000--line: var(--_global-colors---base-1000--10);
--_colors---base-1000--disabled: var(--_global-colors---base-1000--30);
--_colors---brand-500--primary\: var(--_global-colors---brand-500--powder-sky);
--_colors---base-1000--bg: var(--_global-colors---base-1000--5);
--_colors---base-0--gray-text: var(--_global-colors---base-0--60);
--_colors---base-0--disabled: var(--_global-colors---base-0--30);
--_colors---base-0--line: var(--_global-colors---base-0--10);
--_colors---base-0--bg: var(--_global-colors---base-0--5);
--_colors---white--primary: var(--_global-colors---white--100);
--_colors---white--gray-text: var(--_global-colors---white--80);
--_colors---white--disabled: var(--_global-colors---white--40);
--_colors---white--line: var(--_global-colors---white--20);
--_colors---white--bg: var(--_global-colors---white--10)
}
.divider {
height: calc((var(--_special-units---1-cell-v)*2) + (var(--_special-units---grid-gap)));
flex-flow: row;
justify-content: center;
display: flex
}
.line-v {
background-color: var(--_colors---base-1000--primary);
width: .75px;
height: 100%
}
.s_title {
z-index: 1;
padding-right: var(--_units---u-48);
padding-left: var(--_units---u-48);
grid-area: 1/5/2/7;
position: relative
}
.info-s_lead {
grid-area: 1/3/2/9
}
.info-s_desc {
grid-area: 1/5/2/7
}
.s_logo {
z-index: 1;
grid-column-gap: var(--_units---u-32);
grid-row-gap: var(--_units---u-32);
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.ico-48 {
width: var(--_units---u-48);
height: var(--_units---u-48)
}
.loc-info-w {
width: calc((var(--_special-units---1-cell-h)*10) + (var(--_special-units---grid-gap)*9));
flex: none;
position: relative
}
.loc-info-s {
height: var(--_special-units---100vh);
flex-flow: column;
justify-content: space-between;
display: flex
}
.loc-info-s_t {
flex: 1
}
.loc-info-s_b {
flex-flow: column;
flex: 1;
justify-content: flex-end;
display: flex
}
.benefits-s {
height: var(--_special-units---100vh);
flex-flow: column;
display: flex
}
.benefits-s_cms {
flex-flow: column;
grid-area: 1/2/2/10;
justify-content: center;
display: flex;
position: relative
}
.benefits-cms {
height: 100%
}
.benefits-cms_list {
z-index: 0;
height: 100%;
position: relative
}
.benefits-cms_list_item {
height: 100%;
display: none;
position: absolute;
inset: 0%
}
.benefits-cms_list_item:first-child {
display: block;
position: relative
}
.benefit-slide {
flex-flow: column;
justify-content: space-between;
height: 100%;
display: flex
}
.benefit-slide_t {
flex: 1
}
.benefit-slide_c {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex
}
.benefit-slide_b {
flex-flow: column;
flex: 1;
justify-content: flex-end;
display: flex
}
.benefit-slide_cap {
padding-right: var(--_units---u-48);
padding-left: var(--_units---u-48);
grid-area: 1/4/2/6
}
.benefit-slide_desc {
grid-area: 1/3/2/7
}
.benefit-slide_img {
aspect-ratio: 6/3;
height: calc((var(--_special-units---1-cell-v)*2) + (var(--_special-units---grid-gap)));
grid-area: 1/3/1/6
}
.pag {
height: var(--_units---u-48);
grid-column-gap: var(--_units---u-32);
grid-row-gap: var(--_units---u-32);
pointer-events: auto;
justify-content: center;
align-items: center;
display: flex
}
.benefits-s_cms_pag {
z-index: 1;
pointer-events: none;
flex-flow: column;
display: flex;
position: absolute;
inset: auto 0%
}
.pag_progress {
width: var(--_units---u-160);
background-color: var(--_colors---base-1000--line);
height: 1px
}
.pag_progress.lightbox {
flex: 1
}
.pag_next {
height: var(--_units---u-48);
padding-right: var(--_units---u-8);
grid-column-gap: var(--_units---u-16);
grid-row-gap: var(--_units---u-16);
cursor: pointer;
justify-content: center;
align-items: center;
display: flex
}
.pag_prev {
height: var(--_units---u-48);
padding-left: var(--_units---u-8);
grid-column-gap: var(--_units---u-16);
grid-row-gap: var(--_units---u-16);
cursor: pointer;
justify-content: center;
align-items: center;
display: flex
}
.pag_progress_fill {
background-color: var(--_colors---base-1000--primary);
width: 0%;
height: 100%
}
.ico-16 {
width: var(--_units---u-16);
height: var(--_units---u-16)
}
.pag_prev_label {
width: var(--_units---u-24);
margin-top: var(--2px);
justify-content: center;
align-items: center;
display: flex
}
.benefits-intro-w {
margin-top: calc((50rem + var(--_special-units---100vh))*-1)
}
.benefits-intro-w.test {
margin-top: -50rem
}
.benefits-intro-s {
z-index: 0;
flex-flow: column;
justify-content: flex-end;
height: 50rem;
display: flex;
position: relative
}
.info-s_logo_r {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
display: flex
}
.info-s_logo_l {
flex: 1;
justify-content: flex-end;
align-items: center;
display: flex
}
.benefits-intro-s_title_svg {
z-index: 0;
position: relative
}
.hero-s_title {
pointer-events: auto;
grid-area: 1/3/2/9;
justify-content: space-between;
align-items: center;
display: flex
}
.apart-type-s {
height: var(--_special-units---100vh);
flex-flow: column;
display: flex
}
.apart-type-s_cms {
flex-flow: column;
grid-area: 1/2/2/10;
display: flex
}
.apart-type-cms {
flex: 1
}
.apart-type-cms_list_item {
height: 100%;
display: none;
position: absolute;
inset: 0%
}
.apart-type-cms_list_item:first-child {
display: block;
position: relative
}
.apart-type-cms_list {
height: 100%;
position: relative
}
.apart-type-slide {
flex-flow: column;
justify-content: center;
height: 100%;
display: flex
}
.apart-type-slide_t {
flex: 1
}
.apart-type-slide_c {
z-index: 1;
position: relative
}
.apart-type-slide_b {
z-index: 1;
flex-flow: column;
flex: 1;
justify-content: flex-end;
display: flex;
position: relative
}
.apart-type-slide_desc {
grid-area: 1/7/2/9
}
.btn {
height: var(--40px);
padding: var(--_units---u-12)var(--24px);
border-radius: var(--40px);
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.btn:where(.btn-sec-circle) {
width: var(--40px);
padding-right: var(--12px);
padding-left: var(--12px);
white-space: nowrap
}
.apart-type-slide_data {
grid-area: 1/2/2/4
}
.data-list {
grid-column-gap: var(--_units---u-32);
grid-row-gap: var(--_units---u-32);
flex-flow: column;
display: flex
}
.apart-type-slide_img-w {
z-index: 0;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 0;
display: flex;
position: absolute
}
.apart-type-slide_img {
aspect-ratio: 3/4;
width: calc((var(--_special-units---1-cell-h)*3) + (var(--_special-units---grid-gap)*2))
}
.btn_label {
position: relative;
overflow: clip
}
.btn_label_text {
z-index: 0;
position: relative
}
.btn_label_text.is-2 {
z-index: 2;
position: absolute;
inset: 0% auto auto 0%
}
.btn_bg {
z-index: 0;
border: 1px solid var(--_colors---base-1000--primary);
border-radius: var(--40px);
position: absolute;
inset: 0%;
overflow: clip
}
.btn_bg_fill {
background-color: var(--_colors---base-1000--primary);
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.amen-s {
height: var(--_special-units---100vh)
}
.amen-s_cms {
height: 100%;
position: relative
}
.amen-cms {
height: 100%
}
.amen-cms_list {
height: 100%;
position: relative
}
.amen-cms_list_item {
height: 100%;
display: none;
position: absolute;
inset: 0%
}
.amen-cms_list_item:first-child {
display: block;
position: relative
}
.amen-slide {
z-index: 0;
flex-flow: column;
justify-content: flex-end;
height: 100%;
display: flex;
position: relative
}
.amen-slide_b {
z-index: 1;
position: relative
}
.amen-slide_desc {
grid-area: 2/2/3/6
}
.amen-slide_title {
grid-area: 1/3/2/6
}
.red-line {
height: var(--_units---u-16);
float: left;
width: calc(var(--_special-units---1-cell-h) + var(--_special-units---grid-gap))
}
.amen-slide_img {
z-index: 0;
top: 0%;
bottom: 0%;
left: calc(var(--_special-units---offset-l)*-1);
right: calc(var(--_special-units---offset-r)*-1);
position: absolute
}
.img-over-grad {
z-index: 1;
pointer-events: none;
background-image: linear-gradient(#0000, #0000004d);
position: absolute;
inset: 0%
}
.img-over-grad.from-top {
background-image: linear-gradient(#0000004d, #0000)
}
.img-over-grad._4x {
height: calc((var(--_special-units---1-cell-v)*4) + (var(--_special-units---grid-gap)*3))
}
.img-over-grad.bot {
inset: auto 0% 0%
}
.img-over-grad._100vh {
height: var(--_special-units---100vh)
}
.img-over-grad._6x {
height: calc((var(--_special-units---1-cell-v)*6) + (var(--_special-units---grid-gap)*5))
}
.amm-s_cms_tabs-w {
left: 0%;
top: var(--_units---u-160);
z-index: 1;
position: absolute;
bottom: auto;
right: 0%
}
.amm-s_cms_tabs {
grid-area: 1/8/2/10;
position: relative
}
.amen-tab {
cursor: pointer
}
.amm-s_cms_tabs_line {
background-color: var(--_colors---base-1000--line);
width: 1.25px;
top: 0%;
bottom: 0%;
right: auto;
left: calc(var(--_units---u-16)*-1);
position: absolute
}
.amm-s_cms_tabs_line_hilight {
width: 100%;
height: var(--40px);
background-color: var(--_colors---base-1000--primary);
border-radius: 2px
}
.interior-w {
margin-top: calc((50rem + var(--_special-units---100vh))*-1);
position: relative
}
.interior-s {
z-index: 1;
position: relative
}
.interior-s_title {
flex-flow: column;
grid-area: 1/4/2/8;
justify-content: flex-start;
align-items: center;
display: flex
}
.interior-s_title_a {
margin-top: calc(var(--72px)*-1);
margin-left: calc(var(--40px)*-1);
transform: rotate(-12deg)
}
.interior-s_imgs {
grid-column-gap: var(--_special-units---grid-gap);
grid-row-gap: var(--_special-units---grid-gap);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
width: 100%;
display: flex
}
.interior-s_l,
.interior-s_r {
flex: 1;
min-width: 0
}
.interior-s_l_img-w {
padding-right: var(--136px);
padding-left: var(--136px);
aspect-ratio: 3/4;
background-color: var(--_global-colors---brand-500--feather-olive);
margin-left: calc(var(--_special-units---offset-l)*-1);
flex-flow: column;
grid-area: 1/1/2/5;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: clip
}
.interior-s_r_img {
aspect-ratio: 4/3;
margin-right: calc(var(--_special-units---offset-r)*-1);
grid-area: 1/2/2/6
}
.interior-s_r_lead {
grid-area: 2/1/3/5
}
.interior-s_r_desc {
grid-area: 3/3/4/5
}
.interior-s_l_img {
aspect-ratio: 3/4;
width: 100%
}
.interior-s_l_desc {
grid-area: 2/3/3/5
}
.interior-s_gallery-cms {
margin-right: calc(var(--_special-units---offset-r)*-1);
grid-area: 1/3/2/11
}
.gallery-cms {
aspect-ratio: 16/10;
width: 100%
}
.gallery-cms_list {
height: 100%;
position: relative
}
.gallery-cms_list_item {
height: 100%;
display: none;
position: absolute;
inset: 0%
}
.gallery-cms_list_item:first-child {
display: block;
position: relative
}
.gallery-slide {
height: 100%;
position: relative
}
.interior-s_gallery-cms_pag {
margin-left: calc(var(--_units---u-8)*-1);
display: flex
}
.other-w {
position: relative
}
.other-s {
z-index: 1;
grid-area: 1/3/2/9;
position: relative
}
.other-s_cms {
grid-area: 1/3/2/9
}
.other-card {
cursor: pointer
}
.other-card_name {
justify-content: center;
align-items: flex-start;
display: flex
}
.other-card_ico {
top: var(--_units---u-4);
bottom: auto;
right: auto;
left: calc(100% + var(--_units---u-4));
position: absolute
}
.other-card_info_desc {
flex-flow: column;
grid-area: 1/2/2/6;
justify-content: flex-start;
align-items: center;
display: flex
}
.other-card_info_logo {
width: var(--192px);
aspect-ratio: 3/2
}
.info_divider {
width: var(--_units---u-64)
}
.line-h {
background-color: var(--_colors---base-1000--primary);
width: 100%;
height: .75px
}
.other-card_name_label,
.cta-w {
position: relative
}
.cta-s {
z-index: 1;
aspect-ratio: 144/168;
pointer-events: none;
position: relative
}
.w_bg {
z-index: 0;
top: 0%;
bottom: 0%;
left: calc(var(--_special-units---offset-l)*-1);
right: calc(var(--_special-units---offset-r)*-1);
position: absolute
}
.cta-s_desc {
pointer-events: auto;
grid-area: 1/4/2/8
}
.cta-s_title {
pointer-events: auto;
grid-area: 1/3/2/9
}
.cta-s_title_btn {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex
}
.loc-scroll-area_track {
flex: none;
display: flex
}
.loc-scroll-area {
z-index: 3;
position: relative
}
.loc-intro-w {
width: calc((var(--_special-units---1-cell-h)*13) + (var(--_special-units---grid-gap)*12));
flex: none;
position: relative
}
.loc-intro-s {
height: var(--_special-units---100vh);
flex-flow: column;
display: flex
}
.grid-ui {
z-index: 999999;
padding-right: var(--_special-units---offset-r);
padding-left: var(--_special-units---offset-l);
pointer-events: none;
flex-flow: column;
display: flex;
position: fixed;
inset: 0%
}
.grid-ui_cell {
background-color: var(--_colors---additional--error);
opacity: .25
}
.loc-intro-s_img {
grid-area: 1/6/2/10
}
.loc-intro-s_desc {
grid-area: 1/10/2/13;
align-self: end
}
.loc-intro-s_title {
z-index: 1;
flex-flow: column;
grid-area: 1/3/2/8;
justify-content: center;
align-self: center;
align-items: stretch;
display: flex;
position: relative
}
.loc-intro-s_cap {
grid-area: 1/2/2/4;
align-self: center
}
.loc-scroll-area_screen {
top: var(--_units---u-0);
display: flex;
position: sticky
}
.slow-scroll-trigger {
z-index: 0;
height: var(--_special-units---100vh);
pointer-events: none;
position: absolute;
inset: auto 0% 0%
}
.loc-intro-s_title_line {
display: block
}
.loc-intro-s_title_line.is-2 {
margin-left: calc((var(--_special-units---1-cell-h)) + (var(--_special-units---grid-gap)))
}
.loc-intro-s_title_line.is-1 {
margin-left: calc(var(--_special-units---1-cell-h)/2)
}
.interior-s_r_btn {
flex-flow: column;
grid-area: 4/2/5/4;
justify-content: center;
align-items: center;
display: flex
}
.btn-circle {
padding-top: var(--_units---u-48);
padding-right: var(--_units---u-48);
padding-bottom: var(--_units---u-48);
padding-left: var(--_units---u-48);
aspect-ratio: 1;
height: calc((var(--_special-units---1-cell-v)*2) + (var(--_special-units---grid-gap)));
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.btn-circle_bg {
z-index: 0;
color: var(--_colors---base-1000--primary);
border-radius: 50%;
position: absolute;
inset: 0%
}
.btn-circle_label {
z-index: 1;
width: 100%;
position: relative
}
.nav-item_label {
position: relative;
overflow: clip
}
.nav-item_label_text.is-2 {
position: absolute;
inset: 0% auto auto 0%
}
.btn-circle_link {
z-index: 3;
position: absolute;
inset: 0%
}
.amm-s_cms_btn-w {
top: auto;
left: 0%;
right: 0%;
bottom: var(--_units---u-48);
z-index: 2;
pointer-events: none;
position: absolute
}
.amm-s_cms_btn {
pointer-events: auto;
grid-area: 1/8/2/10
}
.footer-w {
margin-top: calc((var(--_special-units---offset-l) + (var(--_special-units---1-cell-v)*2) + (var(--_special-units---grid-gap)))*-1);
position: relative
}
.footer-s {
z-index: 1;
height: var(--_special-units---100vh);
flex-flow: column;
justify-content: space-between;
display: flex;
position: relative
}
.footer-s_t {
flex: 1;
min-width: 0
}
.footer-s_b {
flex-flow: column;
flex: 1;
justify-content: flex-end;
min-width: 0;
display: flex
}
.footer-s_contact {
grid-area: 1/3/2/9
}
.footer-s_address {
padding-right: var(--_units---u-48);
padding-left: var(--_units---u-48);
grid-area: 2/5/3/7
}
.ico-64 {
width: var(--_units---u-64);
height: var(--_units---u-64)
}
.contact-cms_list {
grid-column-gap: var(--_units---u-4);
grid-row-gap: var(--_units---u-4);
flex-flow: column;
display: flex
}
.contact-cms_list_item {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex
}
.footer-s_info {
flex-flow: column;
grid-area: 1/3/2/6;
justify-content: flex-end;
align-items: flex-start;
display: flex
}
.legal-cms_list {
grid-column-gap: var(--_units---u-4);
grid-row-gap: var(--_units---u-4);
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.legal-cms_list.inline {
display: inline
}
.legal-cms_list_item {
justify-content: center;
align-items: center;
display: flex
}
.legal-cms_list_item.inline {
display: inline
}
.error-s {
height: var(--_special-units---100vh);
flex-flow: column;
display: flex
}
.error-s_l {
grid-area: 1/2/2/4;
align-self: center
}
.error-s_r {
grid-area: 1/8/2/10;
align-self: center
}
.error-s_c {
flex-flow: column;
grid-area: 1/4/2/8;
justify-content: space-between;
display: flex
}
.error-s_t {
flex: 1
}
.error-s_b {
flex-flow: column;
flex: 1;
justify-content: flex-end;
display: flex
}
.error-s_c_c {
position: relative
}
.error-s_desc {
grid-area: 1/2/2/4;
position: relative
}
.error-s_btn {
margin-bottom: calc(var(--_units---u-16)*-1);
flex-flow: column;
grid-area: 1/8/2/10;
justify-content: center;
align-self: end;
align-items: center;
display: flex
}
.error-s_title {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.error-s_title_row {
justify-content: center;
align-items: center;
display: flex
}
.error-s_title_item {
width: var(--_special-units---1-cell-h)
}
.error-s_title_a {
margin-left: calc(var(--24px)*-1);
margin-top: calc(var(--56px)*-1);
position: absolute;
inset: 100% 0% auto;
transform: rotate(-12deg)
}
.header-logo {
left: var(--_special-units---offset-l);
top: var(--_special-units---offset-l);
z-index: 1200;
width: var(--_special-units---1-cell-h);
aspect-ratio: 1;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: fixed;
bottom: auto;
right: auto
}
.header-logo_bg {
z-index: 0;
color: var(--_colors---base-1000--primary);
position: absolute;
inset: 0%
}
.header-nav {
left: auto;
top: var(--_special-units---offset-r);
right: var(--_special-units---offset-r);
z-index: 1200;
width: var(--_special-units---1-cell-h);
text-align: right;
position: fixed;
bottom: auto
}
.s-bar {
pointer-events: auto;
height: calc((var(--_special-units---1-cell-h)*2) + (var(--_special-units---grid-gap)));
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative
}
.arch-w {
top: var(--_units---u-0);
position: sticky
}
.arch-s {
z-index: 1;
aspect-ratio: 144/168;
pointer-events: none;
flex-flow: column;
justify-content: space-between;
display: flex;
position: relative
}
.arch-intro-s {
top: var(--_units---u-0);
z-index: 1;
height: var(--_special-units---100vh);
pointer-events: none;
margin-bottom: calc(var(--_special-units---100vh)*-1);
position: sticky
}
.arch-intro-s_bg_l {
background-color: var(--_colors---base-0--primary);
position: absolute;
inset: -1% calc(50% - 1px) 0% 0%
}
.arch-scroll-area {
position: relative
}
.arch-intro-s_bg_r {
background-color: var(--_colors---base-0--primary);
position: absolute;
inset: -1% 0% 0% 50%
}
.arch-s_t {
pointer-events: auto
}
.arch-s_desc {
grid-area: 1/4/2/8
}
.arch-s_b {
pointer-events: auto
}
.arch-s_quote {
grid-area: 1/2/2/6
}
.arch-s_author,
.quote-s_ico {
grid-area: 1/2/2/5
}
.arch-s_btn {
flex-flow: column;
grid-area: 1/7/2/9;
justify-content: center;
align-self: end;
align-items: center;
display: flex
}
.link {
position: relative
}
._100vh {
height: var(--_special-units---100vh)
}
.hero-w {
top: var(--_units---u-0);
height: var(--_special-units---100vh);
flex-flow: column;
display: flex;
position: sticky
}
.hero-s {
z-index: 1;
pointer-events: none;
flex-flow: column;
flex: none;
justify-content: flex-start;
height: 100%;
display: flex;
position: relative
}
.hero-w_bg {
z-index: 0;
height: auto;
margin-left: calc(var(--_special-units---offset-l)*-1);
margin-right: calc(var(--_special-units---offset-r)*-1);
flex-flow: column;
flex: none;
display: flex;
position: absolute;
inset: 0% 0% auto
}
.hero-s_logo {
pointer-events: auto;
flex-flow: column;
grid-area: 1/3/2/9;
justify-content: flex-start;
align-items: center;
display: flex
}
.hero-s_logo_a {
margin-left: calc(var(--40px)*-1);
margin-top: calc(var(--40px)*-1);
transform: rotate(-12deg)
}
.hero-w_bg_master {
position: relative
}
.hero-s_b {
left: var(--_special-units---offset-l);
top: auto;
right: var(--_special-units---offset-r);
z-index: 5;
pointer-events: none;
position: absolute;
bottom: 0%
}
.hero-s_desc {
pointer-events: auto;
grid-area: 1/4/2/8
}
.hero-s_btn {
justify-content: center;
display: flex;
/* Added when a second circle (Book a room) joined Discover Events here. Both
declarations were no-ops while this had one child, so nothing else moves.
flex-wrap is the mobile guard: two 2-cell circles plus the gap exceed the
slot on a narrow phone, and wrapping is better than overflowing it. */
flex-wrap: wrap;
gap: var(--_units---u-24)
}
.pins-cms {
z-index: 5;
pointer-events: none;
position: absolute;
inset: 0%
}
.pins-cms_list {
width: 100%;
height: 100%;
position: relative
}
.pins-cms_list_item {
pointer-events: auto;
position: absolute;
inset: 0% auto auto 0%;
transform: translate(-50%, -50%)
}
.pin {
width: var(--32px);
height: var(--32px);
padding: var(--_units---u-8);
outline-color: var(--_colors---base-1000--primary);
outline-offset: -.75px;
border-radius: 50%;
outline-width: .75px;
outline-style: solid;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.pin_bg {
z-index: 0;
pointer-events: none;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.pin_bg_pulse {
outline-color: var(--_colors---base-1000--primary);
outline-offset: -.75px;
border-radius: 50%;
outline-width: .75px;
outline-style: solid;
position: absolute
}
.hero-w_bg_master_img {
position: relative
}
.pin_dot {
width: var(--6px);
height: var(--6px);
background-color: var(--_colors---base-1000--primary);
border-radius: 50%;
flex-flow: column;
flex: none;
justify-content: center;
align-items: center;
display: flex
}
.e-auto {
pointer-events: auto
}
.floating-tips {
z-index: 11000;
pointer-events: none;
display: block;
position: fixed;
inset: 0%
}
.floating-tips_list {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: absolute;
inset: 0%
}
.floating-tip {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
position: absolute;
inset: 0% auto auto 0%
}
.floating-tip-card {
z-index: 0;
padding-top: var(--_units---u-24);
padding-right: var(--_units---u-24);
padding-bottom: var(--_units---u-24);
padding-left: var(--_units---u-24);
aspect-ratio: 17/21;
border-top-left-radius: var(--_units---u-4);
border-top-right-radius: var(--_units---u-4);
border-bottom-left-radius: var(--_units---u-4);
border-bottom-right-radius: var(--_units---u-4);
background-color: var(--_colors---base-0--primary);
width: calc((var(--_special-units---1-cell-h)*2) + var(--_special-units---grid-gap) + var(--_special-units---grid-gap));
flex-flow: column;
justify-content: space-between;
display: flex;
position: relative
}
.floating-tip-card_t,
.floating-tip-card_b {
z-index: 1;
position: relative
}
.hero_themes {
top: 0%;
left: 0%;
right: 0%;
bottom: var(--_special-units---100vh);
pointer-events: none;
flex-flow: column;
display: flex;
position: absolute
}
.hero_themes_color {
flex: 1
}
.hero_themes_light {
height: 35rem
}
.arch_themes {
pointer-events: none;
flex-flow: column;
display: flex;
position: absolute;
inset: 0%
}
.arch_themes_color {
flex: 1
}
.arch_themes_light {
height: calc(var(--_special-units---100vh)*1.5)
}
.cookies_c {
padding-right: var(--_special-units---offset-r);
padding-bottom: var(--_special-units---offset-r);
padding-left: var(--_special-units---offset-l)
}
.cookies_card {
padding-top: var(--_units---u-24);
padding-right: var(--_units---u-24);
padding-bottom: var(--_units---u-24);
padding-left: var(--_units---u-24);
aspect-ratio: 17/21;
border-top-left-radius: var(--_units---u-4);
border-top-right-radius: var(--_units---u-4);
border-bottom-left-radius: var(--_units---u-4);
border-bottom-right-radius: var(--_units---u-4);
background-color: var(--_colors---base-0--primary);
pointer-events: auto;
margin-left: calc(var(--_units---u-8)*-1);
margin-right: calc(var(--_units---u-8)*-1);
margin-bottom: calc(var(--_units---u-8)*-1);
margin-top: calc(var(--_units---u-8)*-1);
flex-flow: column;
grid-area: 1/9/2/11;
justify-content: space-between;
display: flex;
position: relative;
overflow: clip
}
.cookies_card_title {
margin-left: calc(var(--_units---u-48)*-1);
transform: rotate(-12deg)
}
.cookies {
z-index: 99;
pointer-events: none;
position: fixed;
inset: auto 0% 0%
}
.cookies_card_t {
z-index: 1;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative
}
.cookies_card_b {
z-index: 1;
position: relative
}
.cookies_card_btn-list {
grid-column-gap: var(--_units---u-8);
grid-row-gap: var(--_units---u-8);
justify-content: center;
align-items: center;
display: flex
}
.contact-w {
position: relative
}
.contact-s_title {
grid-area: 1/3/2/9
}
.contact-s_email {
z-index: 1;
grid-area: 1/2/2/4;
position: relative
}
.contact-s_loc {
z-index: 1;
padding-right: var(--_units---u-48);
padding-left: var(--_units---u-48);
grid-area: 1/5/2/7;
position: relative
}
.contact-s_phone {
z-index: 1;
grid-area: 1/8/2/10;
position: relative
}
.loc-cms_list {
grid-column-gap: var(--_units---u-24);
grid-row-gap: var(--_units---u-24);
flex-flow: column;
display: flex
}
.loc-cms_list_item {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex
}
.footer-w_bg {
z-index: -1;
background-color: var(--_colors---other--bg);
height: calc(var(--_special-units---100vh)*2);
top: auto;
bottom: 100%;
left: calc(var(--_special-units---offset-l)*-1);
right: calc(var(--_special-units---offset-r)*-1);
position: absolute
}
.contact-s_map {
z-index: 0;
margin-left: calc(var(--_special-units---offset-l)*-1);
margin-right: calc(var(--_special-units---offset-r)*-1);
flex-flow: column;
grid-area: 1/1/2/11;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.contact-s_btn {
z-index: 2;
flex-flow: column;
grid-area: 1/8/2/10;
justify-content: flex-start;
align-self: center;
align-items: center;
display: flex;
position: relative
}
.contact-s_map_pin {
width: var(--_units---u-16);
height: var(--_units---u-16);
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 43% 44% auto auto
}
.contact-s_map_pin_c {
top: auto;
left: auto;
bottom: var(--_units---u-8);
padding-top: var(--_units---u-12);
padding-right: var(--_units---u-12);
padding-left: var(--_units---u-24);
grid-column-gap: var(--_units---u-16);
grid-row-gap: var(--_units---u-16);
background-color: var(--_colors---base-0--primary);
white-space: nowrap;
padding-bottom: calc(var(--_units---u-12) + var(--_units---u-8));
right: calc((var(--_units---u-16) + var(--2px))*-1);
display: flex;
position: absolute
}
.contact-s_map_pin_info {
grid-column-gap: var(--_units---u-4);
grid-row-gap: var(--_units---u-4);
flex-flow: column;
justify-content: center;
align-items: flex-end;
display: flex
}
.ico-28 {
width: var(--28px);
height: var(--28px)
}
.loc-w {
z-index: 2;
position: relative
}
.loc-s {
z-index: 1;
pointer-events: none;
position: absolute;
inset: auto 0% 0%
}
.loc-w_bg {
margin-left: calc(var(--_special-units---offset-l)*-1);
margin-right: calc(var(--_special-units---offset-r)*-1);
position: relative
}
.loc-s_desc {
pointer-events: auto;
grid-area: 1/8/2/9;
position: relative
}
.loc-s_desc_line {
top: 0%;
bottom: 0%;
right: auto;
left: calc(var(--_special-units---grid-gap)*-1);
position: absolute
}
.header-cramps {
left: var(--_special-units---offset-l);
z-index: 1200;
height: var(--_special-units---1-cell-h);
grid-column-gap: var(--_units---u-16);
grid-row-gap: var(--_units---u-16);
transform-origin: 0 0;
width: calc(var(--_special-units---100vh) - var(--_special-units---offset-l) - var(--_special-units---offset-l) - var(--_special-units---1-cell-h) - var(--_special-units---grid-gap));
bottom: auto;
right: auto;
top: calc(100% - var(--_special-units---offset-l));
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
position: fixed;
transform: rotate(-90deg)
}
.contact_themes {
pointer-events: none;
top: 0%;
left: 0%;
right: 0%;
bottom: calc(var(--_special-units---offset-l) + (var(--_special-units---1-cell-v)*2) + (var(--_special-units---grid-gap)));
flex-flow: column;
display: flex;
position: absolute
}
.contact_themes_light {
flex: 1
}
.contact-s_social {
z-index: 2;
flex-flow: column;
grid-area: 1/2/2/4;
justify-content: flex-start;
align-self: center;
align-items: center;
display: flex;
position: relative
}
.social-cms_list {
padding-top: var(--_units---u-4);
padding-bottom: var(--_units---u-4);
outline-color: var(--_colors---base-1000--primary);
outline-offset: -.75px;
outline-width: .75px;
outline-style: solid;
flex-flow: column;
display: flex
}
.social-btn {
z-index: 1;
padding: var(--_units---u-12);
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.social-btn_line {
padding-right: var(--_units---u-16);
padding-left: var(--_units---u-16);
position: absolute;
inset: auto 0% 0%
}
.contact_themes_dark {
height: var(--_units---u-64)
}
.modal_over {
z-index: 0;
pointer-events: auto;
background-color: #0009;
position: absolute;
inset: 0%
}
.modal_c {
z-index: 1;
width: 100%;
height: 100%;
padding-right: var(--_special-units---offset-r);
padding-left: var(--_special-units---offset-l);
flex-flow: column;
display: flex;
position: relative
}
.modal_cta {
flex-flow: column;
justify-content: center;
width: 100%;
height: 100%;
display: flex
}
.modal_cta_c {
padding-top: var(--_units---u-64);
padding-right: var(--_units---u-64);
padding-bottom: var(--_units---u-64);
padding-left: var(--_units---u-64);
aspect-ratio: 2;
background-color: var(--_colors---other--bg);
pointer-events: auto;
flex-flow: column;
grid-area: 1/2/2/10;
display: flex;
position: relative;
overflow: clip
}
.modal_cta_l {
flex-flow: column;
flex: 1;
justify-content: space-between;
min-width: 0;
display: flex
}
.modal_cta_r {
flex: 1;
justify-content: center;
min-width: 0;
display: flex
}
.modal_cta_l_t {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.modal_cta_desc {
width: var(--192px)
}
.modal_cta_a {
margin-left: calc(var(--40px)*-1);
margin-top: calc(var(--40px)*-1);
transform: rotate(-12deg)
}
.modal_cta_c_c {
grid-column-gap: var(--_units---u-32);
grid-row-gap: var(--_units---u-32);
flex-flow: column;
justify-content: center;
align-items: center;
min-width: 0;
display: flex
}
.modal_cta_c_line {
flex: 1
}
.modal_cta_c_logo {
z-index: 1200;
width: var(--_special-units---1-cell-h);
aspect-ratio: 1;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.form_block_b {
grid-column-gap: var(--_units---u-32);
grid-row-gap: var(--_units---u-32);
justify-content: space-between;
align-items: center;
display: flex
}
.text-link {
text-decoration: underline
}
.text-link:hover {
text-decoration: none
}
.form_block_legal {
width: calc(var(--16px)*10)
}
.modal_cta_close {
left: auto;
top: var(--_units---u-16);
right: var(--_units---u-16);
position: absolute;
bottom: auto
}
.btn-ico {
width: var(--40px);
height: var(--40px);
padding: var(--_units---u-12);
border-radius: var(--40px);
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.btn_ico {
z-index: 1;
position: relative
}
.btn-ico_link {
z-index: 5;
position: absolute;
inset: 0%
}
.modal_cta_form {
width: 100%;
margin-bottom: var(--_units---u-0);
flex: 1
}
.modal_cta_form_c {
height: 100%;
width: calc((var(--_special-units---1-cell-h)*2.5) + (var(--_special-units---grid-gap)));
flex-flow: column;
justify-content: space-between;
display: flex
}
.form_success_c {
flex-flow: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
position: relative
}
.form_success_social {
position: absolute;
left: 0%
}
.form_success_desc {
width: calc(var(--32px)*10);
flex-flow: column;
flex: 1;
justify-content: flex-end;
display: flex
}
.form_success_title {
width: calc(var(--20px)*10);
flex: 1
}
.form_success_a {
margin-left: calc(var(--24px)*-1);
margin-top: calc(var(--44px)*-1);
transform: rotate(-12deg)
}
.hero-scroll-area {
height: calc((var(--_special-units---100vh)*4) + (50rem + var(--_special-units---100vh)));
position: relative
}
.s-bar_track {
z-index: 0;
background-color: var(--_colors---base-1000--line);
width: 1px;
height: 100%;
position: absolute;
inset: 0% auto
}
.s-bar_fill {
z-index: 1;
background-color: var(--_colors---base-1000--primary);
width: 1px;
height: 100%;
position: absolute;
inset: 0% auto
}
.s-bar_thumb {
z-index: 3;
width: var(--_units---u-48);
height: var(--_units---u-48);
-webkit-user-select: none;
user-select: none;
flex-flow: column;
justify-content: center;
align-items: stretch;
display: flex;
position: absolute;
inset: auto;
transform: translateY(-50%)
}
.s-bar-w {
left: var(--_special-units---offset-l);
z-index: 1200;
width: var(--_special-units---1-cell-h);
pointer-events: none;
right: auto;
top: calc(var(--_special-units---offset-l) + var(--_special-units---1-cell-h) + var(--_special-units---offset-l));
bottom: calc(var(--_special-units---offset-l) + var(--_special-units---1-cell-h) + var(--_special-units---offset-l));
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: fixed
}
.s-down {
left: var(--_special-units---offset-l);
z-index: 1200;
height: var(--_special-units---1-cell-h);
grid-column-gap: var(--_units---u-24);
grid-row-gap: var(--_units---u-24);
transform-origin: 0 0;
bottom: auto;
right: auto;
top: calc(100% - var(--_special-units---offset-l));
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
position: fixed;
transform: rotate(-90deg)
}
.s-down_arrow {
height: var(--_units---u-12);
aspect-ratio: 48/12;
color: var(--_colors---base-1000--primary)
}
.quote-w {
position: relative
}
.quote-s {
z-index: 1;
position: absolute;
inset: auto 0% 0%
}
.quote-w_bg {
z-index: 0;
margin-left: calc(var(--_special-units---offset-l)*-1);
margin-right: calc(var(--_special-units---offset-r)*-1);
position: relative
}
.quote-s_c {
grid-area: 1/6/2/10
}
.quote-s_author {
grid-area: 1/1/2/4
}
.loc-w_over-grad {
z-index: 5;
background-image: linear-gradient(180deg, var(--_global-colors---base-0--100), var(--_global-colors---base-0--0));
pointer-events: none;
height: calc((var(--_special-units---1-cell-v)*3) + (var(--_special-units---grid-gap)*2));
top: -1px;
bottom: auto;
left: calc(var(--_special-units---offset-l)*-1);
right: calc(var(--_special-units---offset-r)*-1);
position: absolute
}
.loc-w_clouds {
z-index: 4;
pointer-events: none;
bottom: auto;
left: calc(var(--_special-units---offset-l)*-1);
right: calc(var(--_special-units---offset-r)*-1);
top: calc(var(--_units---u-96)*-1);
position: absolute
}
.marquee {
z-index: 0;
pointer-events: none;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
overflow: clip
}
.marquee_track,
.marquee_list {
flex: none;
justify-content: flex-start;
align-items: center;
display: flex
}
.marquee_list_item {
flex: none
}
.clouds.is-33 {
height: calc(var(--60px)*10)
}
.clouds.is-02,
.clouds.is-47 {
height: calc(var(--48px)*10)
}
.loc-intro-s_btn {
flex-flow: column;
grid-area: 1/12/2/14;
justify-content: center;
align-self: center;
align-items: center;
display: flex
}
.loc-path-w {
width: calc((var(--_special-units---1-cell-h)*10) + (var(--_special-units---grid-gap)*9));
flex: none;
position: relative
}
.loc-path-s {
height: var(--_special-units---100vh);
flex-flow: column;
justify-content: space-between;
display: flex
}
.loc-path-s_title {
grid-area: 1/3/2/9
}
.loc-path-s_title_line {
display: block
}
.loc-path-s_title_a {
margin-top: calc(var(--32px)*-1);
display: block;
transform: rotate(-12deg)
}
.loc-path-s_path {
grid-area: 1/2/2/10
}
.apart-type-slide_btn {
grid-column-gap: var(--_units---u-8);
grid-row-gap: var(--_units---u-8);
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.loc-w_bg_img,
.loc-path-s_path_c {
position: relative
}
.benefits-intro-s_title {
top: 0%;
bottom: auto;
left: calc(var(--_special-units---offset-l)*-1);
right: calc(var(--_special-units---offset-r)*-1);
position: absolute
}
.soon-s {
height: var(--_special-units---100vh);
flex-flow: column;
justify-content: center;
align-items: center;
display: flex
}
.soon-s_title {
grid-area: 1/4/2/8
}
.soon-s_btn {
justify-content: center;
align-items: center;
display: flex
}
.soon-s_desc {
grid-area: 1/2/2/4
}
.link_label {
position: relative
}
.link_label_text.is-2 {
position: absolute;
inset: 0% 0% auto auto
}
.link_line {
background-color: var(--_colors---base-1000--primary);
border-radius: 2px;
width: 100%;
height: .6px;
display: block
}
.modal_bg {
z-index: 0;
background-color: var(--_colors---other--bg);
pointer-events: auto;
position: absolute;
inset: 0%
}
.modal_menu {
pointer-events: auto;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
width: 100%;
height: 100%;
display: flex
}
.modal_menu_title {
flex-flow: column;
grid-area: 1/4/2/8;
justify-content: flex-start;
align-items: center;
display: flex
}
.modal_menu_a {
margin-bottom: calc(var(--32px)*-1);
margin-left: calc(var(--96px)*-1);
transform: rotate(-12deg)
}
.modal_menu_list {
grid-column-gap: var(--_units---u-32);
grid-row-gap: var(--_units---u-32);
text-align: center;
flex-flow: column;
grid-area: 1/5/2/7;
justify-content: center;
align-items: center;
display: flex
}
.btn-menu_label {
display: none
}
.btn-menu_label.is-active {
display: block
}
.header-nav_list {
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
display: flex
}
.header-nav_list.f-mob {
display: none
}
.btn-menu {
grid-column-gap: var(--_units---u-4);
grid-row-gap: var(--_units---u-4);
cursor: pointer;
justify-content: center;
align-items: center;
display: flex
}
.ico-24 {
width: var(--24px);
height: var(--24px)
}
.modal_list {
width: 100%;
height: 100%;
position: relative
}
.modal_list_item {
display: none;
position: absolute;
inset: 0%
}
.moda_tip {
pointer-events: auto;
flex-flow: column;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
display: flex
}
.moda_tip_close {
z-index: 1;
position: relative
}
.apart-w {
position: relative
}
.apart-s {
z-index: 1;
position: relative
}
.apart-s_title {
grid-area: 1/2/2/9;
justify-content: space-between;
align-items: flex-start;
display: flex
}
.apart-s_cms {
grid-area: 1/2/2/11
}
.apart-s_cms_filter {
z-index: 1;
padding-top: var(--_units---u-32);
padding-bottom: var(--_units---u-32);
flex-flow: column;
justify-content: center;
align-items: stretch;
display: flex;
position: relative
}
.apart-cms {
z-index: 0;
position: relative
}
.apart-benefits-cms_list {
grid-column-gap: var(--_special-units---grid-gap);
grid-row-gap: var(--_special-units---grid-gap);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.apart-benefits-cms_list.c-2 {
grid-template-columns: 1fr 1fr
}
.apart-card {
width: 100%;
height: 100%;
padding: var(--_units---u-48)var(--_units---u-32)var(--_units---u-24);
aspect-ratio: 392/544;
display: block;
position: relative
}
.apart-card_img {
aspect-ratio: 1;
position: relative
}
.apart-card_data-list {
grid-column-gap: var(--_units---u-12);
grid-row-gap: var(--_units---u-12);
justify-content: center;
align-items: center;
display: flex
}
.data-divider {
width: var(--2px);
height: var(--2px);
background-color: var(--_colors---base-1000--primary);
border-radius: 50%
}
.apart-card_info {
grid-column-gap: var(--_units---u-8);
grid-row-gap: var(--_units---u-8);
justify-content: center;
align-items: center;
display: flex
}
.benefit-card {
width: 100%;
height: 100%;
padding: var(--_units---u-32);
aspect-ratio: 392/544;
flex-flow: column;
justify-content: flex-end;
display: flex;
position: relative;
overflow: clip
}
.benefit-card_bg {
z-index: 0;
position: absolute;
inset: 0%
}
.benefit-card_info {
z-index: 1;
position: relative
}
.apart-card_img_prim {
z-index: 0;
width: 100%;
height: 100%;
position: relative
}
.apart-card_img_sec {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.apart-card_decor {
z-index: 1;
pointer-events: none;
position: absolute;
inset: 0%
}
.apart-card_c {
z-index: 3;
position: relative
}
.apart-s_cms_filter_item {
padding-right: var(--_units---u-32);
padding-left: var(--_units---u-32);
flex-flow: row;
grid-column: span 3;
justify-content: space-between;
align-items: center;
display: flex
}
.lot-s_info {
top: var(--_units---u-0);
z-index: 1;
height: var(--_special-units---100vh);
pointer-events: none;
flex-flow: column;
display: flex;
position: sticky
}
.preloader_t {
flex: 1
}
.preloader_b {
flex-flow: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
display: flex
}
.preloader_title-l {
grid-area: 1/2/2/4;
align-self: center
}
.preloader_title-r {
grid-area: 1/8/2/10;
align-self: center
}
.preloader_logo {
flex-flow: column;
grid-area: 1/4/2/8;
justify-content: center;
align-self: center;
align-items: center;
display: flex
}
.preloader_logo_a {
margin-top: calc(var(--24px)*-1);
margin-left: calc(var(--32px)*-1);
transform: rotate(-12deg)
}
.preloader_bg {
z-index: 0;
background-color: var(--_colors---other--bg);
position: absolute;
inset: 0%
}
.preloader_progress {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex
}
.preloader_progress_fill {
width: 1px;
height: var(--_units---u-96);
background-color: var(--_colors---base-1000--line);
overflow: clip
}
.preloader_progress_track {
background-color: var(--_colors---base-1000--primary);
width: 100%;
height: 100%
}
.frame_lt {
z-index: 1;
width: var(--24px);
height: var(--24px);
position: absolute;
inset: 0% auto auto 0%
}
.frame_lt:where(.decor-med) {
width: var(--16px);
height: var(--16px)
}
.decor {
color: var(--_colors---base-1000--line);
position: absolute;
inset: 0%
}
.preloader_bg_decor {
left: var(--_units---u-24);
top: var(--_units---u-24);
right: var(--_units---u-24);
bottom: calc(var(--_special-units---100vh) + var(--_units---u-24));
position: absolute
}
.frame_rt {
z-index: 1;
width: var(--24px);
height: var(--24px);
position: absolute;
inset: 0% 0% auto auto
}
.frame_rt:where(.decor-med) {
width: var(--16px);
height: var(--16px)
}
.frame_rb {
z-index: 1;
width: var(--24px);
height: var(--24px);
position: absolute;
inset: auto 0% 0% auto
}
.frame_rb:where(.decor-med) {
width: var(--16px);
height: var(--16px)
}
.frame_lb {
z-index: 1;
width: var(--24px);
height: var(--24px);
position: absolute;
inset: auto auto 0% 0%
}
.frame_lb:where(.decor-med) {
width: var(--16px);
height: var(--16px)
}
.frame_t-lr {
left: var(--24px);
right: var(--24px);
z-index: 1;
height: var(--24px);
bottom: auto;
top: calc(var(--12px)*-1);
position: absolute
}
.frame_t-lr:where(.decor-med) {
left: var(--16px);
right: var(--16px);
height: var(--16px);
top: calc(var(--8px)*-1)
}
.frame_b-lr {
left: var(--24px);
top: auto;
right: var(--24px);
z-index: 1;
height: var(--24px);
bottom: calc(var(--12px)*-1);
position: absolute
}
.frame_b-lr:where(.decor-med) {
left: var(--16px);
right: var(--16px);
height: var(--16px);
bottom: calc(var(--8px)*-1)
}
.frame_r-tb {
left: auto;
top: var(--24px);
bottom: var(--24px);
z-index: 1;
width: var(--24px);
right: calc(var(--12px)*-1);
position: absolute
}
.frame_r-tb:where(.decor-med) {
top: var(--16px);
bottom: var(--16px);
width: var(--16px);
right: calc(var(--8px)*-1)
}
.frame_l-tb {
top: var(--24px);
right: auto;
bottom: var(--24px);
z-index: 1;
width: var(--24px);
left: calc(var(--12px)*-1);
position: absolute
}
.frame_l-tb:where(.decor-med) {
top: var(--16px);
bottom: var(--16px);
width: var(--16px);
left: calc(var(--8px)*-1)
}
.card_decor {
left: var(--_units---u-8);
top: var(--_units---u-8);
right: var(--_units---u-8);
bottom: var(--_units---u-8);
z-index: 0;
position: absolute
}
.preloader_bg_a {
left: var(--_units---u-24);
top: var(--_units---u-24);
right: var(--_units---u-24);
opacity: .05;
bottom: calc(var(--_special-units---100vh) + var(--_units---u-24));
position: absolute
}
.preloader_bg_arch_is-1 {
z-index: 1;
background-color: var(--_colors---other--bg);
outline-color: var(--_colors---base-1000--line);
outline-offset: -1px;
width: calc(var(--arch-w)*1.02);
height: calc(var(--arch-h)*1.01);
border-top-left-radius: var(--arch-w);
border-top-right-radius: var(--arch-w);
bottom: auto;
left: auto;
right: auto;
top: calc(var(--arch-y) - (var(--arch-h)*.005));
outline-width: 1px;
outline-style: solid;
position: absolute
}
.preloader_bg_arch {
z-index: 2;
pointer-events: none;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.preloader_bg_arch_is-2 {
z-index: 0;
background-color: var(--_colors---other--bg);
outline-color: var(--_colors---base-1000--line);
outline-offset: -1px;
width: calc(var(--arch-w)*1.1);
height: calc(var(--arch-h)*1.03);
bottom: auto;
left: auto;
right: auto;
top: calc(var(--arch-y) - (var(--arch-h)*.015));
border-top-left-radius: var(--arch-w);
border-top-right-radius: var(--arch-w);
outline-width: 1px;
outline-style: solid;
position: absolute
}
.hero-w_bg_master_img_day {
display: block;
position: relative;
inset: 0% 0% auto
}
.footer-s_s-top {
left: var(--_units---u-0);
z-index: 1200;
height: var(--_special-units---1-cell-h);
grid-column-gap: var(--_units---u-24);
grid-row-gap: var(--_units---u-24);
transform-origin: 0 0;
bottom: auto;
right: auto;
top: calc(100% - var(--_special-units---offset-l));
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
transform: rotate(-90deg)
}
.frame_fill_tb {
left: var(--24px);
top: 0%;
right: var(--24px);
z-index: 0;
position: absolute;
bottom: 0%
}
.frame_fill_tb:where(.decor-med) {
left: var(--16px);
right: var(--16px)
}
.frame_fill_lr {
left: 0%;
top: var(--24px);
right: 0%;
bottom: var(--24px);
z-index: 0;
position: absolute
}
.frame_fill_lr:where(.decor-med) {
top: var(--16px);
bottom: var(--16px)
}
.frame_fill-c {
z-index: 0;
width: calc(var(--24px)*2);
height: calc(var(--24px)*2);
position: absolute;
inset: auto
}
.frame_fill-c:where(.decor-med) {
width: calc(var(--16px)*2);
height: calc(var(--16px)*2)
}
.frame_fill-c.lt {
inset: 0% auto auto 0%
}
.frame_fill-c.lt:where(.decor-med) {
width: calc(var(--16px)*2)
}
.frame_fill-c.rt {
inset: 0% 0% auto auto
}
.frame_fill-c.rb {
inset: auto 0% 0% auto
}
.frame_fill-c.lb {
inset: auto auto 0% 0%
}
.filter_select_drop-down_list_item {
padding: var(--_units---u-12)var(--_units---u-16);
border-radius: var(--_units---u-4);
cursor: pointer
}
.apart-s_cms_decor {
z-index: 0;
pointer-events: none;
position: absolute;
inset: 0%
}
.apart-s_cms_filter_c {
z-index: 1;
position: relative
}
.filter_select {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative
}
.filter_select_btn {
grid-column-gap: var(--_units---u-8);
grid-row-gap: var(--_units---u-8);
cursor: pointer;
justify-content: flex-start;
align-items: center;
display: flex
}
.filter_select_btn_label {
grid-column-gap: var(--_units---u-4);
grid-row-gap: var(--_units---u-4);
justify-content: flex-start;
align-items: center;
display: flex
}
.ico-12 {
width: var(--_units---u-12);
height: var(--_units---u-16)
}
.filter_select_drop-down {
z-index: 50;
padding-top: var(--_units---u-8);
padding-right: var(--_units---u-8);
padding-bottom: var(--_units---u-8);
padding-left: var(--_units---u-8);
background-color: var(--_colors---other--bg);
outline-color: var(--_colors---base-1000--line);
outline-offset: -1px;
white-space: nowrap;
bottom: auto;
right: auto;
top: calc(100% + var(--_units---u-16));
min-width: calc(var(--24px)*10);
left: calc(var(--_units---u-24)*-1);
outline-width: 1px;
outline-style: solid;
position: absolute
}
.filter_select_drop-down_list {
grid-column-gap: var(--2px);
grid-row-gap: var(--2px);
flex-flow: column;
display: flex
}
.apart-card_shadow {
z-index: 0;
border-radius: var(--_units---u-32);
pointer-events: none;
flex: none;
position: absolute;
inset: 0%
}
.lot-s_info_c {
pointer-events: auto;
flex-flow: column;
grid-area: 1/8/2/10;
justify-content: space-between;
height: 100%;
min-height: 0;
display: flex;
position: relative
}
.lot-s_info_t {
flex: 1;
height: 100%;
overflow: auto
}
.lot-s_info_b {
flex: none;
position: relative
}
.lot-s_info_header.is-top {
margin-left: calc(((var(--_special-units---1-cell-h)*5) + (var(--_special-units---grid-gap)*5))*-1)
}
.lot-s_info_data {
grid-column-gap: var(--_units---u-32);
grid-row-gap: var(--_units---u-32);
flex-flow: column;
display: flex
}
.tabs {
grid-column-gap: var(--_units---u-24);
grid-row-gap: var(--_units---u-24);
display: flex;
position: relative
}
.tabs.test {
pointer-events: auto;
justify-content: center
}
.tab {
padding-top: var(--_units---u-8);
padding-bottom: var(--_units---u-8);
cursor: pointer
}
.lot-s_info_more_contents {
position: relative
}
.lot-s_info_more_content {
display: none;
position: absolute;
inset: 0% 0% auto
}
.lot-s_info_more_content.is-1 {
display: block;
position: relative
}
.tag-list {
grid-column-gap: var(--_units---u-4);
grid-row-gap: var(--_units---u-4);
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.tag {
padding: var(--_units---u-4)var(--_units---u-12);
border-radius: var(--_units---u-48);
outline-color: var(--_colors---base-1000--line);
outline-offset: -1px;
outline-width: 1px;
outline-style: solid;
justify-content: center;
align-items: center;
display: flex
}
.tabs_line {
z-index: 0;
opacity: .1;
position: absolute;
inset: auto 0% 0%
}
.tabs_hilight {
z-index: 1;
background-color: var(--_colors---base-1000--primary);
height: 1px;
position: absolute;
inset: auto auto 0% 0%
}
.lot-s_media {
z-index: 0;
margin-top: calc(var(--_special-units---100vh)*-1);
position: relative
}
.lot-s_media_c {
grid-area: 1/2/2/8
}
.lot-media-cms_list {
padding-right: var(--_units---u-16);
padding-left: var(--_units---u-24);
grid-column-gap: var(--_units---u-16);
grid-row-gap: var(--_units---u-16);
flex-flow: column;
display: flex
}
.lot-s_media_layout {
flex-flow: column;
justify-content: flex-end;
display: flex
}
.lot-s_info_line {
top: var(--_units---u-48);
right: auto;
bottom: var(--_units---u-48);
opacity: .1;
left: calc(var(--_special-units---grid-gap)*-1);
position: absolute
}
.lot-s_info_line.is-top {
top: calc(var(--_units---u-48) + var(--_units---u-96) + var(--_units---u-24) + var(--_units---u-8) + var(--_units---u-4) + var(--_units---u-8) + var(--_units---u-16) + var(--_units---u-64))
}
.lot-s_media_layout_img-prim {
margin-bottom: var(--_units---u-48);
padding-right: var(--_units---u-64);
padding-left: var(--_units---u-64);
cursor: pointer;
height: calc(var(--_special-units---100vh) - var(--_units---u-48) - var(--_units---u-160) - var(--_units---u-32) - var(--_units---u-48));
margin-top: calc(var(--_units---u-48) + var(--_units---u-160) + var(--_units---u-32));
flex-flow: column;
grid-area: 1/1/2/6;
justify-content: center;
display: flex;
position: relative
}
.lot-s_media_layout_diagrams {
bottom: var(--_units---u-48);
padding-right: var(--_units---u-16);
grid-column-gap: var(--_units---u-16);
grid-row-gap: var(--_units---u-16);
flex-flow: column;
grid-area: 1/5/2/6;
justify-content: flex-end;
align-self: end;
align-items: flex-end;
display: flex;
position: sticky
}
.compass {
width: var(--_units---u-64);
height: var(--_units---u-64);
padding: var(--_units---u-4);
outline-color: var(--_colors---base-1000--line);
outline-offset: -1px;
border-radius: 50%;
outline-width: 1px;
outline-style: solid;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex
}
.block-diagram {
box-sizing: border-box;
width: var(--_units---u-64);
aspect-ratio: 8/11;
position: relative
}
.block-diagram_hilight {
flex: none;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.lot-s_media_layout_img-sec {
margin-top: var(--_units---u-48);
margin-bottom: var(--_units---u-48);
padding-right: var(--_units---u-64);
padding-left: var(--_units---u-64);
height: calc(var(--_special-units---100vh) - var(--_units---u-48) - var(--_units---u-160) - var(--_units---u-32) - var(--_units---u-48));
grid-area: 2/1/3/6
}
.contact-s_map_c {
width: 100%
}
.hero-w_bg_master_img_night {
display: none;
position: absolute;
inset: 0% 0% auto
}
.hero-s_tabs {
grid-column-gap: var(--_units---u-16);
grid-row-gap: var(--_units---u-16);
justify-content: center;
align-items: center;
display: flex
}
.hero-s_tabs_divider {
width: var(--_units---u-64);
height: 1px
}
.amen-scroll-area {
height: calc((var(--_special-units---100vh)*2.5) + 50rem);
position: relative
}
.scroll-area_screen {
top: var(--_units---u-0);
z-index: 1;
position: sticky
}
.other-title-w {
margin-top: calc((50rem + var(--_special-units---100vh))*-1);
position: relative
}
.other-title-w.test {
margin-top: -50rem
}
.other-title-s {
z-index: 1;
flex-flow: column;
justify-content: space-between;
height: 50rem;
display: flex;
position: relative
}
.other-title-s_title {
z-index: 1;
grid-area: 1/4/2/8;
position: relative
}
.apart-cms_list {
grid-column-gap: var(--_special-units---grid-gap);
grid-row-gap: var(--_special-units---grid-gap);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.apart-cms_list.c-2 {
grid-template-columns: 1fr 1fr
}
.apart-s_cms_empty {
z-index: 0;
padding-top: var(--_units---u-64);
padding-bottom: var(--_units---u-64);
flex-flow: column;
justify-content: center;
align-items: stretch;
display: flex;
position: relative
}
.apart-s_cms_empty_info {
padding-right: var(--_special-units---grid-gap);
padding-left: var(--_special-units---grid-gap);
grid-area: 1/4/2/7
}
.apart-s_cms_empty_desc {
padding-right: var(--_units---u-64);
padding-left: var(--_units---u-64)
}
.apart-s_cms_empty_title {
padding-left: var(--_units---u-24)
}
.video {
object-fit: cover;
width: 100%;
height: 100%
}
.video.stone {
pointer-events: none;
width: 140%;
height: 140%
}
.flower {
z-index: 1;
pointer-events: none;
width: calc(var(--80px)*10);
height: calc(var(--80px)*10);
position: absolute;
inset: auto
}
.flower.loc-info {
bottom: auto;
right: auto;
top: calc((96rem/var(--_special-units---scale-ratio))*-1);
left: calc(((64rem/var(--_special-units---scale-ratio))*-1) - var(--_special-units---offset-r))
}
.flower.loc-intro {
top: auto;
right: auto;
bottom: calc((144rem/var(--_special-units---scale-ratio))*-1);
left: calc((224rem/var(--_special-units---scale-ratio))*-1);
transform: rotate(90deg)
}
.flower.loc-path {
margin-top: calc((144rem/var(--_special-units---scale-ratio))*-1);
margin-right: calc((64rem/var(--_special-units---scale-ratio))*-1);
position: static;
inset: 0% 0% auto auto;
transform: scaleX(-1)
}
.flower.arch-intro-l {
top: auto;
right: auto;
left: calc(((96rem/var(--_special-units---scale-ratio))*-1) - var(--_special-units---offset-r));
bottom: calc((96rem/var(--_special-units---scale-ratio))*-1);
transform: rotate(-150deg)
}
.flower.arch-intro-r {
top: auto;
right: calc(((48rem/var(--_special-units---scale-ratio))*-1) - var(--_special-units---offset-r));
bottom: calc((96rem/var(--_special-units---scale-ratio))*-1);
transform: rotate(65deg)
}
.flower.apart-info {
top: auto;
right: auto;
left: calc(((64rem/var(--_special-units---scale-ratio))*-1) - var(--_special-units---offset-l));
bottom: calc((32rem/var(--_special-units---scale-ratio))*-1);
transform: scaleY(-1)
}
.flower.interior {
aspect-ratio: 1;
width: 100%;
height: auto;
bottom: auto;
left: auto;
right: 0%;
top: calc((64rem/var(--_special-units---scale-ratio))*-1)
}
.flower.asd {
inset: 0% 0% auto auto
}
.flower.apart {
bottom: auto;
left: auto;
right: calc(((120rem/var(--_special-units---scale-ratio))*-1) - var(--_special-units---offset-r));
top: calc((120rem/var(--_special-units---scale-ratio))*-1);
transform: rotate(30deg)
}
.flower.apart-info-copy {
top: auto;
bottom: 0%;
right: auto;
left: calc(((64rem/var(--_special-units---scale-ratio))*-1) - var(--_special-units---offset-r));
transform: scaleY(-1)
}
.flower.other {
top: 0%;
bottom: auto;
left: auto;
right: calc(((160rem/var(--_special-units---scale-ratio))*-1) - var(--_special-units---offset-r));
transform: rotate(45deg)
}
.loc-path-w_flower {
top: 0%;
bottom: auto;
left: auto;
right: calc(var(--_special-units---offset-r)*-1);
display: block;
position: absolute;
overflow: hidden
}
.interior-s_l_img_flower {
width: 100%;
height: 125%;
position: absolute
}
.modal_over-copy {
z-index: 0;
pointer-events: auto;
background-color: #0009;
position: absolute;
inset: 0%
}
.modal_lightbox {
pointer-events: auto;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative
}
.modal_close {
left: auto;
top: var(--_special-units---offset-r);
right: var(--_units---u-0);
z-index: 1;
position: absolute;
bottom: auto
}
.modal_lightbox_content {
z-index: 0;
width: calc(100% - ((var(--_special-units---1-cell-h)*2) + (var(--_special-units---grid-gap)*2)));
height: calc(100% - (var(--_units---u-48)*2));
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.modal_lightbox_pag {
z-index: 1;
padding-bottom: var(--_special-units---offset-r);
pointer-events: none;
position: absolute;
inset: auto 0% 0%
}
.modal_lightbox_pag_list {
grid-column-gap: var(--_units---u-32);
grid-row-gap: var(--_units---u-32);
pointer-events: auto;
justify-content: flex-end;
align-items: center;
display: flex
}
.div-block {
grid-column-gap: var(--_units---u-32);
grid-row-gap: var(--_units---u-32);
justify-content: center;
align-items: center;
display: flex
}
.lot-media-item_btn {
pointer-events: none;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: auto 0%
}
.lot-media-item {
cursor: pointer;
position: relative
}
.modal_decor {
left: var(--_units---u-24);
top: var(--_units---u-24);
right: var(--_units---u-24);
bottom: var(--_units---u-24);
position: absolute
}
.apart_themes {
pointer-events: none;
flex-flow: column;
display: flex;
position: absolute;
inset: 0%
}
.themes_row {
justify-content: space-between;
display: flex
}
.apart_themes_light-1,
.apart_themes_color-1 {
flex: 1;
height: 15rem
}
.apart_themes_light-2 {
flex: 1
}
.amen_themes {
pointer-events: none;
top: 0%;
left: 0%;
right: 0%;
bottom: calc(var(--_special-units---100vh) + 50rem);
flex-flow: column;
display: flex;
position: absolute
}
.amen_themes_color {
flex: 1
}
.interior_themes {
pointer-events: none;
flex-flow: column;
display: flex;
position: absolute;
inset: 50rem 0% 0%
}
.interior_themes_light-1 {
height: 25rem
}
.interior_themes_light-2,
.interior_themes_dark-2 {
flex: 1;
height: 52.5rem
}
.interior_themes_light-3 {
flex: 1
}
.sdda {
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.loc-w_decor {
height: var(--_special-units---offset-r);
background-color: var(--_colors---other--bg);
margin-left: calc(var(--_special-units---offset-l)*-1);
margin-right: calc(var(--_special-units---offset-r)*-1)
}
.w_themes {
pointer-events: none;
flex-flow: column;
display: flex;
position: absolute;
inset: 0%
}
.w_themes_row {
justify-content: space-between;
display: flex
}
.w_themes_row.fill {
flex: 1
}
.quote-w_themes_color-1,
.quote-w_themes_light-1 {
flex: 1;
height: 100%
}
.quote-w_themes_color-2,
.quote-w_themes_light-2 {
flex: 1;
height: 30rem
}
.p-btn {
z-index: 2147483647;
width: var(--_units---u-24);
height: var(--_units---u-24);
position: fixed;
inset: auto auto 0% 0%
}
.r-btn {
top: auto;
left: 0%;
right: auto;
bottom: var(--_units---u-24);
z-index: 2147483647;
width: var(--_units---u-24);
height: var(--_units---u-24);
position: fixed
}
.slider {
height: var(--_special-units---100vh)
}
.slide {
height: 100%;
display: none;
position: absolute;
inset: 0%
}
.slide.is-1 {
display: block;
position: relative
}
@media screen and (max-width:991px) {
body {
--_fonts---font-body: "Maison Neue Extended", Arial, sans-serif;
--_fonts---font-display: ambroise-francois-std, sans-serif;
--_fonts---h1--size: calc(96rem/var(--_special-units---scale-ratio));
--_fonts---h1--line-height: 91.667%;
--_fonts---h1--letter-spacing: -.024em;
--_fonts---h2--size: calc(73rem/var(--_special-units---scale-ratio));
--_fonts---h2--line-height: 87.671%;
--_fonts---h2--letter-spacing: -.024em;
--_fonts---h3--size: calc(56rem/var(--_special-units---scale-ratio));
--_fonts---h3--line-height: 92.857%;
--_fonts---h3--letter-spacing: -.024em;
--_fonts---h4--size: calc(40rem/var(--_special-units---scale-ratio));
--_fonts---h4--line-height: 100%;
--_fonts---h4--letter-spacing: -.016em;
--_fonts---h5--size: calc(28rem/var(--_special-units---scale-ratio));
--_fonts---h5--line-height: 100%;
--_fonts---h5--letter-spacing: -.008em;
--_fonts---h6--size: calc(28rem/var(--_special-units---scale-ratio));
--_fonts---h6--line-height: 100%;
--_fonts---h6--letter-spacing: 0em;
--_fonts---p1--size: clamp(15px, calc(17rem/var(--_special-units---scale-ratio)), 19px);
--_fonts---p1--line-height: 138.462%;
--_fonts---p1--letter-spacing: -.024em;
--_fonts---l1--size: clamp(12px, calc(13rem/var(--_special-units---scale-ratio)), 15px);
--_fonts---l1--line-height: 145.455%;
--_fonts---l1--letter-spacing: .048em;
--_fonts---p2--size: clamp(13px, calc(14rem/var(--_special-units---scale-ratio)), 16px);
--_fonts---p2--line-height: 145.455%;
--_fonts---p2--letter-spacing: -.024em;
--_fonts---l2--size: clamp(10px, calc(11.5rem/var(--_special-units---scale-ratio)), 13px);
--_fonts---l2--line-height: 133.333%;
--_fonts---l2--letter-spacing: .32em;
--_fonts---c1--size: calc(19rem/var(--_special-units---scale-ratio));
--_fonts---c1--line-height: 126.316%;
--_fonts---c1--letter-spacing: .8em;
--_fonts---font-accent: sloop-script-three, sans-serif;
--_fonts---a1--size: calc(96rem/var(--_special-units---scale-ratio));
--_fonts---a1--line-height: 100%;
--_fonts---a1--letter-spacing: 0em;
--_fonts---a2--size: calc(72rem/var(--_special-units---scale-ratio));
--_fonts---a2--line-height: 100%;
--_fonts---a2--letter-spacing: 0em;
--40px: calc(40rem/var(--_special-units---scale-ratio));
--112px: calc(112rem/var(--_special-units---scale-ratio));
--2px: calc(2rem/var(--_special-units---scale-ratio));
--24px: calc(24rem/var(--_special-units---scale-ratio));
--12px: calc(12rem/var(--_special-units---scale-ratio));
--72px: calc(72rem/var(--_special-units---scale-ratio));
--16px: calc(16rem/var(--_special-units---scale-ratio));
--136px: calc(136rem/var(--_special-units---scale-ratio));
--80px: calc(80rem/var(--_special-units---scale-ratio));
--192px: calc(192rem/var(--_special-units---scale-ratio));
--144px: calc(144rem/var(--_special-units---scale-ratio));
--28px: calc(28rem/var(--_special-units---scale-ratio));
--56px: calc(56rem/var(--_special-units---scale-ratio));
--32px: calc(32rem/var(--_special-units---scale-ratio));
--6px: calc(6rem/var(--_special-units---scale-ratio));
--20px: calc(20rem/var(--_special-units---scale-ratio));
--44px: calc(44rem/var(--_special-units---scale-ratio));
--60px: calc(60rem/var(--_special-units---scale-ratio));
--48px: calc(48rem/var(--_special-units---scale-ratio));
--96px: calc(96rem/var(--_special-units---scale-ratio));
--8px: calc(8rem/var(--_special-units---scale-ratio));
--0px: calc(0rem/var(--_special-units---scale-ratio));
--1px: calc(1rem/var(--_special-units---scale-ratio));
--4px: calc(4rem/var(--_special-units---scale-ratio));
--10px: calc(10rem/var(--_special-units---scale-ratio));
--36px: calc(36rem/var(--_special-units---scale-ratio));
--52px: calc(52rem/var(--_special-units---scale-ratio));
--64px: calc(64rem/var(--_special-units---scale-ratio));
--68px: calc(68rem/var(--_special-units---scale-ratio));
--88px: calc(88rem/var(--_special-units---scale-ratio));
--104px: calc(104rem/var(--_special-units---scale-ratio));
--120px: calc(120rem/var(--_special-units---scale-ratio));
--160px: calc(160rem/var(--_special-units---scale-ratio));
--168px: calc(168rem/var(--_special-units---scale-ratio));
--240px: calc(240rem/var(--_special-units---scale-ratio));
--272px: calc(272rem/var(--_special-units---scale-ratio));
--_special-units---100vh: var(--_100svh);
--_special-units---offset-r: var(--24px);
--_special-units---offset-l: var(--24px);
--_special-units---grid-gap: var(--16px);
--_special-units---scale-ratio: 4.16;
--_special-units---1-cell-v: var(--80px);
--_special-units---1-cell-h: var(--80px);
--_units---u-0: var(--0px);
--_units---u-4: var(--4px);
--_units---u-8: var(--8px);
--_units---u-12: var(--12px);
--_units---u-16: var(--16px);
--_units---u-24: var(--16px);
--_units---u-32: var(--24px);
--_units---u-48: var(--32px);
--_units---u-64: var(--48px);
--_units---u-96: var(--64px);
--_units---u-160: var(--96px);
--_units---u-272: var(--120px)
}
.container.loc {
padding-right: var(--_special-units---offset-r)
}
.grid,
.grid._6-columns,
.grid._8-columns,
.grid._5-columns,
.grid._4-columns,
.grid._13-columns,
.grid._8-columns,
.grid._9-columns {
grid-template-columns: 1fr 1fr 1fr 1fr
}
.grid.h-100 {
height: auto
}
.b-desk {
display: none
}
.b-mob {
display: block
}
.f-mob {
display: flex
}
.f-desk {
display: none
}
.img {
height: 100%
}
.img.h-auto.hero-img {
min-height: 100vh
}
.img.h-auto.quote-w_bg_img {
object-position: 0% 50%;
height: 100%
}
.input_field {
height: var(--40px);
padding-right: var(--_units---u-96);
padding-left: var(--_units---u-96)
}
.form_block {
flex-flow: column;
justify-content: flex-start;
height: auto
}
.form_success {
height: auto
}
.form_error {
margin-top: var(--_units---u-64);
margin-left: calc(var(--_units---u-64)*-1);
margin-right: calc(var(--_units---u-64)*-1);
position: relative
}
.img-w.h-auto.quote-w_bg_img {
height: 100%
}
.mob_a-left {
text-align: left
}
.mob_a-center {
text-align: center
}
.mob_a-right {
text-align: right
}
._w-auto {
width: auto
}
.h-auto {
height: auto
}
.a2.preloader_a {
font-size: calc(48rem/var(--_special-units---scale-ratio))
}
.s_title {
padding-right: var(--_units---u-0);
padding-left: var(--_units---u-0);
margin-left: calc(var(--_special-units---grid-gap)*-1);
margin-right: calc(var(--_special-units---grid-gap)*-1);
grid-area: 1/2/2/4
}
.info-s_lead,
.info-s_desc {
grid-area: 1/1/2/5
}
.ico-48 {
width: var(--_units---u-64);
height: var(--_units---u-64)
}
.loc-info-w {
width: auto
}
.loc-info-s {
justify-content: flex-start;
height: auto
}
.loc-info-s_t,
.loc-info-s_b {
flex: 0 auto
}
.benefits-s_cms {
grid-area: 1/1/2/5
}
.benefit-slide_cap {
padding-right: var(--_units---u-0);
padding-left: var(--_units---u-0);
margin-left: calc(var(--_special-units---grid-gap)*-1);
margin-right: calc(var(--_special-units---grid-gap)*-1);
grid-area: 1/2/2/4
}
.benefit-slide_desc {
grid-area: 1/1/2/5
}
.benefit-slide_img {
width: 100%;
height: auto;
min-height: 0
}
.pag_progress {
width: var(--_units---u-272)
}
.benefits-intro-w {
margin-bottom: -1px
}
.benefits-intro-s {
height: auto
}
.benefits-intro-s_title_svg {
aspect-ratio: 1
}
.hero-s_title {
grid-area: 1/1/2/5
}
.apart-type-s {
height: auto
}
.apart-type-s_cms {
grid-area: 1/1/2/5
}
.apart-type-cms {
flex: 0 auto
}
.apart-type-cms_list_item {
height: auto;
inset: 0% 0% auto
}
.apart-type-cms_list {
height: auto
}
.apart-type-slide {
justify-content: flex-start;
height: auto
}
.apart-type-slide_c {
order: 3
}
.apart-type-slide_b {
margin-top: calc(var(--_units---u-32)*-1);
flex: 0 auto;
order: 2;
justify-content: flex-start
}
.apart-type-slide_desc {
grid-area: 2/1/3/5
}
.apart-type-slide_data {
text-align: center;
grid-area: 1/1/2/5
}
.data-list {
flex-flow: wrap;
justify-content: center
}
.apart-type-slide_img-w {
order: 1;
height: auto;
position: relative
}
.amen-slide_desc {
grid-area: 2/1/3/5
}
.amen-slide_title {
grid-area: 1/2/2/5
}
.amm-s_cms_tabs-w {
top: var(--_units---u-272)
}
.amm-s_cms_tabs {
grid-area: 1/2/2/5
}
.interior-s_title {
grid-area: 1/1/2/5
}
.interior-s_title_a {
margin-top: calc(var(--40px)*-1);
margin-left: calc(var(--16px)*-1)
}
.interior-s_imgs {
grid-column-gap: var(--_units---u-0);
grid-row-gap: var(--_units---u-0);
flex-flow: column;
justify-content: flex-start
}
.interior-s_l,
.interior-s_r {
flex: 0 auto
}
.interior-s_l_img-w {
padding-right: var(--80px);
padding-left: var(--80px)
}
.interior-s_r_img {
grid-area: 1/2/2/5
}
.interior-s_r_desc {
grid-area: 3/2/4/5
}
.interior-s_l_desc {
grid-area: 2/2/3/5
}
.interior-s_gallery-cms {
grid-area: 1/1/2/5
}
.gallery-cms {
aspect-ratio: 16/12
}
.other-s,
.other-s_cms,
.other-card_info_desc {
grid-area: 1/1/2/5
}
.other-card_info_logo {
width: var(--144px)
}
.cta-s {
aspect-ratio: 2/6
}
.cta-s_desc,
.cta-s_title {
grid-area: 1/1/2/5
}
.loc-scroll-area_track {
flex-flow: column
}
.loc-intro-w {
width: auto
}
.loc-intro-s {
height: auto
}
.loc-intro-s_img {
aspect-ratio: 3/4;
grid-area: 2/2/3/5
}
.loc-intro-s_desc {
grid-area: 3/2/4/5
}
.loc-intro-s_title {
grid-area: 1/2/2/5
}
.loc-intro-s_cap {
grid-area: 1/1/2/3
}
.loc-scroll-area_screen {
flex-flow: column;
position: static
}
.loc-intro-s_title_line.is-2 {
margin-left: 0
}
.interior-s_r_btn {
grid-area: 4/2/5/5;
justify-content: flex-start;
align-items: flex-start
}
.btn-circle {
height: calc((var(--_special-units---1-cell-v)*2) + (var(--_special-units---grid-gap)))
}
.amm-s_cms_btn {
grid-area: 1/2/2/5
}
.footer-s_contact {
grid-area: 1/1/2/5
}
.footer-s_address {
margin-left: calc(var(--_special-units---grid-gap)*-1);
margin-right: calc(var(--_special-units---grid-gap)*-1);
grid-area: 2/2/3/4;
padding-left: 0;
padding-right: 0
}
.ico-64 {
width: var(--_units---u-64);
height: var(--_units---u-64)
}
.footer-s_info {
grid-area: 1/1/2/3
}
.error-s_l {
grid-area: 2/1/3/3
}
.error-s_r {
grid-area: 2/3/3/5
}
.error-s_c {
grid-area: 1/1/2/5
}
.error-s_t {
flex: 0 auto
}
.error-s_desc {
grid-area: 1/2/2/4
}
.error-s_btn {
grid-area: 2/1/3/5
}
.error-s_title {
grid-column-gap: var(--_special-units---grid-gap);
grid-row-gap: var(--_special-units---grid-gap)
}
.error-s_title_a {
margin-top: calc(var(--32px)*-1)
}
.header-nav {
width: calc((var(--_special-units---1-cell-h)*2) + (var(--_special-units---grid-gap)))
}
.s-bar {
display: none
}
.arch-w {
position: relative
}
.arch-s {
aspect-ratio: 2/6
}
.arch-s_desc,
.arch-s_quote {
grid-area: 1/1/2/5
}
.arch-s_btn {
grid-area: 2/1/3/5
}
.hero-s_logo {
grid-area: 1/1/2/5
}
.hero-s_logo_a {
margin-top: calc(var(--24px)*-1);
margin-left: calc(var(--16px)*-1)
}
.hero-w_bg_master {
max-height: var(--_special-units---100vh)
}
.hero-s_desc {
grid-area: 1/1/2/8
}
.floating-tips {
display: none
}
.floating-tip-card {
z-index: 2;
padding-top: var(--_units---u-32);
padding-right: var(--_units---u-32);
padding-bottom: var(--_units---u-32);
padding-left: var(--_units---u-32);
width: calc((var(--_special-units---1-cell-h)*3) + (var(--_special-units---grid-gap)*2))
}
.cookies_card {
padding: var(--_units---u-32);
grid-column-gap: var(--_units---u-16);
grid-row-gap: var(--_units---u-16);
aspect-ratio: auto;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start
}
.cookies_card_title {
padding-right: 4.44444rem
}
.cookies {
z-index: 899
}
.cookies_card_t {
width: var(--_units---u-160);
flex: none;
justify-content: flex-start;
align-items: flex-start
}
.cookies_card_btn-list {
justify-content: flex-start;
align-items: center
}
.contact-s_title,
.contact-s_email {
grid-area: 1/1/2/5
}
.contact-s_loc {
margin-left: calc(var(--_special-units---grid-gap)*-1);
margin-right: calc(var(--_special-units---grid-gap)*-1);
grid-area: 3/2/4/4;
padding-left: 0;
padding-right: 0
}
.contact-s_phone {
grid-area: 2/1/3/5
}
.contact-s_map {
grid-area: 1/1/2/5;
margin-left: -65rem;
margin-right: -75rem
}
.contact-s_btn {
grid-area: 2/2/3/5
}
.contact-s_map_pin {
top: 42%
}
.contact-s_map_pin_c {
left: auto
}
.loc-w_bg {
overflow: auto
}
.loc-s_desc {
flex-flow: column;
grid-area: 1/1/2/5;
justify-content: flex-end;
align-items: center;
display: flex
}
.header-cramps {
display: none
}
.contact-s_social {
grid-area: 2/1/3/2
}
.no-wrap {
white-space: nowrap
}
.modal_cta {
justify-content: flex-end
}
.modal_cta_c {
max-height: var(--_special-units---100vh);
aspect-ratio: auto;
margin-left: calc(var(--_special-units---offset-l)*-1);
margin-right: calc(var(--_special-units---offset-r)*-1);
grid-area: 1/1/2/5;
overflow: auto
}
.modal_cta_l {
flex: 0 auto;
justify-content: flex-start
}
.modal_cta_l_b,
.modal_cta_desc {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex
}
.modal_cta_a {
margin-left: calc(var(--80px)*-1);
margin-top: calc(var(--24px)*-1)
}
.modal_cta_c_c {
display: none
}
.modal_cta_form {
height: auto
}
.modal_cta_form_c {
justify-content: flex-start;
width: 100%
}
.form_success_c {
height: auto
}
.form_success_social {
position: relative
}
.form_success_desc {
flex: 0 auto
}
.form_success_title {
width: calc(var(--20px)*8);
flex: 0 auto
}
.s-bar-w,
.s-down {
display: none
}
.quote-w_bg {
aspect-ratio: 1
}
.quote-s_c {
grid-area: 1/1/2/5
}
.loc-w_over-grad {
height: calc((var(--_special-units---1-cell-v)*2) + (var(--_special-units---grid-gap)*1))
}
.clouds.is-33 {
height: calc(var(--60px)*5)
}
.clouds.is-02,
.clouds.is-47 {
height: calc(var(--48px)*5)
}
.loc-intro-s_btn {
grid-area: 4/2/5/5
}
.loc-path-w {
width: auto
}
.loc-path-s {
justify-content: flex-start;
height: auto
}
.loc-path-s_title {
grid-area: 1/1/2/5
}
.loc-path-s_title_a.a2 {
margin-top: calc(var(--24px)*-1)
}
.loc-path-s_path {
margin-left: calc(var(--_special-units---offset-l)*-1);
margin-right: calc(var(--_special-units---offset-r)*-1);
grid-area: 1/1/2/5;
overflow: auto
}
.apart-type-slide_btn {
justify-content: center;
align-items: flex-start
}
.loc-w_bg_img {
width: 200%
}
.loc-path-s_path_c {
width: 250%
}
.soon-s_title {
grid-area: 1/1/2/5
}
.modal_menu_title {
grid-area: 1/2/2/4
}
.modal_menu_a {
margin-bottom: calc(var(--20px)*-1);
margin-left: calc(var(--48px)*-1)
}
.modal_menu_list {
grid-area: 1/1/2/5
}
.header-nav_list.f-mob {
display: flex
}
.moda_tip_close {
position: relative
}
.apart-s_title {
flex-flow: column;
justify-content: flex-start;
align-items: center
}
.apart-s_cms {
grid-area: 1/1/2/5
}
.apart-benefits-cms_list {
grid-row-gap: var(--_units---u-8);
grid-template-columns: 1fr
}
.apart-benefits-cms_list.c-2 {
grid-template-columns: 1fr
}
.apart-card_img_sec {
display: none
}
.apart-s_cms_filter_item {
margin-bottom: var(--_units---u-16);
grid-column: span 4
}
.apart-s_cms_filter_item.is-last {
margin-bottom: var(--_units---u-0)
}
.lot-s_info {
height: auto;
position: static
}
.preloader_title-l,
.preloader_title-r {
display: none
}
.preloader_logo {
grid-area: 1/2/2/4
}
.preloader_logo_a {
margin-top: calc(var(--16px)*-1);
margin-left: calc(var(--16px)*-1)
}
.preloader_progress_fill {
height: var(--_units---u-160)
}
.footer-s_s-top {
display: none
}
.apart-card_shadow {
height: 100%;
display: none
}
.lot-s_info_c {
grid-area: 1/1/2/5;
justify-content: flex-start
}
.lot-s_info_t {
flex: 0 auto;
height: auto;
overflow: visible
}
.lot-s_info_header.is-top {
margin-left: 0
}
.lot-s_info_data {
grid-column-gap: var(--_special-units---grid-gap);
grid-row-gap: var(--_units---u-32);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.lot-s_info_more_content {
padding-right: var(--_units---u-160)
}
.lot-s_media {
margin-top: 0
}
.lot-s_media_c {
padding-right: var(--_special-units---offset-r);
padding-left: var(--_special-units---offset-l);
grid-column-gap: var(--_units---u-16);
grid-row-gap: var(--_units---u-16);
aspect-ratio: 1/.8;
margin-left: calc(var(--_special-units---offset-l)*-1);
margin-right: calc(var(--_special-units---offset-r)*-1);
overscroll-behavior: none;
grid-area: 1/1/2/5;
display: flex;
position: relative;
overflow: auto
}
.lot-media-cms {
flex: none;
height: 100%
}
.lot-media-cms_list {
flex-flow: row;
height: 100%;
padding-left: 0;
padding-right: 0
}
.lot-media-cms_list_item {
flex: none;
height: 100%
}
.lot-s_media_layout {
grid-column-gap: var(--_units---u-16);
grid-row-gap: var(--_units---u-16);
flex-flow: row;
flex: none;
justify-content: flex-start;
height: 100%
}
.lot-s_info_line {
display: none
}
.lot-s_media_layout_img-prim {
aspect-ratio: 1;
flex: none;
width: auto;
height: 100%;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0
}
.lot-s_media_layout_diagrams {
bottom: var(--_units---u-0);
height: var(--_units---u-64);
padding-right: var(--_units---u-0);
flex-flow: row;
justify-content: center;
align-items: center;
position: relative
}
.block-diagram_hilight {
height: 100%
}
.lot-s_media_layout_img-sec {
aspect-ratio: 1;
flex: none;
width: auto;
height: 100%;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0
}
.hero-s_tabs {
display: none
}
.lot-s_info_header_num {
justify-content: space-between;
align-items: center;
display: flex
}
.scroll-area_screen {
flex-flow: column
}
.other-title-w {
margin-bottom: -1px
}
.other-title-s {
height: auto
}
.other-title-s_title {
grid-area: 1/1/2/5
}
.apart-cms_list {
grid-row-gap: var(--_units---u-8);
grid-template-columns: 1fr
}
.apart-s_cms_empty_info {
grid-area: 1/1/2/5
}
.apart-s_cms_empty_title {
padding-left: var(--_units---u-32)
}
.video {
height: 100%
}
.flower {
width: calc(var(--40px)*10);
height: calc(var(--40px)*10)
}
.flower.loc-info {
left: calc(((32rem/var(--_special-units---scale-ratio))*-1) - var(--_special-units---offset-r));
top: calc((48rem/var(--_special-units---scale-ratio))*-1)
}
.flower.loc-intro {
left: calc((96rem/var(--_special-units---scale-ratio))*-1);
bottom: calc((0rem/var(--_special-units---scale-ratio))*-1);
transform: rotate(180deg)
}
.flower.apart-info {
left: calc(((32rem/var(--_special-units---scale-ratio))*-1) - var(--_special-units---offset-r))
}
.flower.asd {
left: calc(((32rem/var(--_special-units---scale-ratio))*-1) - var(--_special-units---offset-r));
top: calc((48rem/var(--_special-units---scale-ratio))*-1)
}
.flower.apart {
top: calc((64rem/var(--_special-units---scale-ratio))*-1);
right: calc(((64rem/var(--_special-units---scale-ratio))*-1) - var(--_special-units---offset-r))
}
.flower.apart-info-copy {
left: calc(((32rem/var(--_special-units---scale-ratio))*-1) - var(--_special-units---offset-r))
}
.flower.other {
right: calc(((96rem/var(--_special-units---scale-ratio))*-1) - var(--_special-units---offset-r))
}
.loc-path-w_flower {
display: none
}
.modal_lightbox_content {
z-index: 2;
width: 100%;
height: calc(100% - (var(--_units---u-48)*6))
}
.modal_decor {
left: var(--_units---u-8);
top: var(--_units---u-8);
right: var(--_units---u-8);
bottom: var(--_units---u-8)
}
.apart_themes_light-1,
.apart_themes_color-1 {
height: 25rem
}
.interior_themes_light-1 {
height: 80rem
}
.interior_themes_light-2 {
flex: none;
display: none
}
.interior_themes_dark-2 {
height: 125rem
}
.l1-list {
grid-column-gap: var(--_units---u-8);
grid-row-gap: var(--_units---u-8);
justify-content: center;
align-items: center;
display: flex
}
}
@media screen and (max-width:767px) {
.hero-scroll-area {
height: calc((var(--_special-units---100vh)*2) + (50rem + var(--_special-units---100vh)))
}
}
@media screen and (max-width:991px) {
#w-node-a93c3093-e77a-7926-27af-e0a2d9898e16-d9898e13 {
grid-column: 1/5
}
}
/** -------------------------------------------------
* FORM STATES
*
* Replaces the show/hide that the Webflow runtime used to apply inline to
* its form-state elements. Those base classes have since been removed, so
* the default hidden state is declared here and owned by this file alone.
*
* State is driven by /assets/js/form-handler.js, which sets
* data-form-state="success" | "error" on the [data-form-wrap] element.
* ------------------------------------------------- */
[data-form-wrap] .form_success,
[data-form-wrap] .form_error {
display: none
}
[data-form-wrap][data-form-state="success"] .form_block {
display: none
}
[data-form-wrap][data-form-state="success"] .form_success {
display: block
}
[data-form-wrap][data-form-state="error"] .form_error {
display: block
}
/** -------------------------------------------------
* MOBILE MENU MODAL
*
* Below 992px the desktop header list (.header-nav_list.f-desk) is hidden and
* the burger panel is the only navigation, so the panel mirrors every desktop
* link. That makes the list roughly twice as tall as the original four-item
* version, which no longer clears a short phone viewport at the inherited
* rhythm. Tighten the leading gap and the panel's top spacer, and let the list
* area scroll so the last item is always reachable.
*
* The spacer went u-64 -> u-32 when the list gained its three group labels (see
* GROUPED NAVIGATION below). The labels cost about 14px of height; this returns
* more than that from leading whitespace instead of from the row gap, because
* the gap is already the tighter half of a ~34px tap pitch on a 27px link and
* squeezing it further would push the targets further below the 44px guideline.
* ------------------------------------------------- */
@media screen and (max-width:991px) {
.modal.menu .modal_menu_t .u-272 {
height: var(--_units---u-32)
}
.modal.menu .modal_menu_list {
grid-row-gap: var(--_units---u-16)
}
/* The panel itself scrolls, rather than a flex-sized middle section: the
header block and footer logo alone can exceed a short landscape
viewport, which would leave a `flex: 1` list with no free space to
claim and collapse it to zero height. Letting .modal_menu grow past
100% keeps every item laid out at its natural size and reachable,
while min-height preserves the space-between spread when it fits. */
.modal.menu .modal_c {
overflow-y: auto;
overscroll-behavior: contain
}
.modal.menu .modal_menu {
height: auto;
min-height: 100%;
flex: none
}
}
/** -------------------------------------------------
* PRELOADER DESCENT (home page only)
*
* The loading rule doubles as an approach path: a plane rides its leading edge
* from top to bottom while the solid track fills in behind it as a contrail, so
* the loading beat reads as a landing. Only index.html carries the markup.
*
* The plane is a sibling of the rule rather than a child, because the rule is
* [data-part="line"] and animateLine() leaves an inline clip-path on it — any
* child wider or taller than the 1px rule would be cropped by that clip.
*
* Centring uses negative margins, not `translate`. GSAP animates the plane's
* `transform`, and per CSS Transforms the individual `translate`/`rotate`
* properties apply BEFORE `transform`, so a CSS `translate` here would be
* composed with GSAP's matrix and skew the travel path.
* ------------------------------------------------- */
.preloader_descent {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.preloader_descent_plane {
--plane-size: var(--20px);
/* Cream straight off the global palette, not the --_colors---base-1000--primary
theme alias. The alias resolves correctly here today, but this div carries
no typography class, so the moment the rule fails to reach it — a stale
cached stylesheet is enough — `color` falls back to the inherited body
value, which resolves against :root rather than .theme_on-dark and comes
out navy. Navy on feather olive is unreadable, and `width` collapses to
auto at the same time, which lets the SVG grow to its intrinsic size. The
literal cream cannot invert, and the element repeats it inline for the
same reason. */
color: var(--_global-colors---base-0--100);
width: var(--plane-size);
height: var(--plane-size);
margin-top: calc(var(--plane-size)/-2);
margin-left: calc(var(--plane-size)/-2);
/* Duplicated inline on the element, deliberately. In flow the plane sits
below the rail instead of on it, and preloader.js would then measure the
travel off a wrapper that had grown by the plane's own height — the plane
would fly past the end of the line. Position is the one part of this rule
that never varies by breakpoint, so it is safe to state twice; size and
centring stay here alone because they do vary. */
position: absolute;
top: 0;
left: 50%
}
/* The SVG carries width/height attributes so it still measures 20px if this
rule never lands; here it hands sizing back to the wrapper. */
.preloader_descent_plane svg {
width: 100%;
height: 100%;
display: block;
/* Lifts the silhouette off the olive, and reads as the haze around a light
at altitude rather than a UI shadow. */
filter: drop-shadow(0 0 calc(var(--plane-size)/2) rgb(243 243 236/.34))
}
/* Contrail. Sits above the plane because the icon is rotated to fly downward,
and fades out over roughly three plane-lengths, so the brightest point is the
tail itself. It rides in the plane's own stacking context, which puts a hot
leading section over the filled track — the track reads as the path already
flown, this reads as the air still moving. */
.preloader_descent_plane:before {
content: "";
/* display and grid-area both reset .w-embed's clearfix pseudo, which this
selector overrides. */
display: block;
grid-area: auto;
background-image: linear-gradient(to bottom, rgb(243 243 236/0), rgb(243 243 236/.72));
width: 1px;
height: calc(var(--plane-size)*3);
position: absolute;
bottom: 50%;
left: 50%;
transform: translateX(-50%)
}
/* Banking.
*
* GSAP owns the wrapper's `transform` for the descent, so the sway lives on the
* SVG instead of fighting that matrix — and on the SVG the roll pivots on the
* fuselage rather than swinging the contrail with it.
*
* Rotation only, no lateral component. A roll pairs with a sideways drift on a
* real aircraft, but here the plane has to stay on a 1px rail: even a 4% shift
* reads as misalignment, and because a sway oscillates, the plane would sit on
* the line only at the midpoint of each cycle. transform-origin is stated
* because the initial value differs between an