.unitcard{position:relative;width:100%;height:100%;white-space:nowrap}.unitcard>div{position:relative;display:inline-flex;height:100%;vertical-align:top;transition:transform .3s ease-in-out}.unitcard>div[data-active-section=design]{transform:translate(-78vw)}.unitcard-section-title{position:absolute;top:0;right:0;height:10vw;width:100vh;transform:rotate(-90deg) translateY(-100%);transform-origin:top right;padding:var(--margin);display:flex;align-items:center;gap:2rem;line-height:0;font-size:5rem;font-weight:100}.unitcard-section-title>svg{height:4vw;width:4vw;transition:opacity .3s ease-in-out}.unitcard-floorplan{width:90vw}.unitcard-floorplan .unitcard-section-title svg{display:none}.unitcard-select{position:absolute;top:0;right:10vw;color:#646e69}.unitcard-floorplan-image{width:100%;height:100%}.unitcard-floorplan-image img{width:60%;height:60%;object-fit:cover}.unitcard-floorplan-controls{position:absolute;top:50%;left:var(--margin);transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem}.unitcard-floorplan-controls button{width:3rem;height:3rem;border-radius:100%;background-color:transparent;cursor:pointer;transition-property:background-color,color;transition-duration:.3s;transition-timing-function:ease-in-out;border:1px solid #646e69}.unitcard-floorplan-controls button[data-active=true]{background-color:#646e69;color:#fff}.unitcard-compass{position:absolute;left:var(--margin);bottom:var(--margin);border:2px solid black;width:4rem;height:4rem;display:flex;justify-content:center;align-items:center;font-size:2rem;border-radius:50%}.unitcard-compass:after{content:" ";position:absolute;top:0%;left:50%;transform:translate(-50%,-50%);width:3px;height:1.25rem;background-color:red}.unitcard-data{position:absolute;bottom:calc(var(--margin) + 1rem);left:50%;transform:translate(-50%);display:flex;font-size:3rem;gap:5rem}.unitcard-data p{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;line-height:2rem}.unitcard-data p span{font-size:.8rem}.unitcard-data p:not(:last-child):after{content:" ";position:absolute;top:50%;right:-2.5rem;transform:translateY(-50%);width:1px;height:150%;background-color:#000}.unitcard-data-area span:nth-of-type(1){position:relative;font-size:3rem}.unitcard-data-area span:nth-of-type(1) sup{position:absolute;top:0;right:0;font-size:.8rem;color:red;transform:translate(110%,-50%)}.unitcard-data-area span:nth-of-type(2){font-size:.8rem}.unitcard-design{width:90vw;background-color:#646e69}.unitcard-design .unitcard-section-title{right:80vw;color:#fff}.unitcard-design .unitcard-section-title svg path{fill:#fff}.unitcard-design-content{position:relative;margin-left:10vw;height:100%;width:78vw;white-space:normal}.unitcard-design-content p,.unitcard-design-content img{display:inline-flex;vertical-align:top;width:50%;height:50%}.unitcard-design-content p{font-size:1.125rem;padding:var(--margin);align-items:flex-end;color:#fff}.unitcard-design-content img{object-fit:cover}.floor-selector{position:absolute;top:50%;left:var(--margin);transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;width:3rem;height:fit-content;border:.5px solid rgba(255,255,255,.5);border-radius:1.5rem;background:#49423d;padding:1.25rem 0}.floor-selector button{position:relative;z-index:1;width:2.5rem;height:2.5rem;border-radius:100%;padding:.5rem;border:none;background-color:transparent;cursor:pointer;transition:color .3s ease;color:#fff;font-size:1rem}.floor-selector button[data-floor-selected=true]{color:#000}.floor-selector span:not(.floor-selector-marker){position:relative;z-index:1;color:#fff;font-size:.7rem}.floor-selector-marker{position:absolute;z-index:0;top:4.25rem;left:50%;transform:translate(-50%,-50%);width:2.5rem;height:2.5rem;border-radius:100%;background-color:#fff;transition:top .3s ease-in-out}aside{position:absolute;top:10vh;right:var(--margin);width:28%;height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}aside section{position:relative;width:100%;height:100%;max-height:calc(100% - 4rem);padding-top:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;background:#ffffff40;border:1px solid white;border-radius:.5rem}aside section>div:has(.list-unit-thumb){position:relative;width:100%;max-height:calc(100% - 4rem);overflow:hidden scroll}.units-list-empty p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2rem;text-align:center}.resi-sidebar-buttons-bar,.resi-sidebar-filter-bar{display:flex;width:100%;gap:1rem;justify-content:space-evenly}.resi-sidebar-filter-bar div,.resi-sidebar-buttons-bar button{position:relative;width:calc(33.3333333333% - 1rem);min-width:calc(33.3333333333% - 1rem);height:3rem;border:none;cursor:pointer;color:#fff;font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:#ffffff40;border:1px solid white;border-radius:.5rem}.resi-sidebar-buttons-bar{justify-content:space-between}.resi-sidebar-buttons-bar button{width:33.3333333333%}.resi-sidebar-buttons-bar button[disabled]{opacity:.5;pointer-events:none}.resi-sidebar-filter-bar div button{width:100%;background:transparent;border:none;font-size:.8rem;display:flex;align-items:center;justify-content:space-between;border-radius:.5rem;color:#fff}.resi-sidebar-filter-bar div div{position:absolute;z-index:1;min-width:100%;width:fit-content;height:fit-content;background:#49423d;border:1px solid white;border-radius:.5rem;top:calc(100% + .5rem)}.resi-sidebar-filter-bar div div ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.resi-sidebar-filter-bar div div ul li{opacity:.5}.resi-sidebar-filter-bar div div ul li[data-selected=true]{opacity:1}.list-unit-thumb{--padding: .75rem;position:relative;width:calc(100% - 1rem);height:15vh;border-radius:.5rem;overflow:hidden;font-size:1rem;background-color:#ffffff20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:1rem;margin-left:.5rem;border:1px solid transparent;transition-property:background-color,border-color;transition-duration:.3s;transition-timing-function:ease-in-out}.list-unit-thumb[data-active=true]{background-color:#ffffff80;border-color:#fff}.list-unit-thumb p{position:absolute;top:var(--padding);left:var(--padding);display:flex;align-items:center;justify-content:center;font-size:.7em;padding:calc(var(--padding) / 2);font-weight:100;border-radius:1px}.list-unit-thumb h1{position:absolute;bottom:var(--padding);left:var(--padding);font-size:3em;font-weight:100}.list-unit-thumb img{position:absolute;top:var(--padding);right:var(--padding);width:55%;height:calc(100% - var(--padding) * 2);border-radius:.25rem;object-fit:cover}.list-unit-thumb div{position:absolute;top:calc(var(--padding) * 1.5);right:calc(var(--padding) * 1.5);display:flex;gap:.5rem}.list-unit-thumb button{position:relative;border:none;background:#ffffff40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:100%;width:2rem;height:2rem;cursor:pointer}.list-unit-thumb button svg{width:1rem;height:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.list-unit-thumb button:nth-of-type(2) svg{width:.8rem;height:.8rem}.active-residence{position:absolute;width:100%;height:100%;z-index:3;background-color:#fff;color:#000;display:flex;justify-content:center;align-items:center;font-size:3rem;view-transition-name:active-residence}.share .share-logo,.active-residence .active-residence-logo{position:absolute;z-index:3;width:10rem;height:10rem;padding:var(--margin);top:0%;left:0%}.active-residence-close>svg>path{transition:fill .3s ease-in-out}.transition-page{position:absolute;width:100%;height:100%;color:var(--color-text);font-size:3rem;view-transition-name:crossfade}.bg-video{view-transition-name:bg-video}#bg-overlay-anchor{position:absolute;width:100%;height:100%;view-transition-name:bg-overlay-anchor}:root{view-transition-name:root}::view-transition-old(gallery-fullscreen),::view-transition-old(active-residence),::view-transition-old(compare),::view-transition-old(share),::view-transition-old(crossfade),::view-transition-old(bg-overlay-anchor),::view-transition-old(bg-video){animation-name:fade-out;animation-duration:.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}::view-transition-new(gallery-fullscreen),::view-transition-new(active-residence),::view-transition-new(compare),::view-transition-new(share),::view-transition-new(crossfade),::view-transition-new(bg-overlay-anchor),::view-transition-new(bg-video){animation-name:fade-in;animation-duration:.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.close-button{position:fixed;z-index:2;top:var(--margin);right:var(--margin);cursor:pointer;border:none;background-color:transparent;width:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center}.carousel-select{height:12rem;max-height:12rem;overflow:hidden scroll}.carousel-select::-webkit-scrollbar{display:none}.carousel-select:before,.carousel-select:after{content:"";display:inline-block;width:100%;height:calc(50% - 2rem)}.carousel-select p{width:100%;height:4rem;cursor:pointer;text-align:center;padding:0 var(--margin);overflow:hidden;line-height:1;opacity:1}.carousel-select p span{display:block}.carousel-select p[data-carousel-option-role=above]{opacity:0}.bg-video{width:100%;height:100%;z-index:-1;pointer-events:none}.split-image-div{position:relative}.split-image-div-top,.split-image-div-bottom{position:absolute;width:100%;height:50%;background-size:cover;background-position:center}.split-image-div-top{top:0}.split-image-div-bottom{bottom:0}.compare-none,.compare{position:absolute;width:100%;height:100%;z-index:3;background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center;font-size:3rem;view-transition-name:compare}.compare-none{background-color:#000000e6}.compare-none h1{font-size:1rem;font-weight:100;text-align:center}.compare-none a{text-decoration:underline}.compare-split-image-div{width:100%;height:100%;z-index:0}.compare-split-image-div:after{content:"";position:absolute;width:100%;height:100%;z-index:1;background-color:#00000040;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.compare .cards-holder{--min-top: calc(var(--margin) * 3);position:relative;display:inline-flex;flex-direction:column;justify-content:flex-start;align-items:center;vertical-align:top;padding:calc(var(--margin) * 3);height:100%;width:50%}.cards-holder:nth-of-type(2){padding-right:1.5rem}.cards-holder:nth-of-type(3){padding-left:1.5rem}.compare-unit-card{position:absolute;width:40vw;height:67vh;flex-shrink:0;padding:1rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem}.compare-unit-card h1{font-size:3rem;font-weight:100;color:#000;text-align:left;width:100%}.compare-unit-card .compare-card-floorplans-holder{position:relative;background-color:#fff;width:80%;height:65%;flex-shrink:0;border-radius:.75rem}.compare-unit-card .compare-card-floorplans-holder>div{width:100%;height:100%}.compare-unit-card .compare-card-floorplans-holder img{width:100%;height:100%;object-fit:contain}.compare-card-data{width:100%;margin-top:2rem;position:relative;display:flex;font-size:2rem;color:#000}.compare-card-data p{width:25%;position:relative;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;line-height:2rem;flex-shrink:0}.compare-card-data p span{font-size:.8rem}.compare-card-data p:not(:last-child){border-right:2px solid black}.compare-card-data-area span:nth-of-type(1){position:relative;font-size:2rem}.compare-card-data-area span:nth-of-type(1) sup{position:absolute;top:0;right:0;font-size:.8rem;transform:translate(110%,-25%)}.compare-card-data-area span:nth-of-type(2){font-size:.8rem}.compare-unit-card:nth-of-type(3n+1){background-color:#646e69}.compare-unit-card:nth-of-type(3n+2){background-color:#b4644b}.compare-unit-card:nth-of-type(3n+3){background-color:#c3e6f5}.gallery-page{display:flex}.gallery-background{position:absolute;width:100%;height:100%;z-index:0}.gallery-background:after{content:"";position:absolute;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.gallery-background img{width:100%;height:100%;object-fit:cover}.gallery-page-section{position:relative;width:50%;max-width:50%;z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.gallery-carousel-container{display:block;white-space:nowrap;padding-right:10%;max-height:100%;overflow:hidden scroll}.gallery-carousel-container:before,.gallery-carousel-container:after{content:"";display:inline-block;width:100%;height:calc(50% - 14vh)}.gallery-carousel-container img{display:block;width:100%;height:28vh;margin-bottom:.25rem;object-fit:cover}.gallery-fullscreen{position:absolute;width:100%;height:100%;z-index:3;background-color:#000000e6;view-transition-name:gallery-fullscreen;color:#fff;display:flex;justify-content:center;align-items:center;font-size:3rem}.gallery-fullscreen img{max-width:90%;max-height:80%}.gallery-fullscreen h1{font-size:1rem;font-weight:100;text-align:center}.gallery-fullscreen a{text-decoration:underline}.carousel-select p{font-size:3.5rem;text-transform:capitalize}.location-screen{width:100%;height:100%;z-index:0;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center}.overlay-anchor{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.location-screen h1{width:80vw;color:#fff;font-weight:100;font-size:4rem}.location-screen h1:nth-child(2){text-align:right}.share-none,.share{position:absolute;width:100%;height:100%;z-index:3;background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center;font-size:3rem;view-transition-name:share}.share h1{font-size:5rem;font-weight:100;text-align:left;line-height:3.25rem;left:calc(var(--margin) * 5);transform:translateY(-100%)}.share form{position:absolute;z-index:1;width:100%;height:50%;padding:calc(var(--margin) * 3) calc(var(--margin) * 5);top:50%;left:0%;display:flex;flex-direction:column;align-items:flex-start}.share form input{width:40vw;outline:none;border:none;background-color:transparent;color:#fff;font-size:1.5rem;font-weight:100;padding:2rem 0 .5rem;border-bottom:1px solid white}.share form input::placeholder{font-weight:100;color:#fff}.share form button{position:absolute;top:calc(var(--margin) * 5);left:70%;width:8rem;height:8rem;background-color:transparent;border:1px solid white;outline:none;cursor:pointer;color:#fff;font-size:1.25rem;font-weight:100;border-radius:50%}.share form h6{font-size:2rem;font-weight:100;text-align:left;margin-top:auto;text-decoration:underline;text-transform:uppercase;opacity:0;transition:opacity .3s ease-in-out}.share form h6[data-visible=true]{opacity:1}.share .share-logo{position:absolute;z-index:3;width:10rem;height:10rem;padding:var(--margin);top:0%;left:0%}.share-qr-code{position:absolute;width:8rem;height:8rem;bottom:var(--margin);right:var(--margin)}.share-none{background-color:#000000e6}.share-none h1{font-size:1rem;font-weight:100;text-align:center}.share-none a{text-decoration:underline}.share-split-image-div{width:100%;height:100%;z-index:0}.splash-page{display:flex;justify-content:center;align-items:center;flex-direction:column}.splash-logo{width:25vw;height:25vw}.splash-button{position:absolute;bottom:var(--margin);padding:calc(var(--margin) / 2) var(--margin);border:1px solid var(--color-text);background-color:rgba(var(--color-text-rgb),.25);aspect-ratio:2.5/1;font-size:1.5rem;font-weight:200;color:var(--color-text)}@property --progress{syntax: "<number>"; inherits: false; initial-value: 0;}nav{--progress-norm: calc(var(--progress) / 100);position:fixed;z-index:1;width:100%;bottom:0;left:0;padding:var(--margin);display:flex;gap:2rem;-webkit-backdrop-filter:blur(calc(var(--progress) * .05px));backdrop-filter:blur(calc(var(--progress) * .05px));transition-property:opacity,--progress;transition-duration:.4s;transition-timing-function:ease-in-out;border-top:1px solid white;border-image:linear-gradient(to right,white calc(var(--progress) * 1%),transparent calc(var(--progress) * 1%)) 1;view-transition-name:navbar}nav[data-visible=false]{opacity:0;pointer-events:none}nav[data-menu-open=true]{--progress: 100}nav[data-menu-open=false]{--progress: 0}nav a{height:100%;text-decoration:none;color:rgba(var(--color-text-rgb),.5);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;transition:color .2s ease-in-out}nav a[data-active=true]{color:rgba(var(--color-text-rgb),1);pointer-events:none}nav a[data-visited=true] span{background-color:rgba(var(--color-text-rgb),1)}nav a:visited{color:var(--color-text)}nav a span{position:absolute;top:0%;transform:translateY(calc(-50% - 1.1rem));display:block;width:1rem;height:1rem;aspect-ratio:1/1;border:2px solid rgba(var(--color-text-rgb),1);background-color:transparent;border-radius:100%;transition:background-color .2s ease-in-out}.nav-logo{position:absolute;z-index:3;width:10rem;height:10rem;padding:var(--margin);top:0%;left:0%;view-transition-name:nav-logo;-webkit-backdrop-filter:blur(var(--bgBlur));backdrop-filter:blur(var(--bgBlur))}.nav-menu-button{position:relative;background-color:transparent;border:none;outline:none;width:4rem;height:4rem;min-width:4rem;min-height:4rem}.nav-menu-button svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.nav-menu-button svg:nth-of-type(1){opacity:var(--progress-norm)}.nav-menu-button svg:nth-of-type(2){opacity:calc(1 - var(--progress-norm))}.nav-menu{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:4rem;opacity:var(--progress-norm);view-transition-name:nav-menu}.nav-menu ul{z-index:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;list-style:none;width:100%;height:2rem}.nav-menu ul li{position:relative;width:100%;height:2rem}nav[data-menu-open=false] .nav-menu{pointer-events:none}.nav-range-bar{position:relative;z-index:1;width:calc(75% + 2rem);height:2rem;pointer-events:none}.nav-range-bar-thumb{width:2rem;height:2rem;border-radius:50%;background-color:#fff;border:1px solid white;z-index:2;pointer-events:all;view-transition-name:nav-range-bar-thumb}.nav-ruler{position:absolute;z-index:0;top:0%;width:75%;height:2rem;pointer-events:none;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1%}.nav-ruler hr{--maskGap: .5rem;position:absolute;z-index:0;top:50%;transform:translateY(-150%);outline:none;border:none;width:100%;height:2px;background-color:#fff;-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--maskGap),black calc(33.33% - var(--maskGap)),transparent calc(33.33% - var(--maskGap)),transparent calc(33.33% + var(--maskGap)),black calc(33.33% + var(--maskGap)),black calc(66.66% - var(--maskGap)),transparent calc(66.66% - var(--maskGap)),transparent calc(66.66% + var(--maskGap)),black calc(66.66% + var(--maskGap)),black calc(100% - var(--maskGap)),transparent calc(100% - var(--maskGap)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black var(--maskGap),black calc(33.33% - var(--maskGap)),transparent calc(33.33% - var(--maskGap)),transparent calc(33.33% + var(--maskGap)),black calc(33.33% + var(--maskGap)),black calc(66.66% - var(--maskGap)),transparent calc(66.66% - var(--maskGap)),transparent calc(66.66% + var(--maskGap)),black calc(66.66% + var(--maskGap)),black calc(100% - var(--maskGap)),transparent calc(100% - var(--maskGap)),transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.nav-ruler span{position:absolute;z-index:1;height:.5rem;width:.5rem;min-width:.5rem;min-height:.5rem;border-radius:100%;background-color:#fff;transform:translate(-50%,-25%)}.nav-ruler span:nth-of-type(4n+1){visibility:hidden}:root{--margin: 2rem;--color-text: white;--color-text-rgb: 255, 255, 255;--bgBlur: 2px}*{box-sizing:border-box;margin:0;padding:0;touch-action:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-drag:none;overscroll-behavior:none}html,body,#root{position:fixed;top:0;left:0;width:100vw;max-width:100vw;height:100%;max-height:100%;overflow:hidden;touch-action:none;font-weight:200;background-color:#1d1d1d}.clickable{cursor:pointer}.clickable:active{opacity:.8;transform:scale(.98);transform-origin:center}.centerABS{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.centerREL{position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.centerFIX{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}