.img{width:100%;height:100%;max-height:100vh;object-fit:cover;object-position:center}.hero{padding:0%;background-color:var(--color-primary-light);height:auto;z-index:1;&:before{content:"";position:absolute;height:50vh;aspect-ratio:1/1;top:-20vh;left:calc(50% - 25vh);background:#000;background:radial-gradient(circle,#000,#0000 50%);z-index:1;pointer-events:none;opacity:.9}&:after{content:"";position:absolute;height:40%;width:100%;bottom:0;left:0;background:#000;background:linear-gradient(180deg,#0000,#000);z-index:1;pointer-events:none;opacity:.8}.hero__imgMain{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;img{height:100%;object-fit:cover;object-position:center}}.video__bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-2;video{width:100%;height:100%;object-fit:cover}}.column__1{position:relative;width:100%;height:100vh;display:flex;justify-content:flex-end;align-items:center;z-index:2;.hero__iconBox{position:absolute;top:30px;width:auto;height:auto;border-radius:100%;background:radial-gradient(circle,#00000010 1%,transparent);z-index:1;picture{height:13vh;width:auto;img{width:100%;height:100%;aspect-ratio:1;object-fit:contain;object-position:center}}}.hero__svgAndH1Box{width:100%;padding:5% 5% 0;display:flex;flex-direction:column;align-items:center;div{width:100%;height:auto;background-size:contain;background-repeat:no-repeat;picture{margin-bottom:-3px;opacity:1;img{opacity:0}}}}.hero__watermark{color:var(--color-white);font-size:13px;position:absolute;bottom:15%;right:8px;transform:rotate(90deg);transform-origin:top right;width:fit-content;text-wrap:nowrap;z-index:2}}}.hero__intro{padding:55vh 0 5%;background-color:var(--color-primary-light);.column__1{position:relative;width:70%;padding:0% 0;#brown{z-index:-1;text-align:center;color:var(--color-primary-dark);position:relative;font-size:var(--size-2xl);font-weight:500;text-transform:uppercase;letter-spacing:.2em;padding:0 11%;height:inherit;position:absolute;transform:translateY(-40vh);h2{font-size:inherit;letter-spacing:inherit;font-weight:inherit}}.hero__imgSecondaryBox{position:relative;z-index:1;overflow:hidden;height:80vh;background-repeat:no-repeat;background-position:center;background-size:cover;&:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background-color:#00000040}#white{z-index:2;color:var(--color-primary-dark);position:relative;font-size:var(--size-2xl);font-weight:500;text-transform:uppercase;letter-spacing:.2em;padding:0 11%;height:inherit;background:inherit;-webkit-background-clip:text;background-clip:text;text-align:center;filter:invert(1) grayscale(1) contrast(9);position:absolute;transform:translateY(-40vh);h2{font-size:inherit;letter-spacing:inherit;font-weight:inherit}}}.btn{position:absolute;left:50%;bottom:-150px;transform:translate(-50%,-50%);z-index:2;cursor:pointer;padding:10px;border-radius:100%;width:150px;height:150px;background-color:var(--color-primary-dark);margin-bottom:0;.hero__circleSvg{animation:rotate 12s linear infinite}.hero__arrowSvg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%}}}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.intro{margin-top:-5px;padding:8% 0% 5% 5%;z-index:1;background-color:var(--color-primary-light);.column__2{width:100%;.col__left{width:40%;padding-right:5%;justify-content:space-between;h2,h3,p{color:var(--color-black)}.btn{text-decoration:none}}.col__right{width:60%;padding-left:5%;.imageWatermarkBox{height:100%;picture{height:100%}}}}.column__1{padding:10% 0 15%;width:100%;ul.intro__amenities{display:flex;width:100%;flex-wrap:wrap;justify-content:center;column-gap:50px;row-gap:100px;li{width:calc(25% - 50px);display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center;color:var(--color-black);picture{display:flex;justify-content:center;margin-bottom:30px;img{width:95px;min-width:60px!important;object-fit:contain;aspect-ratio:1/1}}}}}.svgTextBottom{width:45%}}.divisor{overflow:hidden;background-color:var(--color-black)}.location{padding:15% 0% 12%;position:relative;background-color:var(--color-black);.location__intro{padding-bottom:10%;flex-direction:row!important;.col__left{padding-right:10%;picture{height:100%}}.col__right{.portableText{width:60%;margin-bottom:100px}.imageWatermarkBox{height:100%;picture{height:100%}}}}.location__outro{padding-left:5%;flex-direction:row!important;.col__left{width:35%;padding-right:5%;justify-content:center;.btn{text-decoration:none}h3{color:var(--color-secondary)}ul{margin-bottom:20px;li{list-style:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;line-height:1.6;margin-bottom:0;&:before{content:"";display:block;width:10px;height:10px;background-color:var(--color-accent);border-radius:10px;line-height:inherit}}}}.col__right{position:relative;width:65%;padding-left:0%;.location__pin{margin:0;position:absolute;width:60px;height:60px;top:30%;left:68%;transform:translate(-50%,-50%);background-color:var(--color-primary-light);border-radius:100%;padding:12px;display:flex;justify-content:center;align-items:center;z-index:1;&:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--color-primary-light);border-radius:100px;opacity:.4;top:0;left:0;animation:pulse 1.5s ease-in-out infinite;z-index:-1}img{object-fit:contain;object-position:center}}}}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.sustainability{padding:15% 0 8% 0%;background-color:var(--color-primary-light);.svgTextTop{width:58%}.column__2{padding-left:5%;.col__left{padding-right:10%;h2,p,li{color:var(--color-black);list-style:none}li{border-bottom:1px solid var(--color-black)}}}.column__1{margin-top:8%;padding-top:5%;&:before{content:"";position:absolute;width:90%;height:1px;background-color:var(--color-black);top:0;left:5%}.portableText{width:100%;position:relative;left:5%;h2{width:60%;color:var(--color-black);margin-bottom:50px}}ul{width:100%}.splide{width:100%;padding:0;.splide__arrows{height:3em;width:auto;position:absolute;right:5%;top:-20%;display:flex;justify-content:center;align-items:center;gap:1em}.splide__arrow{transform:translate(0)!important;position:static;opacity:1;svg{fill:var(--color-white)}}.splide__arrow.splide__arrow--next,.splide__arrow.splide__arrow--prev{border-radius:100%;background-color:var(--color-primary-dark);padding:10%}}}}.amenities{padding:10% 5% 5%;background-color:var(--color-primary-light);.column__2{display:flex;.col__left{padding-right:10%;width:40%;h2,p{color:var(--color-black)}}.col__right{width:70%;.splide{border:1px solid var(--color-primary-dark);border-radius:15px;padding:5%;.splide__custom-buttons{position:relative;z-index:2;margin-bottom:30px}.splide__list{justify-content:stretch}.splide__slide{display:flex;gap:5%;align-items:center;flex-direction:row!important;picture{width:65%!important}.portableText{width:35%!important}p,li{color:var(--color-black);margin-bottom:0;font-size:var(--size-xs)}picture,img{width:100%}}}}}.column__1{ul{width:100%;margin-top:10%;li{display:flex;flex-direction:column;align-items:center;picture{display:flex;justify-content:center;margin-bottom:30px;img{width:95px;object-fit:contain;aspect-ratio:1/1}}p{color:var(--color-black);text-align:center}}}}}.models{padding:5%;.column__1{.splide__pagination__tabs{display:flex;width:100%;justify-content:center;align-items:center;gap:1em;padding:5%;li{margin:0}}.splide-models{width:100%;.splide__track{.splide__list{.column__2{.col__left{padding-right:5%;justify-content:center;h3{color:var(--color-accent);font-weight:700}h2{font-size:var(--size-lg)}p{margin-bottom:0}ul{column-count:2;width:100%;list-style:none;li{margin-bottom:0}}}}}}}}}.testy{padding:5%;.column__1{h2,p,a{color:var(--color-primary)}h3{color:var(--color-secondary)}.splide{width:100%}}}.masterplan{padding-top:10%;position:relative;background-color:var(--color-black);.svgTextBottom{bottom:initial;top:-1px}.column__2{padding-left:5%;.col__left{width:40%!important;padding-right:5%;.masterplan__statusPanel{width:100%;.head{border:1px solid var(--color-white);border-radius:10px;padding:5px 10px;display:flex;justify-content:center;align-items:center;div{width:100%;display:flex;justify-content:center;gap:.25em;h3,p{margin:0}h3{font-weight:700}}div:nth-child(1){border-right:1px solid var(--color-white)}}.statusBody{li{border-bottom:1px solid var(--color-white);display:flex;align-items:center;gap:.5em;padding:1.25% 0;.color{border-radius:10px}p{margin:0}}}}}.col__right{width:100%;position:relative;.watermark{position:absolute;z-index:1;bottom:10px;left:10px;background-color:#00000090;padding:3px 12px;border-radius:5px}.masterplan-container{position:relative;.masterplan-img{width:100%;height:auto}.masterplan-svg{position:absolute;top:0;left:0;width:100%;height:auto;z-index:1}}}}}.gallery{padding:8% 5% 10%;background-color:var(--color-black);.svgTextBottom{bottom:0!important}.column__1{align-items:center;.portableText{width:100%}}h2,h3,p{color:var(--color-primary)}ul{margin:5vh 0;width:100%;li{cursor:pointer;overflow:hidden;img{transition:transform .3s ease-in-out;aspect-ratio:3/2;object-fit:cover}img:hover{transition:transform .3s ease-in-out;transform:scale(1.1);transform-origin:center center}}}}@media only screen and (max-width: 1024px){.hero{padding-top:10%;.column__1{height:60vh}.column__2{flex-direction:column-reverse;gap:50px;.col__left{width:100%;padding-right:0}.col__right{width:100%;padding-left:0}}}.hero__intro{padding-inline:5%;padding-bottom:10%;.column__1{width:100%;#brown>h2{font-size:20px}.hero__imgSecondaryBox{#white{h2{font-size:20px}}}}}.intro{padding:8% 5%;.column__2{flex-direction:column-reverse;gap:50px;.col__left{width:100%;padding-right:0}.col__right{width:100%;padding-left:0}}.column__1{ul.intro__amenities{row-gap:50px;li{gap:0;h3{font-size:16px;gap:20px}}}}}.location{padding:8% 5%;.location__intro{flex-direction:column!important;.col__right{.portableText{width:100%}}}.location__outro{padding-left:0;flex-direction:column!important}.column__2{flex-direction:column-reverse;gap:50px;.col__left{width:100%;padding-right:0;ul{li{&:before{width:8px;height:8px}}}}.col__right{width:100%;padding-left:0;.location__pin{width:30px;height:30px;padding:6px}}}}.sustainability{.column__2{padding-right:5%;gap:5vh}.column__1{.splide{.splide__arrows{top:-90px}}}}.amenities{padding:8% 5%;.splide__track{overflow:visible;pointer-events:none!important}.column__2{gap:50px;.col__left,.col__right{width:100%}.col__right{.splide{.splide__slide{flex-direction:column!important;.portableText{width:100%!important;padding-bottom:50px;ol{columns:2;height:100%}}p,li{font-size:14px}}}}}}.masterplan{.column__2{padding-left:0;.col__left,.col__right{width:100%!important}.col__left{padding:5%}}}.models{padding:8% 5%;.column__1{.splide__pagination__tabs{padding:0 5% 5%}.splide-models{width:100%;.splide__track{.splide__list{.column__2{margin:0;gap:30px;flex-direction:column;.col__left{padding-right:0%;width:100%;ul{column-count:1;width:100%;list-style:none;li{margin-bottom:0}}}.col__right{padding-left:0%;width:100%}}}}}}}}.masterplan{.column__2{.col__left{width:30%}}}@media only screen and (max-width: 768px){.hero__intro{padding-bottom:15%;.btn{bottom:-100px!important;width:100px!important;height:100px!important}}.intro{.column__1{ul.intro__amenities{li{width:calc(50% - 50px);font-size:14px;gap:15px}}}}.location{padding:12% 5%;.column__2{flex-direction:column-reverse;gap:30px;.col__left{width:100%;padding-right:0;ul{li{&:before{width:6px;height:6px}}}}.col__right{width:100%;padding-left:0}}}.amenities{.column__2{.col__right{.splide{.splide__slide{display:flex;flex-direction:column-reverse;gap:5%;align-items:center;ol{columns:2;height:100%;padding-left:10px}picture,img{width:100%;height:100%;aspect-ratio:1/1}}}}}}}