:root{--primary:#0f3f60;--font-h:'Albert Sans',sans-serif;--font-p:'Inter',sans-serif;--gutter:8%;--header-height:76px}body{background:#000;overflow-x:hidden;height:100vh}.section-subtext{font-family:var(--font-p)}.site-navbar{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:calc(100% - 56px);max-width:1400px;z-index:9999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.55s cubic-bezier(0.22,1,0.36,1),visibility 0s linear 0.55s}.site-navbar.hero-passed{opacity:1;visibility:visible;pointer-events:none;transition:opacity 0.55s cubic-bezier(0.22,1,0.36,1),visibility 0s linear 0s}body.alv-preload .site-navbar,body:not(.alv-preload) .site-navbar:not(.hero-passed){opacity:0 !important;visibility:hidden !important;pointer-events:none !important}body:not(.alv-preload) .site-navbar.hero-passed{opacity:1 !important;visibility:visible !important;pointer-events:none}.site-navbar>.navbar{position:relative;min-height:58px;padding:5px 18px 5px 24px;display:flex;align-items:center;border-radius:18px;pointer-events:auto;background:rgba(15,25,30,0.42);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,0.16);box-shadow:0 8px 30px rgba(0,0,0,0.14);transition:background 0.35s ease,border-color 0.35s ease,box-shadow 0.35s ease,backdrop-filter 0.35s ease}.navbar-logo{display:flex;align-items:center;margin-right:0;padding:0 !important;flex-shrink:0}.navbar-logo img{display:block;width:160px;height:auto}.navbar-collapse{justify-content:center}.navbar-nav{display:flex;align-items:center;gap:2px}.navbar-nav .nav-link{padding:11px 15px !important;color:rgba(255,255,255,0.94) !important;font-family:var(--font-p);font-size:14px;font-weight:400;line-height:1;border-radius:10px;transition:background 0.25s ease,color 0.25s ease,transform 0.25s ease}.navbar-nav .nav-link.active{background:#0b0b0b;color:#fff !important}.navbar-nav .nav-link:hover{background:rgba(255,255,255,0.12);color:#fff !important}.site-navbar.scrolled>.navbar{background:rgba(15,45,69,0.84);backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%);border:1px solid rgba(255,255,255,0.16);box-shadow:0 10px 35px rgba(0,0,0,0.16)}.site-navbar.scrolled .navbar-nav .nav-link{color:rgba(255,255,255,0.94) !important}.site-navbar.scrolled .navbar-nav .nav-link.active{background:var(--primary);color:#fff !important}.site-navbar.scrolled .navbar-nav .nav-link:hover{background:rgba(255,255,255,0.12);color:#fff !important}.navbar-toggler{border:0 !important;padding:7px 8px;outline:none !important;box-shadow:none !important}.navbar-toggler:focus,.navbar-toggler:active{outline:none !important;box-shadow:none !important}.navbar-toggler-icon{width:22px;height:22px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.95)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important}@media (max-width:991px){.site-navbar{top:12px;width:calc(100% - 24px)}.site-navbar>.navbar{min-height:56px;padding:5px 12px 5px 17px;border-radius:15px}.navbar-logo img{width:100px}.navbar-collapse{flex-basis:100%;width:100%;margin-top:7px;padding:7px;border-radius:12px;background:rgba(15,25,30,0.78);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.site-navbar.scrolled .navbar-collapse{background:rgba(15,45,69,0.92)}.navbar-nav{width:100%;display:flex;align-items:stretch;gap:2px}.navbar-nav .nav-item{width:100%}.navbar-nav .nav-link{display:block;width:100%;padding:12px 13px !important;font-size:14px;text-align:left;border-radius:9px}.navbar-nav .nav-link.active{background:#0a1622}}@media (min-width:992px) and (max-width:1199px){.navbar-logo img{width:154px}.navbar-nav .nav-link{padding-left:11px !important;padding-right:11px !important}}@media (max-width:480px){.site-navbar{width:calc(100% - 18px);top:9px}.site-navbar>.navbar{min-height:54px;border-radius:14px}.navbar-logo img{width:92px}}.hero-container{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden;background:#070b12}#homeHeroCarousel{width:100%;height:100%}#homeHeroCarousel .carousel-inner{width:100%;height:100%}#homeHeroCarousel .carousel-item{width:100%;height:100%;transition:opacity 1s ease-in-out !important;transform:none !important}#homeHeroCarousel .hero-carousel-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:none !important}#homeHeroCarousel .hero-control{width:40px;height:40px;top:50%;bottom:auto;transform:translateY(-50%);opacity:1;background:transparent !important;border:none !important;box-shadow:none !important;outline:none !important}#homeHeroCarousel .carousel-control-prev-icon,#homeHeroCarousel .carousel-control-next-icon{display:none !important}.hero-arrow{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent !important;border:none !important;box-shadow:none !important;color:#fff;font-size:38px;font-weight:300;line-height:1;transition:transform 0.25s ease,opacity 0.25s ease}#homeHeroCarousel .hero-control:hover .hero-arrow{background:transparent !important;border:none !important;transform:scale(1.12);opacity:0.8}#homeHeroCarousel .carousel-control-prev{left:18px}#homeHeroCarousel .carousel-control-next{right:18px}@media (max-width:768px){.hero-container{height:80vh;min-height:500px}#homeHeroCarousel .hero-control{width:55px}.hero-arrow{width:38px;height:38px;font-size:15px}#homeHeroCarousel .carousel-control-prev{left:5px}#homeHeroCarousel .carousel-control-next{right:5px}}.brand-logo{position:fixed;top:25px;left:25px;z-index:1050;transition:0.5s}.brand-logo img{width:150px}@media (max-width:768px){.brand-logo{top:25px;left:20px}.brand-logo img{width:110px}}.brand-logo.scrolled img{border-radius:15px;overflow:hidden}.carousel,.carousel-inner,.carousel-item{height:100vh;min-height:600px;background:#070b12}.carousel-item{position:relative}.carousel-fade .carousel-item{opacity:0;transition:opacity 1.2s ease-in-out,transform 1.2s ease-in-out}.carousel-fade .carousel-item.active{opacity:1}.carousel-item img,.hero-carousel-img{width:100%;height:100%;object-fit:cover;filter:brightness(1.00)}.carousel-caption{position:absolute;text-align:right;left:auto;right:var(--gutter);top:50%;transform:translateY(-50%);z-index:10;padding:0;max-width:600px}.sub-text{font-family:var(--font-p);color:#fff;letter-spacing:5px;font-size:0.8rem;margin-bottom:16px;display:block}h1{font-family:var(--font-h);font-weight:500;font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin-bottom:20px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,0.4)}.cta-btn{display:inline-flex;align-items:center;padding:15px 35px;background:#d3a03e;color:var(--primary) !important;font-family:var(--font-h);font-weight:500;text-transform:uppercase;letter-spacing:3px;font-size:0.75rem;text-decoration:none !important;transition:all 0.4s ease;box-shadow:0 10px 25px rgba(0,0,0,0.2)}.cta-btn:hover{background:#fff;color:var(--primary) !important;transform:translateY(-5px)}@media (max-width:991px){.carousel,.carousel-inner,.carousel-item{height:80vh;min-height:500px}.carousel-caption{left:20px !important;right:20px !important;width:auto !important;text-align:center !important;top:50% !important;transform:translateY(-50%) !important}h1{font-size:1.8rem !important}}.about-section{background:#fff;padding:60px 0 0;overflow:hidden}.section-title-center{font-family:var(--font-h);font-weight:400;color:var(--primary);line-height:1.2;padding:0 15px;font-size:2.5rem !important}.about-content{padding-left:var(--gutter);padding-right:10%}.about-content h2{font-family:var(--font-h);font-weight:300;color:#000;line-height:1.2;font-size:1.8rem}.body-text{color:#2d2d2d;font-family:var(--font-p);font-size:1.1rem;line-height:1.8;font-weight:300;margin-bottom:20px;text-align:justify}.about-image-wrap{position:relative;padding-right:var(--gutter)}.about-image-wrap img{width:100%;height:auto;object-fit:cover;border-radius:24px;box-shadow:20px 20px 80px rgba(0,0,0,0.10)}.rounded-image{width:100%;border-radius:40px;box-shadow:20px 20px 60px rgba(0,0,0,0.08)}.artistic-impression{position:absolute;bottom:20px;left:60px;color:rgba(255,255,255,0.8);font-size:0.4rem;text-transform:uppercase;letter-spacing:2px;font-family:var(--font-p);pointer-events:none}.highlights-section{position:relative;width:100%;height:330px;margin:0;padding:0;background:#ffffff;overflow:hidden}.highlights-background{position:absolute;top:0;left:0;width:100%;height:auto;display:block;max-width:none;z-index:1}.highlights-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center;padding:20px 40px;transform:translateY(45px)}.highlights-grid{width:100%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}.stat-item{position:relative;text-align:center;padding:0 35px}.stat-item:not(:last-child)::after{content:"";position:absolute;top:5%;right:0;width:1px;height:90%;background:rgba(255,255,255,0.38)}.stat-value{display:inline-flex;align-items:baseline;gap:6px;color:#ffffff;font-family:Albert Sans,sans-serif;font-size:48px;font-weight:400;line-height:1;letter-spacing:-1.5px;margin-bottom:12px;transition:transform 0.4s ease,color 0.4s ease}.stat-item:hover .stat-value{color:#d3a03e;transform:translateY(-6px)}.stat-unit{color:#d3a03e;font-family:Inter,sans-serif;font-size:16px;font-weight:400}.stat-value.lake-side{font-size:30px;letter-spacing:-0.8px;padding-top:5px}.stat-accent{width:25px;height:2px;margin:0 auto 14px;background:#d3a03e;transition:width 0.3s ease}.stat-item:hover .stat-accent{width:38px}.stat-label{color:rgba(255,255,255,0.82);font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:1.65;letter-spacing:2.5px;text-transform:uppercase}@media (max-width:1200px){.highlights-section{height:320px}.highlights-content{transform:translateY(40px)}.highlights-content{padding-left:25px;padding-right:25px}.stat-item{padding:0 25px}.stat-value{font-size:44px}.stat-value.lake-side{font-size:28px}}@media (max-width:992px){.highlights-section{height:480px}.highlights-content{padding:30px;transform:translateY(35px)}.highlights-grid{grid-template-columns:repeat(2,1fr);row-gap:50px}.stat-item:not(:last-child)::after{display:none}}@media (max-width:600px){.highlights-section{position:relative;width:100%;height:620px;background:#0f2d46;overflow:hidden}.highlights-background{position:absolute;top:0;left:0;width:100%;height:auto;display:block;z-index:1}.highlights-content{position:absolute;top:100px;left:0;width:100%;height:auto;padding:0 30px;display:block;transform:none;z-index:2}.highlights-grid{width:100%;display:grid;grid-template-columns:1fr;row-gap:38px;margin:0 auto}.stat-item{position:relative;padding:0;text-align:center}.stat-item:not(:last-child)::after{display:none}.stat-value{font-size:42px;line-height:1;margin-bottom:10px;letter-spacing:-1px}.stat-value.lake-side{font-size:28px;padding-top:0;letter-spacing:-0.5px}.stat-unit{font-size:15px}.stat-accent{width:24px;height:2px;margin:0 auto 10px}.stat-label{font-size:9px;line-height:1.6;letter-spacing:2.2px}}@media (max-width:600px){.highlights-section{margin-top:-1px !important;border-top:0 !important;outline:0 !important;box-shadow:none !important}.highlights-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#fff;z-index:10;pointer-events:none}.highlights-section picture{position:absolute;top:0;left:0;width:100%;display:block;margin:0;padding:0;background:#fff;border:none !important;outline:none !important;line-height:0;z-index:1}.highlights-section .highlights-background{position:relative;top:auto;left:auto;display:block;width:100%;height:auto;margin:0;padding:0;border:none !important;outline:none !important;vertical-align:top;max-width:none}.highlights-content{position:absolute;top:100px;left:0;width:100%;height:auto;padding:0 30px;display:block;transform:none;z-index:2}}.section-title-small{font-family:var(--font-h);font-size:1.8rem;color:var(--primary);text-transform:uppercase;letter-spacing:2px}.config-content{text-align:center}.config-grid-border{}.config-inner-card{background:#ffffff;padding:50px 20px;border:1px solid rgba(15,63,96,0.07);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:transform 0.3s ease;height:100%;display:flex;flex-direction:column;justify-content:center}.config-inner-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(211,160,62,0.2)}.config-section{background:#EEF1EA;padding:80px 0}.config-card{padding:40px var(--gutter);background:transparent;transition:background 0.4s ease}.border-right-lime{border-right:1px solid #d3a03e}.type-tag{font-family:var(--font-p);font-size:0.6rem;color:#d3a03e;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:5px}.config-type{font-family:var(--font-h);font-size:1.8rem;font-weight:300;color:var(--primary);margin-bottom:15px}.config-data-compact{margin-bottom:25px}.sqft-val{font-family:var(--font-p);font-size:1.4rem;color:#333}.sqft-val small{font-size:0.6rem;letter-spacing:1px;color:#888}.price-btn-lift{width:auto;min-width:180px;padding:12px 30px;background:var(--primary);color:#fff !important;font-size:0.7rem;border:none;opacity:1 !important;display:inline-flex;justify-content:center;transition:all 0.4s cubic-bezier(0.23,1,0.32,1);box-shadow:0 4px 10px rgba(21,58,31,0.2)}.price-btn-lift:hover{background:#d3a03e;color:var(--primary) !important;transform:translateY(-8px);box-shadow:0 12px 24px rgba(163,203,86,0.3)}.amenities-iconic{background:#ffffff;padding:100px 0}.type-tag-lime{color:#d3a03e;letter-spacing:4px;text-transform:uppercase;font-size:0.7rem;display:block;margin-bottom:10px}.title-main-forest{font-family:var(--font-h);font-size:2.8rem;color:#0f3f60;font-weight:300}.amenity-nav-clean .nav-link{color:#999;border:none;background:none;font-size:0.8rem;letter-spacing:2px;padding:10px 25px;text-transform:uppercase;transition:0.3s}.amenity-nav-clean .nav-link.active{color:#0f3f60;font-weight:700}.amenity-nav-clean .nav-link.active::after{content:'';display:block;width:25px;height:1.5px;background:#d3a03e;margin:8px auto 0}.amenity-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding-top:40px}.amenity-box{text-align:center;padding:20px;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.icon-wrap{width:50px;height:50px;margin:0 auto 20px;transition:transform 0.4s ease}.icon-wrap img{width:100%;height:100%;object-fit:contain}.amenity-label{display:block;font-family:var(--font-p);font-size:0.85rem;color:#444;line-height:1.4}.amenity-box:hover{transform:translateY(-10px)}.amenity-box:hover .icon-wrap{transform:scale(1.2)}.amenity-box:hover .amenity-label{color:#0f3f60;font-weight:500}.masterplan-section{background:#f1f5ec;padding:100px 0}.main-level-tabs{background:#e4ebd9;padding:6px;border-radius:10px;max-width:320px;margin-left:auto;margin-right:auto;gap:6px}.main-level-tabs .nav-item{flex:1;text-align:center}.main-level-tabs .nav-link{font-size:0.75rem;font-family:var(--font-p);color:#555;border-radius:8px;padding:8px 16px;transition:all 0.3s ease}.main-level-tabs .nav-link.active{background:var(--primary);color:#fff}#mp-pane .vault-card{position:relative;border-radius:16px;overflow:hidden;background:#eaeede;height:550px;display:flex;align-items:center;justify-content:center}#mp-pane .vault-blur{width:100%;height:100%;object-fit:cover;filter:blur(15px) brightness(0.7);transform:scale(1.04)}#mp-pane .vault-gate{position:absolute;inset:0;background:rgba(241,245,236,0.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;z-index:5}#mp-pane .vault-icon{width:36px;height:36px;background:#d4e7c5;color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8rem;margin-bottom:22px}.floorplan-selector-wrap{width:100%;max-width:700px;margin:0 auto 28px;display:flex;align-items:center;gap:10px}.fp-pill-viewport{flex:1;min-width:0;overflow:hidden;background:#e4ebd9;border-radius:8px;padding:4px}.fp-pill-track{display:flex;gap:4px;width:max-content}.fp-size-pill{flex:0 0 160px;width:160px;padding:9px 8px;text-align:center;white-space:nowrap;border-radius:6px;background:transparent;color:#555 !important;text-decoration:none !important;font-family:var(--font-p);font-size:0.68rem;transition:background 0.25s ease,color 0.25s ease}.fp-size-pill.active{background:var(--primary);color:#fff !important}.fp-size-pill:hover{background:rgba(15,63,96,0.10);color:var(--primary) !important}.fp-size-pill.active:hover{background:var(--primary);color:#fff !important}.floorplan-scroll-btn{flex:0 0 34px;width:34px;height:34px;padding:0;border:none;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:0.85rem;cursor:pointer;transition:background 0.25s ease,transform 0.25s ease,opacity 0.25s ease}.floorplan-scroll-btn:hover{background:#0b314b;transform:scale(1.05)}.floorplan-scroll-btn:disabled{opacity:0.3;cursor:default;transform:none}.floorplan-scroll-btn:focus{outline:none;box-shadow:none}.floorplan-display{width:100%}.floorplan-panel{width:100%}.floorplan-vault-card{position:relative;width:100%;height:550px;border-radius:16px;overflow:hidden;background:#eaeede;display:flex;align-items:center;justify-content:center}.floorplan-vault-image{width:100%;height:100%;object-fit:contain;display:block}.floorplan-vault-gate{position:absolute;inset:0;background:rgba(241,245,236,0.55);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;z-index:5}.floorplan-vault-icon{width:36px;height:36px;background:#d4e7c5;color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8rem;margin-bottom:22px}.floorplan-vault-gate h5{font-family:var(--font-h);color:var(--primary);font-size:1.1rem;margin-bottom:12px}@media (max-width:600px){.floorplan-selector-wrap{gap:6px}.fp-size-pill{flex:0 0 105px;width:105px;padding:9px 5px;font-size:0.63rem}.floorplan-scroll-btn{flex:0 0 30px;width:30px;height:30px;font-size:0.75rem}.floorplan-vault-card{height:430px}}.map-wrapper-premium{height:100%;min-height:400px;border-radius:12px;overflow:hidden;position:relative;border:1px solid rgba(21,58,31,0.1);box-shadow:0 15px 45px rgba(21,58,31,0.05)}.artistic-impression-tag{position:absolute;bottom:15px;left:15px;font-size:9px;color:rgba(255,255,255,0.8);background:rgba(21,58,31,0.6);padding:3px 10px;border-radius:20px;letter-spacing:1px;text-transform:uppercase}.acc-item{border-bottom:1px solid rgba(21,58,31,0.1);background:transparent}.acc-header{padding:25px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all 0.3s ease}.acc-header h4{font-family:var(--font-h);font-size:1.1rem;font-weight:400;color:var(--primary);margin:0;text-transform:uppercase;letter-spacing:0.5px}.acc-num{font-family:var(--font-h);font-size:0.7rem;color:#d3a03e;margin-right:15px;font-weight:700}.acc-icon{width:14px;height:14px;position:relative}.acc-icon::before,.acc-icon::after{content:'';position:absolute;background:var(--primary);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.acc-icon::before{width:100%;height:1.5px;top:50%;left:0;transform:translateY(-50%)}.acc-icon::after{width:1.5px;height:100%;left:50%;top:0;transform:translateX(-50%)}.acc-header[aria-expanded="true"] .acc-icon::after{transform:translateX(-50%) rotate(90deg);opacity:0}.acc-header[aria-expanded="true"] h4{font-weight:700;color:#000}.acc-body{padding:0 0 20px 35px}.loc-row{display:flex;justify-content:space-between;padding:12px 0;font-family:var(--font-p);font-size:0.9rem;color:#555;border-bottom:1px dashed rgba(21,58,31,0.08)}.loc-row span{font-weight:300}.loc-row small{color:#d3a03e;font-weight:700;white-space:nowrap;margin-left:10px}@media (max-width:991px){.map-wrapper-premium{height:350px;min-height:350px}.acc-header h4{font-size:1rem}.acc-body{padding-left:0}}.legal-section{background-color:#fafafa;font-family:Inter;padding:40px 18px;border-top:1px solid #e5e5e5}.legal-content{max-width:820px;margin:0 auto;line-height:1.6}.legal-content h2{font-size:1rem;margin-bottom:8px;color:#111;font-weight:600;text-transform:uppercase;letter-spacing:0.4px}.legal-content p{font-size:0.85rem;margin-bottom:22px;color:#555}.legal-content em{font-style:italic;color:#444}.legal-content strong{font-weight:600;color:#000}@media (max-width:600px){.legal-section{padding:30px 14px}.legal-content h2{font-size:0.95rem}.legal-content p{font-size:0.8rem}}.footer-new{background:#0f3f60;color:#f5f5f5;font-family:'Inter',sans-serif;padding:0px 2% 10px;flex-direction:column;gap:50px}.footer-container{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:50px}.footer-left{flex:1;min-width:300px;display:flex;flex-direction:column;justify-content:center}.footer-logo{height:110px;object-fit:contain;margin-bottom:20px;transition:transform 0.3s ease;margin-right:500px}.footer-logo:hover{transform:scale(1.05)}.address{color:#cfd3da;font-size:0.95rem;line-height:1.8;letter-spacing:0.3px;font-weight:400;margin-left:30px;margin-top:20px}.address strong{color:#ffffff;font-weight:500;display:block;margin-bottom:4px}.address.corporate-address{margin-top:8px}.footer-right{flex:1;min-width:300px;text-align:right;display:flex;flex-direction:column;justify-content:center}.footer-right h4{color:#fff;font-size:1.05rem;font-weight:600;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.12);display:inline-block;padding-bottom:6px;margin-top:40px}.rera-list{list-style:none;padding:0;margin:0;margin-right:10px}.rera-list li{font-size:0.95rem;color:#d8d8d8;margin-bottom:10px;line-height:1.6;font-weight:400;margin-top:20px}.rera-list strong{font-weight:600;color:#ffffff}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,0.1);padding-top:0px;font-size:0.9rem;color:#bcbcbc;line-height:1.8}.footer-bottom .highlight{color:#57b9e0;font-weight:500}.footer-bottom span{color:#fff;font-weight:500}@media (max-width:768px){.footer-new{padding:40px 5% 25px;text-align:center}.footer-container{flex-direction:column;align-items:center;justify-content:center;gap:30px}.footer-left,.footer-right{text-align:center;align-items:center;justify-content:center;display:flex;flex-direction:column}.footer-logo{height:90px;margin:0 auto 10px auto}.address{margin-left:0;margin-bottom:20px;font-size:0.9rem;line-height:1.6}.footer-right h4{margin-top:0;margin-bottom:10px}.rera-list{text-align:center}.rera-list li{font-size:0.9rem;line-height:1.5;margin-bottom:6px}.footer-bottom{margin-top:20px;padding-top:15px;font-size:0.85rem}}.text-cta-sidebar{position:fixed;right:0;top:50%;transform:translateY(-50%) translateX(100%);z-index:9999;display:flex;flex-direction:column;transition:transform 0.6s cubic-bezier(0.19,1,0.22,1)}.text-cta-sidebar.is-visible{transform:translateY(-50%) translateX(0)}.text-action{writing-mode:vertical-rl;text-orientation:mixed;padding:25px 12px;font-family:var(--font-h);font-size:0.7rem;font-weight:600;letter-spacing:2px;text-decoration:none !important;text-transform:uppercase;transition:all 0.3s ease;border-radius:4px 0 0 4px}.enquire-text{background:#0f3f60;color:#fff}.brochure-text{background:#d3a03e;color:#0f3f60}.text-separator{height:1px;background:rgba(255,255,255,0.2)}.text-action:hover{padding-right:25px}@media (max-width:991px){.text-cta-sidebar{right:0;left:0;bottom:0;top:auto;transform:translateY(100%);flex-direction:row;width:100%}.text-cta-sidebar.is-visible{transform:translateY(0)}.text-action{writing-mode:horizontal-tb;width:50%;text-align:center;padding:18px 0;border-radius:0;font-size:0.65rem}.text-separator{width:1px;height:auto}}.minimal-input{border:none !important;border-bottom:1px solid rgba(20,74,135,0.2) !important;border-radius:0 !important;background:transparent !important;padding-left:0 !important;padding-right:0 !important;font-size:0.95rem;color:#0f3f60}.minimal-input:focus{box-shadow:none !important;border-bottom-color:#d3a03e !important;transition:all 0.4s ease}.modal-content{box-shadow:0 25px 50px -12px rgba(0,0,0,0.25) !important}.modal-header .close:focus{outline:none}.modal-header .close{padding:0.7rem 1rem !Important}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes popIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.animate__slideInDown{animation-duration:5s}@keyframes fadeInLeftSimple{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.animate__fadeInLeft{animation-name:fadeInLeftSimple;animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards}@keyframes fadeInRightSimple{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.animate__fadeInRight{animation-name:fadeInRightSimple;animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards}@keyframes fadeInUpSimple{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0px)}}.animate__fadeInUp{animation-name:fadeInUpSimple;animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards}@keyframes fadeInDownSimple{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.animate__fadeInDown{animation-name:fadeInDownSimple;animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn;animation-duration:2.5s;animation-timing-function:ease;animation-fill-mode:forwards}.carousel-item.active .sub-text{animation:fadeInUp 0.8s forwards 0.6s}.carousel-item.active h1{animation:fadeInUp 0.8s forwards 0.8s}.carousel-item.active .loc-tag{animation:fadeInUp 0.8s forwards 1s}.carousel-item.active .cta-btn{animation:popIn 0.8s forwards 1.2s}.carousel-item.active img{animation:zoomOut 8s linear forwards}@keyframes zoomOut{0%{transform:scale(1.15)}100%{transform:scale(1)}}.carousel-indicators{justify-content:flex-end;margin-left:var(--gutter);bottom:60px}.carousel-indicators li{width:40px;height:2px;background-color:#d3a03e;border:none;margin-right:15px;transition:0.4s}.carousel-indicators li.active{background-color:#d3a03e;width:80px}@media (max-width:991px){.about-content{padding:0 5% 60px 5%}.about-image-wrap{padding:0 5%}.highlight-box{padding:70px 10%}.highlight-box:nth-child(even){border-right:none}.highlight-box:nth-child(1),.highlight-box:nth-child(2){border-bottom:1px solid #e8e8e8}.config-card{padding:40px 10%}.border-right-lime{border-right:none;border-bottom:1px solid #d3a03e}.amenity-icon-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:768px){:root{--gutter:5%}h1{font-size:2.5rem}.brand-logo img{width:120px}.side-mask{background:linear-gradient(90deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 60%)}.section-title-center{font-size:2rem}.artistic-impression{left:30px}}.sticky-enquire{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:9998;width:50px;min-height:145px;display:flex;align-items:center;justify-content:center;background:#0f3f60;color:#fff !important;text-decoration:none !important;border-radius:8px 0 0 8px;box-shadow:0 6px 20px rgba(0,0,0,0.14);transition:transform 0.4s ease,opacity 0.3s ease,width 0.25s ease}.sticky-enquire span{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-p);font-size:11px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;white-space:nowrap}.sticky-enquire:hover{width:55px}.sticky-brochure{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:9998;width:50px;min-height:145px;display:flex;align-items:center;justify-content:center;background:#d3a03e;color:#0f3f60 !important;text-decoration:none !important;border-radius:0 8px 8px 0;box-shadow:0 6px 20px rgba(0,0,0,.14);transition:transform .4s ease,opacity .3s ease,width .25s ease}.sticky-brochure span{writing-mode:vertical-rl;transform:rotate(180deg);text-orientation:mixed;font-family:var(--font-p);font-size:11px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;white-space:nowrap}.sticky-brochure:hover{width:55px}.sticky-brochure.is-hidden{transform:translate(-100%,-50%);opacity:0;pointer-events:none}@media (max-width:991px){.sticky-brochure{top:auto;bottom:0;left:0;right:50%;transform:translateY(0);width:50%;min-height:56px;border-radius:0}.sticky-brochure span{writing-mode:horizontal-tb;transform:none;font-size:12px;letter-spacing:2px}.sticky-brochure:hover{width:50%}.sticky-brochure.is-hidden{transform:translateY(100%)}.sticky-enquire{left:50%;right:0;width:50%;border-radius:0}}.sticky-enquire.is-hidden{transform:translate(100%,-50%);opacity:0;pointer-events:none}@media (max-width:991px){.sticky-enquire{top:auto;bottom:0;left:0;right:0;transform:translateY(0);width:100%;min-height:56px;border-radius:0}.sticky-enquire span{writing-mode:horizontal-tb;font-size:12px;letter-spacing:2px}.sticky-enquire:hover{width:100%}.sticky-enquire.is-hidden{transform:translateY(100%)}}.hero-container{position:relative;isolation:isolate}.hero-shine{position:absolute;top:-15%;bottom:-15%;left:0;width:34%;min-width:240px;max-width:560px;z-index:6;pointer-events:none;opacity:0;background:linear-gradient( 90deg,transparent 0%,rgba(188,231,245,0.00) 12%,rgba(188,231,245,0.045) 35%,rgba(224,245,250,0.12) 50%,rgba(188,231,245,0.045) 65%,rgba(188,231,245,0.00) 88%,transparent 100% );filter:blur(16px);transform:translateX(-140%) skewX(-10deg);mix-blend-mode:screen;will-change:transform,opacity}body.alv-page-revealed .hero-shine{animation:heroShineSweep 1700ms cubic-bezier(0.22,1,0.36,1) 250ms forwards}@keyframes heroShineSweep{0%{opacity:0;transform:translateX(-140%) skewX(-10deg)}12%{opacity:0.82}72%{opacity:0.72}100%{opacity:0;transform:translateX(410%) skewX(-10deg)}}#homeHeroCarousel .carousel-item{position:relative}#homeHeroCarousel .carousel-item::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:28%;min-width:200px;pointer-events:none;z-index:4;opacity:0;background:linear-gradient( 90deg,transparent 0%,rgba(210,241,249,0.00) 18%,rgba(210,241,249,0.08) 45%,rgba(232,248,252,0.15) 50%,rgba(210,241,249,0.08) 55%,rgba(210,241,249,0.00) 82%,transparent 100% );filter:blur(18px);transform:translateX(-160%) skewX(-10deg)}body.alv-page-revealed #homeHeroCarousel .carousel-item.active::after{animation:heroSlideShine 1550ms cubic-bezier(0.22,1,0.36,1) 600ms both}@keyframes heroSlideShine{0%{opacity:0;transform:translateX(-160%) skewX(-10deg)}14%{opacity:0.48}72%{opacity:0.35}100%{opacity:0;transform:translateX(420%) skewX(-10deg)}}@media (max-width:768px){.hero-shine{width:46%;min-width:170px;filter:blur(12px)}#homeHeroCarousel .carousel-item::after{width:38%;min-width:145px;filter:blur(14px)}}@media (prefers-reduced-motion:reduce){.hero-shine,#homeHeroCarousel .carousel-item::after{animation:none !important;opacity:0 !important}}.highlights-section{--highlights-bg:#f7f6f0;--navy-base:#0f3f60;--wave-mid:#164d6f;--accent-white:#ffffff;position:relative;width:100%;background-color:#0e121c;padding:110px 20px;overflow:hidden;isolation:isolate;min-height:250px}.highlights-section .wave-track{position:absolute;left:0;width:3200px;height:70px;background-repeat:repeat-x;background-size:1600px 70px;pointer-events:none}.highlights-section .wave-top{top:-1px}.highlights-section .wave-top-1{opacity:0.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 70' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L0,35 C400,65 800,5 1200,45 C1400,65 1500,15 1600,35 L1600,0 Z' fill='%23ffffff'/%3E%3C/svg%3E");animation:highlightsFlowRight 22s linear infinite;z-index:1}.highlights-section .wave-top-2{opacity:0.65;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 70' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L0,40 C350,15 750,60 1150,25 C1380,5 1500,50 1600,40 L1600,0 Z' fill='%23ffffff'/%3E%3C/svg%3E");animation:highlightsFlowLeft 17s linear infinite;z-index:2}.highlights-section .wave-top-3{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 70' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L0,30 C300,55 700,10 1100,50 C1350,70 1500,20 1600,30 L1600,0 Z' fill='%23ffffff'/%3E%3C/svg%3E");animation:highlightsFlowRight 12s linear infinite;z-index:3}.highlights-section .wave-bottom{bottom:-1px}.highlights-section .wave-bottom-1{opacity:0.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 70' preserveAspectRatio='none'%3E%3Cpath d='M0,70 L0,35 C400,5 800,65 1200,25 C1400,5 1500,55 1600,35 L1600,70 Z' fill='%23ffffff'/%3E%3C/svg%3E");animation:highlightsFlowLeft 20s linear infinite;z-index:1}.highlights-section .wave-bottom-2{opacity:0.65;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 70' preserveAspectRatio='none'%3E%3Cpath d='M0,70 L0,30 C350,55 750,10 1150,45 C1380,65 1500,20 1600,30 L1600,70 Z' fill='%23ffffff'/%3E%3C/svg%3E");animation:highlightsFlowRight 15s linear infinite;z-index:2}.highlights-section .wave-bottom-3{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 70' preserveAspectRatio='none'%3E%3Cpath d='M0,70 L0,40 C300,15 700,60 1100,20 C1350,0 1500,50 1600,40 L1600,70 Z' fill='%23ffffff'/%3E%3C/svg%3E");animation:highlightsFlowLeft 11s linear infinite;z-index:3}@keyframes highlightsFlowRight{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-1600px,0,0)}}@keyframes highlightsFlowLeft{0%{transform:translate3d(-1600px,0,0)}100%{transform:translate3d(0,0,0)}}.highlights-section .highlights-content{position:relative;z-index:10;width:100%;max-width:1400px;min-height:250px;margin:0 auto;padding:20px 40px;display:flex;align-items:center;justify-content:center;transform:none !important}.highlights-section .highlights-grid{width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}.highlights-section .stat-item{position:relative;text-align:center;padding:0 35px;color:#ffffff}.highlights-section .stat-item:not(:last-child)::after{content:"";position:absolute;top:5%;right:0;width:1px;height:90%;background:rgba(255,255,255,0.38)}.highlights-section .stat-value{display:inline-flex;align-items:baseline;gap:6px;color:#ffffff;font-family:Albert Sans,sans-serif;font-size:48px;font-weight:400;line-height:1;letter-spacing:-1.5px;margin-bottom:12px}.highlights-section .stat-unit{color:#ffffff;font-family:Inter,sans-serif;font-size:16px;font-weight:400}.highlights-section .stat-value.lake-side{font-size:48px;letter-spacing:-1.5px;padding-top:0}.highlights-section .stat-label{color:rgba(255,255,255,0.82);font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:1.65;letter-spacing:2.5px;text-transform:uppercase}@media (max-width:1200px){.highlights-section{padding:100px 20px}.highlights-section .highlights-content{min-height:230px;padding:18px 25px}.highlights-section .stat-item{padding:0 25px}.highlights-section .stat-value{font-size:44px}.highlights-section .stat-value.lake-side{font-size:44px}}@media (max-width:992px){.highlights-section{min-height:360px;padding:90px 30px}.highlights-section .highlights-content{min-height:300px;padding:24px 30px}.highlights-section .highlights-grid{grid-template-columns:repeat(2,1fr);row-gap:50px}.highlights-section .stat-item:not(:last-child)::after{display:none}}@media (max-width:600px){.highlights-section{min-height:560px;padding:75px 20px}.highlights-section .wave-track{width:3200px;height:70px;background-size:1600px 70px}.highlights-section .highlights-content{min-height:410px;padding:10px 10px}.highlights-section .highlights-grid{grid-template-columns:1fr;row-gap:34px}.highlights-section .stat-item{padding:0}.highlights-section .stat-item:not(:last-child)::after{display:none}.highlights-section .stat-value{font-size:42px}.highlights-section .stat-value.lake-side{font-size:42px;padding-top:0}.highlights-section .stat-label{font-size:9px;letter-spacing:2.2px}}@media (prefers-reduced-motion:reduce){.highlights-section .wave-track{animation:none !important}}.about-section .highlights-section{width:100% !important;margin-top:42px !important;margin-bottom:0 !important}.about-section .highlights-section .highlights-content{min-height:100% !important;height:100% !important;display:flex !important;align-items:center !important;justify-content:center !important;padding-top:0 !important;padding-bottom:0 !important}.about-section .highlights-section .highlights-grid{align-items:center !important}.about-section .highlights-section .stat-item{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important}@media (min-width:993px){.about-section .highlights-section{min-height:250px !important}.about-section .highlights-section .highlights-content{min-height:250px !important}}@media (max-width:992px){.about-section .highlights-section{margin-top:34px !important}}@media (max-width:600px){.about-section .highlights-section{margin-top:28px !important}}.about-section .highlights-section{background-color:#0f3f60 !important;background-image:none !important;min-height:250px !important}.about-section .highlights-section .highlights-content{min-height:250px !important;height:250px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 40px !important}.about-section .highlights-section .highlights-grid{width:100% !important;max-width:1200px !important;margin:0 auto !important;align-self:center !important}@media (max-width:600px){.about-section .highlights-section{min-height:430px !important}.about-section .highlights-section .highlights-content{height:430px !important;min-height:430px !important;padding:0 18px !important}.about-section .highlights-section .highlights-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-template-rows:repeat(2,auto) !important;column-gap:0 !important;row-gap:34px !important;width:100% !important;align-items:center !important;justify-items:center !important}.about-section .highlights-section .stat-item{width:100% !important;min-height:125px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;padding:8px 12px !important}.about-section .highlights-section .stat-item::after{display:none !important}.about-section .highlights-section .stat-value{margin-bottom:10px !important}}@media (min-width:601px) and (max-width:992px){.about-section .highlights-section .highlights-content{height:300px !important;min-height:300px !important}}.about-section{background:#ffffff !important}.about-section .highlights-section{background:#0f3f60 !important;background-color:#0f3f60 !important}.about-section .highlights-section .wave-track{background-color:transparent !important}.about-section .highlights-section{position:relative !important}.about-section .highlights-section .highlights-content{position:absolute !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:0 40px !important;display:flex !important;align-items:center !important;justify-content:center !important}.about-section .highlights-section .highlights-grid{margin:0 auto !important;align-self:center !important;transform:none !important}@media (max-width:600px){.about-section .highlights-section .highlights-content{top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;height:auto !important;min-height:0 !important;padding:0 18px !important}.about-section .highlights-section .highlights-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-template-rows:repeat(2,auto) !important;align-items:center !important;justify-items:center !important;row-gap:28px !important}}@media (max-width:600px){.about-section .highlights-section{min-height:340px !important;height:340px !important;padding:58px 14px !important}.about-section .highlights-section .highlights-content{height:340px !important;min-height:340px !important;padding:0 12px !important}.about-section .highlights-section .highlights-grid{row-gap:18px !important}.about-section .highlights-section .stat-item{min-height:92px !important;padding:6px 8px !important}.about-section .highlights-section .stat-item::after,.about-section .highlights-section .stat-item:not(:last-child)::after{display:none !important;content:none !important}.about-section .highlights-section .stat-item,.about-section .highlights-section .stat-value,.about-section .highlights-section .stat-label{border:0 !important;outline:0 !important;box-shadow:none !important}.about-section .highlights-section .stat-value.lake-side{font-size:42px !important;line-height:0.98 !important;letter-spacing:-1px !important;margin-bottom:8px !important;padding:0 !important}.about-section .highlights-section .wave-track{height:56px !important;background-size:1600px 56px !important}}.about-section .lake-thin-wave{width:190px;height:42px;margin-top:14px;margin-bottom:22px;overflow:hidden;opacity:1}.about-section .lake-thin-wave img{display:block;width:190px;height:42px;object-fit:contain;object-position:left center;image-rendering:auto;clip-path:inset(0 100% 0 0);transform:translateX(-2px);transition:clip-path 1150ms cubic-bezier(0.22,1,0.36,1),transform 1150ms cubic-bezier(0.22,1,0.36,1)}.about-section .about-content.animate__animated .lake-thin-wave img,.about-section .about-content.is-visible .lake-thin-wave img,.about-section .about-content.in-view .lake-thin-wave img,.about-section .about-content.visible .lake-thin-wave img,.about-section .about-content.animate__fadeInLeft .lake-thin-wave img{clip-path:inset(0 0 0 0);transform:translateX(0)}.about-section .lake-thin-wave::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.about-section .lake-thin-wave{position:relative}@media (max-width:600px){.about-section .lake-thin-wave{width:150px;height:34px;margin-top:12px;margin-bottom:18px}.about-section .lake-thin-wave img{width:150px;height:34px}}@media (prefers-reduced-motion:reduce){.about-section .lake-thin-wave img{clip-path:none !important;transform:none !important;transition:none !important}}.section-wave-divider{position:relative;width:150px;height:56px;margin:14px auto 22px;overflow:visible;opacity:0;transform:translateY(5px)}.section-wave-divider img{display:block;width:150px;height:56px;object-fit:fill;object-position:center;clip-path:inset(0 100% 0 0);transform:translateX(-2px);will-change:clip-path,transform}.about-section .section-wave-divider{margin-left:0;margin-right:auto;width:175px;height:64px}.about-section .section-wave-divider img{width:175px;height:64px}.config-section .section-wave-divider,.amenities-iconic .section-wave-divider,.masterplan-section .section-wave-divider,.lookbook-gallery-section .section-wave-divider,.connectivity-section .section-wave-divider{width:140px;height:52px}.config-section .section-wave-divider img,.amenities-iconic .section-wave-divider img,.masterplan-section .section-wave-divider img,.lookbook-gallery-section .section-wave-divider img,.connectivity-section .section-wave-divider img{width:140px;height:52px}.section-wave-divider.wave-visible{opacity:1;transform:translateY(0)}.section-wave-divider.wave-visible img{animation:thinWaveForward 1900ms cubic-bezier(0.22,1,0.36,1) forwards}.section-wave-divider.wave-visible-reverse{opacity:1;transform:translateY(0)}.section-wave-divider.wave-visible-reverse img{animation:thinWaveReverse 1900ms cubic-bezier(0.22,1,0.36,1) forwards}@keyframes thinWaveForward{from{clip-path:inset(0 100% 0 0);transform:translateX(-2px)}to{clip-path:inset(0 0 0 0);transform:translateX(0)}}@keyframes thinWaveReverse{from{clip-path:inset(0 0 0 100%);transform:translateX(2px)}to{clip-path:inset(0 0 0 0);transform:translateX(0)}}@media (max-width:600px){.section-wave-divider{width:125px;height:47px;margin-top:12px;margin-bottom:18px}.section-wave-divider img{width:125px;height:47px}.about-section .section-wave-divider{width:145px;height:52px}.about-section .section-wave-divider img{width:145px;height:52px}}@media (prefers-reduced-motion:reduce){.section-wave-divider,.section-wave-divider img{animation:none !important;transition:none !important;opacity:1 !important;transform:none !important;clip-path:none !important}}.about-image-reveal-target .image-zoom-container{position:relative;overflow:hidden;isolation:isolate}.about-image-reveal-target .image-zoom-container>img{display:block;width:100%;height:auto;transform:scale(1.2);transform-origin:center center;will-change:transform}.about-image-reveal-target .image-zoom-container::before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:#d3a03e;transform:translateX(0);will-change:transform}.about-image-reveal-target .image-zoom-container::after{content:"";position:absolute;top:0;bottom:0;left:-12px;width:24px;z-index:6;pointer-events:none;opacity:0;background:linear-gradient( 90deg,rgba(255,255,255,0.10),rgba(255,255,255,0) );transform:translateX(0)}.about-image-reveal-target.about-image-active .image-zoom-container::before{animation:aboutGoldCurtainOut 1400ms cubic-bezier(0.77,0,0.18,1) forwards}.about-image-reveal-target.about-image-active .image-zoom-container::after{animation:aboutGoldCurtainEdge 1400ms cubic-bezier(0.77,0,0.18,1) forwards}.about-image-reveal-target.about-image-active .image-zoom-container>img{animation:aboutImageZoomOut 8s cubic-bezier(0.22,1,0.36,1) 0s forwards}@keyframes aboutGoldCurtainOut{from{transform:translateX(0)}to{transform:translateX(105%)}}@keyframes aboutGoldCurtainEdge{0%{opacity:0;transform:translateX(0)}20%{opacity:0.45}100%{opacity:0;transform:translateX(105%)}}@keyframes aboutImageZoomOut{from{transform:scale(1.2)}to{transform:scale(1)}}.about-image-reveal-target .image-zoom-container>img{animation-fill-mode:forwards}@media (max-width:600px){.about-image-reveal-target .image-zoom-container>img{transform:scale(1.12)}.about-image-reveal-target.about-image-active .image-zoom-container>img{animation-duration:8s}}@media (prefers-reduced-motion:reduce){.about-image-reveal-target .image-zoom-container::before,.about-image-reveal-target .image-zoom-container::after,.about-image-reveal-target .image-zoom-container>img{animation:none !important}.about-image-reveal-target .image-zoom-container::before{transform:translateX(105%)}.about-image-reveal-target .image-zoom-container>img{transform:scale(1)}}#configuration.config-selector-section{padding:0;overflow:hidden}#configuration .config-selector-stage{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center}#configuration .config-selector-media{position:absolute;inset:0;overflow:hidden}#configuration .config-selector-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(0.9) brightness(0.62);transform:scale(1.055);will-change:transform}#configuration .config-selector-wash{position:absolute;inset:0;background:linear-gradient( 180deg,rgba(7,32,49,0.22) 0%,rgba(7,32,49,0.36) 46%,rgba(7,32,49,0.74) 100% )}#configuration .config-selector-content{position:relative;z-index:2;width:min(900px,calc(100% - 48px));padding:72px 0 60px;text-align:center;color:#fff}#configuration .config-selector-heading .section-title-small{color:#fff !important}#configuration .config-selector-heading .section-wave-divider{margin-top:14px;margin-bottom:0;filter:brightness(1.1) saturate(1.05)}#configuration .config-selector-main{margin-top:54px;min-height:228px;display:flex;flex-direction:column;align-items:center;justify-content:center}#configuration .config-selector-label{margin-bottom:16px;font-family:var(--font-h);font-size:0.78rem;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0.9)}#configuration .config-selector-size{font-family:var(--font-h);font-size:clamp(2.2rem,3.3vw,3.6rem);font-weight:300;line-height:1;letter-spacing:-1.8px;color:#fff;text-shadow:0 8px 28px rgba(0,0,0,0.18);transition:opacity 260ms ease,transform 360ms cubic-bezier(0.22,1,0.36,1)}#configuration .config-selector-unit{margin-top:10px;color:rgba(255,255,255,0.72);font-family:var(--font-p);font-size:0.62rem;font-weight:500;letter-spacing:3px;transition:opacity 260ms ease,transform 360ms cubic-bezier(0.22,1,0.36,1)}#configuration .config-selector-cta{margin-top:28px;display:inline-flex;align-items:center;gap:10px;padding:12px 22px;background:#d3a03e !important;color:#0f3f60 !important;border:0;box-shadow:0 9px 24px rgba(0,0,0,0.18);font-family:var(--font-h);font-size:0.68rem;font-weight:600;letter-spacing:2.3px;text-transform:uppercase;text-decoration:none !important;transition:transform 280ms ease,background-color 280ms ease}#configuration .config-selector-cta::after{content:"→";font-size:0.9rem}#configuration .config-selector-cta:hover{background:#fff !important;transform:translateY(-3px)}#configuration .config-selector-options{margin:34px auto 0;display:flex;justify-content:center;align-items:stretch;gap:0;max-width:600px;border-top:1px solid rgba(255,255,255,0.24);border-bottom:1px solid rgba(255,255,255,0.24)}#configuration .config-selector-option{position:relative;flex:1;min-height:74px;padding:14px 20px;border:0;border-right:1px solid rgba(255,255,255,0.18);background:transparent;color:rgba(255,255,255,0.64);font-family:var(--font-h);cursor:pointer;transition:color 250ms ease,background-color 250ms ease}#configuration .config-selector-option:last-child{border-right:0}#configuration .config-selector-option span{display:block;font-size:1rem;font-weight:400;letter-spacing:0.5px}#configuration .config-selector-option small{display:block;margin-top:6px;font-family:var(--font-p);font-size:0.52rem;font-weight:500;letter-spacing:2.4px}#configuration .config-selector-option::after{content:"";position:absolute;left:25%;right:25%;bottom:-1px;height:2px;background:#d3a03e;transform:scaleX(0);transform-origin:center;transition:transform 300ms cubic-bezier(0.22,1,0.36,1)}#configuration .config-selector-option:hover,#configuration .config-selector-option.active{color:#fff;background:rgba(255,255,255,0.055)}#configuration .config-selector-option.active::after{transform:scaleX(1)}#configuration.config-selector-section.config-selector-visible .config-selector-content{animation:configStageReveal 850ms cubic-bezier(0.22,1,0.36,1) both}@keyframes configStageReveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}#configuration.config-selector-section.config-selector-visible .config-selector-image{animation:configPhotoSettle 8s cubic-bezier(0.22,1,0.36,1) both}@keyframes configPhotoSettle{from{transform:scale(1.075)}to{transform:scale(1.03)}}@media (max-width:767px){#configuration .config-selector-stage{min-height:640px}#configuration .config-selector-content{width:calc(100% - 32px);padding:54px 0 46px}#configuration .config-selector-main{margin-top:40px;min-height:210px}#configuration .config-selector-size{font-size:clamp(2.3rem,10vw,3.3rem);letter-spacing:-1.1px}#configuration .config-selector-options{margin-top:28px;flex-direction:column;border-bottom:0}#configuration .config-selector-option{min-height:66px;border-right:0;border-bottom:1px solid rgba(255,255,255,0.18)}#configuration .config-selector-option:last-child{border-bottom:0}#configuration .config-selector-option::after{left:20%;right:20%;bottom:0}}@media (prefers-reduced-motion:reduce){#configuration .config-selector-content,#configuration .config-selector-image,#configuration .config-selector-size,#configuration .config-selector-unit{animation:none !important;transition:none !important;transform:none !important}}#gallery#gallery.lookbook-gallery-section{background:#fff !important;padding:86px 0 96px;overflow:hidden}.gallery-heading{margin-bottom:38px}.gallery-stage{position:relative;width:100%;margin:0 auto}.gallery-viewport{position:relative;width:100%;overflow:hidden;touch-action:pan-y;cursor:grab}.gallery-viewport:active{cursor:grabbing}.gallery-track{display:flex;align-items:center;gap:clamp(14px,2vw,24px);width:max-content;padding:14px 0 22px;will-change:transform}.gallery-slide{position:relative;flex:0 0 min(70vw,920px);aspect-ratio:16 / 9;overflow:hidden;background:#eef1ee;border-radius:2px;opacity:.42;filter:saturate(.82);transform:scale(.86);transform-origin:center;box-shadow:0 12px 30px rgba(15,63,96,.05);transition:opacity 650ms cubic-bezier(.22,1,.36,1),transform 720ms cubic-bezier(.22,1,.36,1),filter 650ms ease,box-shadow 720ms ease;user-select:none}.gallery-slide img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.gallery-slide.is-prev,.gallery-slide.is-next{opacity:.5;filter:saturate(.78)}.gallery-slide.is-active{opacity:1;filter:saturate(1);transform:scale(1);box-shadow:0 22px 55px rgba(15,63,96,.14);z-index:2}.gallery-slide-impression{position:absolute;right:18px;bottom:16px;z-index:4;color:rgba(255,255,255,.78);font-family:var(--font-p);font-size:.44rem;font-weight:500;letter-spacing:2.4px;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity 420ms ease}.gallery-slide.is-active .gallery-slide-impression{opacity:1}.gallery-arrow{position:absolute;top:50%;z-index:5;width:0px;height:34px;padding:0;border:0;border-radius:0;background:transparent;color:#0f3f60;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);transition:transform .25s ease,opacity .25s ease;box-shadow:none}.gallery-arrow img{display:block;width:44px;height:44px;object-fit:contain}.gallery-arrow:hover{background:transparent;color:#0f3f60;transform:translateY(-50%) scale(1.08);opacity:.82}.gallery-arrow-prev{left:max(12px,calc(50% - min(35vw,460px) - 34px))}.gallery-arrow-next{right:max(12px,calc(50% - min(35vw,460px) - 34px))}@media(max-width:991px){#gallery.lookbook-gallery-section{padding:70px 0 82px}.gallery-slide{flex-basis:min(78vw,720px);transform:scale(.88)}.gallery-slide.is-active{transform:scale(1)}.gallery-arrow{width:34px;height:34px}.gallery-arrow-prev{left:14px}.gallery-arrow-next{right:14px}}@media(max-width:767px){#gallery.lookbook-gallery-section{padding:54px 0 64px}.gallery-heading{margin-bottom:26px}.gallery-viewport{overflow:hidden}.gallery-track{gap:12px;padding:10px 0 18px}.gallery-slide{flex-basis:78vw;aspect-ratio:4 / 3;transform:scale(.88);opacity:.38}.gallery-slide.is-active{transform:scale(1);opacity:1}.gallery-slide-impression{right:12px;bottom:10px;font-size:.36rem;letter-spacing:1.8px}.gallery-arrow{display:none !important}}@media(prefers-reduced-motion:reduce){.gallery-slide,.gallery-arrow,.gallery-slide-impression{transition:none !important}.gallery-track{will-change:auto}}#connectivity.connectivity-landscape{background:#f4f7f2;padding:72px 0 88px;overflow:hidden}#connectivity .connectivity-heading{margin-bottom:34px}#connectivity .connectivity-map-landscape{width:100%;padding:0 34px}#connectivity .connectivity-map-wrap{position:relative;width:100%;height:430px;overflow:hidden;background:#dfe7e2;box-shadow:0 20px 55px rgba(15,63,96,.10)}#connectivity .connectivity-map-wrap iframe{position:absolute;inset:0;width:100%;height:100%;display:block;filter:saturate(.82) contrast(1.02)}#connectivity .connectivity-map-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient( ellipse at center,rgba(255,255,255,0) 48%,rgba(15,63,96,.04) 72%,rgba(15,63,96,.16) 100% )}#connectivity .connectivity-map-label{position:absolute;left:28px;bottom:24px;z-index:3;display:flex;align-items:center;gap:9px;padding:9px 13px;background:rgba(244,247,242,.91);backdrop-filter:blur(7px);box-shadow:0 7px 20px rgba(15,63,96,.10);color:#0f3f60;font-family:var(--font-p);font-size:.58rem;font-weight:600;letter-spacing:1.35px;text-transform:uppercase}#connectivity .connectivity-map-label-dot{width:8px;height:8px;border-radius:50%;background:#d3a03e;box-shadow:0 0 0 4px rgba(211,160,62,.15)}#connectivity .connectivity-travel-row{width:min(980px,calc(100% - 68px));margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(15,63,96,.15)}#connectivity .connectivity-travel-item{padding:29px 22px 28px;text-align:center}#connectivity .connectivity-travel-item+.connectivity-travel-item{border-left:1px solid rgba(15,63,96,.14)}#connectivity .connectivity-time{color:#0f3f60;font-family:var(--font-h);font-size:2.65rem;font-weight:400;line-height:.95}#connectivity .connectivity-time-unit{margin-top:5px;color:#d3a03e;font-family:var(--font-p);font-size:.52rem;font-weight:600;letter-spacing:2.1px}#connectivity .connectivity-time-label{margin-top:9px;color:rgba(15,63,96,.66);font-family:var(--font-p);font-size:.70rem;line-height:1.45}#connectivity .connectivity-destinations{width:min(980px,calc(100% - 68px));margin:21px auto 0;display:grid;grid-template-columns:repeat(2,1fr);column-gap:62px}#connectivity .connectivity-acc-item{border-bottom:1px solid rgba(15,63,96,.13)}#connectivity .connectivity-acc-item .acc-header{min-height:66px;padding:0;display:flex;align-items:center;justify-content:space-between;cursor:pointer}#connectivity .connectivity-acc-item .acc-header h4{margin:0;color:#0f3f60;font-family:var(--font-p);font-size:.92rem;font-weight:500;letter-spacing:.4px}#connectivity .connectivity-acc-item .acc-icon{position:relative;width:16px;height:16px;flex:0 0 16px}#connectivity .connectivity-acc-item .acc-icon::before,#connectivity .connectivity-acc-item .acc-icon::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:1px;background:#0f3f60;transform:translate(-50%,-50%);transition:transform 220ms ease}#connectivity .connectivity-acc-item .acc-icon::after{transform:translate(-50%,-50%) rotate(90deg)}#connectivity .connectivity-acc-item .acc-header[aria-expanded="true"] .acc-icon::after{transform:translate(-50%,-50%) rotate(0deg)}#connectivity .connectivity-acc-item .acc-body{padding:0 0 17px}#connectivity .connectivity-acc-item .loc-row{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:9px 0;border-bottom:1px solid rgba(15,63,96,.08)}#connectivity .connectivity-acc-item .loc-row:last-child{border-bottom:0}#connectivity .connectivity-acc-item .loc-row span{color:rgba(15,63,96,.67);font-family:var(--font-p);font-size:.70rem;line-height:1.5}#connectivity .connectivity-acc-item .loc-row small{flex:0 0 auto;color:#d3a03e;font-family:var(--font-p);font-size:.62rem;font-weight:600;white-space:nowrap}@media(max-width:767px){#connectivity.connectivity-landscape{padding:52px 0 60px}#connectivity .connectivity-heading{margin-bottom:24px}#connectivity .connectivity-map-landscape{padding:0 12px}#connectivity .connectivity-map-wrap{height:330px}#connectivity .connectivity-map-label{left:14px;bottom:14px;font-size:.48rem;letter-spacing:1.05px}#connectivity .connectivity-travel-row{width:calc(100% - 24px)}#connectivity .connectivity-travel-item{padding:21px 8px 22px}#connectivity .connectivity-time{font-size:1.95rem}#connectivity .connectivity-time-unit{font-size:.45rem;letter-spacing:1.6px}#connectivity .connectivity-time-label{font-size:.55rem}#connectivity .connectivity-destinations{width:calc(100% - 24px);grid-template-columns:1fr;column-gap:0;margin-top:14px}#connectivity .connectivity-acc-item .acc-header{min-height:60px}#connectivity .connectivity-acc-item .acc-header h4{font-size:.68rem}#connectivity .connectivity-acc-item .loc-row span{font-size:.57rem}#connectivity .connectivity-acc-item .loc-row small{font-size:.51rem}}#floorplan.wide-architectural-plans{background:#f4f7f2;padding:72px 0 88px;overflow:hidden}#floorplan .wide-plans-heading{margin-bottom:18px}#floorplan .wide-plans-tabs{width:fit-content;margin:0 auto 34px;gap:0;background:transparent !important}#floorplan .wide-plans-tabs .nav-link{color:#999 !important;border:none !important;background:none !important;border-radius:0 !important;font-family:var(--font-p);font-size:.8rem;font-weight:400;letter-spacing:2px;padding:10px 25px;text-transform:uppercase;position:relative;transition:.3s}#floorplan .wide-plans-tabs .nav-link.active{color:#0f3f60 !important;font-weight:700;background:none !important}#floorplan .wide-plans-tabs .nav-link.active::after{content:"";display:block;width:25px;height:1.5px;background:#d3a03e;margin:8px auto 0;transform:none}#floorplan .wide-plans-content{width:100%}#floorplan .wide-plan-view,#floorplan .wide-floor-view{width:100%}#floorplan .wide-plan-art,#floorplan .wide-floor-art{width:66%;margin:0 auto}#floorplan .wide-plan-image-wrap{position:relative;width:100%;overflow:hidden;background:#0f3f60}#floorplan .master-plan-art .wide-plan-image-wrap{aspect-ratio:16 / 8.4}#floorplan .wide-plan-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;filter:none;transform:scale(1.025)}#floorplan .wide-plan-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient( 90deg,rgba(211,160,62,.07) 0%,rgba(211,160,62,.13) 50%,rgba(211,160,62,.08) 100% ),radial-gradient( ellipse at center,rgba(211,160,62,.04) 30%,rgba(211,160,62,.14) 100% );mix-blend-mode:multiply}#floorplan .wide-plan-gate,#floorplan #mp-pane .vault-gate,#floorplan .floorplan-vault-gate{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);inset:auto;width:auto;height:auto;padding:0;background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#floorplan .wide-plan-gate .vault-icon,#floorplan .wide-plan-gate .floorplan-vault-icon{margin-bottom:14px}#floorplan .wide-plan-gate h5{margin:0 0 16px;color:#fff;font-family:var(--font-h);font-size:.95rem;font-weight:500;letter-spacing:1.6px;text-shadow:0 2px 10px rgba(0,0,0,.26)}#floorplan .wide-floor-size-index{width:min(1080px,92%);margin:0 auto 16px;display:grid;grid-template-columns:31px minmax(0,1fr) 31px;align-items:center;gap:10px}#floorplan .wide-floor-arrow{width:31px;height:31px;padding:0;border:0;border-radius:50%;background:#0f3f60;color:#fff;display:flex;align-items:center;justify-content:center}#floorplan .wide-floor-arrow:hover{background:#d3a03e;color:#0f3f60}#floorplan .wide-floor-viewport{min-width:0;overflow:hidden}#floorplan .wide-floor-track{display:flex;align-items:center;justify-content:center;gap:25px;width:max-content;margin:0 auto}#floorplan .wide-floor-track .fp-size-pill{position:relative;flex:0 0 auto;padding:7px 0 9px;border:0 !important;border-bottom:2px solid transparent !important;border-radius:0 !important;background:transparent !important;color:rgba(15,63,96,.48);font-family:var(--font-p);font-size:.59rem;font-weight:600;letter-spacing:1.25px;text-decoration:none !important;white-space:nowrap}#floorplan .wide-floor-track .fp-size-pill.active{color:#0f3f60 !important;border-bottom-color:#d3a03e !important;background:transparent !important}#floorplan .wide-floor-track .fp-size-pill:hover{color:#0f3f60 !important;background:transparent !important}#floorplan .wide-floor-art .wide-plan-image-wrap{aspect-ratio:16 / 9.15}@media(max-width:767px){#floorplan.wide-architectural-plans{padding:52px 0 60px}#floorplan .wide-plans-heading{margin-bottom:16px}#floorplan .wide-plans-tabs{gap:0;margin-bottom:25px !important}#floorplan .wide-plans-tabs .nav-link{font-size:.62rem;letter-spacing:1.5px;padding:8px 17px}#floorplan .wide-plan-art,#floorplan .wide-floor-art{width:92%}#floorplan .master-plan-art .wide-plan-image-wrap,#floorplan .wide-floor-art .wide-plan-image-wrap{aspect-ratio:1 / .82}#floorplan .wide-floor-size-index{width:92%;margin-bottom:13px;grid-template-columns:29px minmax(0,1fr) 29px;gap:7px}#floorplan .wide-floor-arrow{width:29px;height:29px;font-size:.75rem}#floorplan .wide-floor-track{justify-content:flex-start;gap:18px;margin:0}#floorplan .wide-floor-track .fp-size-pill{font-size:.53rem;letter-spacing:1px}}#floorplan .wide-plans-tabs .nav-link{white-space:nowrap}#floorplan #mp-main-tab{white-space:nowrap}#floorplan #mp-pane .wide-plan-gate,#floorplan #mp-pane .vault-gate{left:50% !important;top:50% !important;right:auto !important;bottom:auto !important;inset:auto auto auto 50% !important;transform:translate(-50%,-50%) !important;width:max-content !important;max-width:none !important;margin:0 !important;padding:0 !important;background:transparent !important;box-shadow:none !important}#floorplan #mp-pane .wide-plan-gate .vault-icon,#floorplan #mp-pane .wide-plan-gate .cta-btn{position:relative;margin-left:auto !important;margin-right:auto !important}#floorplan #mp-pane .master-plan-art,#floorplan #mp-pane .wide-plan-image-wrap{overflow:hidden !important}#floorplan .wide-plans-tabs,#floorplan .main-level-tabs.wide-plans-tabs{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:flex-start !important;justify-content:center !important;width:max-content !important;max-width:none !important;gap:0 !important;margin-left:auto !important;margin-right:auto !important}#floorplan .wide-plans-tabs .nav-item{flex:0 0 auto !important;width:auto !important}#floorplan .wide-plans-tabs .nav-link{display:block !important;width:auto !important;min-width:0 !important;white-space:nowrap !important;word-break:keep-all !important;overflow-wrap:normal !important;text-align:center !important}#floorplan #mp-pane .wide-plan-image-wrap .wide-plan-gate,#floorplan #mp-pane .wide-plan-image-wrap .vault-gate,#floorplan #fp-pane .wide-plan-image-wrap .floorplan-vault-gate{position:absolute !important;inset:unset !important;left:50% !important;top:50% !important;right:auto !important;bottom:auto !important;width:max-content !important;max-width:none !important;height:max-content !important;margin:0 !important;padding:0 !important;transform:translate(-50%,-50%) !important;background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;z-index:10 !important}#floorplan #mp-pane .wide-plan-image-wrap .vault-icon,#floorplan #fp-pane .wide-plan-image-wrap .floorplan-vault-icon,#floorplan #mp-pane .wide-plan-image-wrap .cta-btn,#floorplan #fp-pane .wide-plan-image-wrap .cta-btn,#floorplan #fp-pane .wide-plan-image-wrap h5{position:relative !important;left:auto !important;right:auto !important;margin-left:auto !important;margin-right:auto !important}@media (max-width:767px){#floorplan .wide-plans-tabs,#floorplan .main-level-tabs.wide-plans-tabs{width:max-content !important;max-width:calc(100% - 24px) !important;flex-wrap:nowrap !important}#floorplan .wide-plans-tabs .nav-link{white-space:nowrap !important;padding-left:17px !important;padding-right:17px !important}}#floorplan #activeFloorPlanImage{filter:none !important}.highlights-section .wave-track{transition:opacity 3s cubic-bezier(.22,1,.36,1),filter 3s cubic-bezier(.22,1,.36,1);filter:blur(1px)}.highlights-section:not(.highlights-revealed) .wave-top-1,.highlights-section:not(.highlights-revealed) .wave-bottom-1{opacity:0}.highlights-section:not(.highlights-revealed) .wave-top-2,.highlights-section:not(.highlights-revealed) .wave-bottom-2{opacity:0}.highlights-section:not(.highlights-revealed) .wave-top-3,.highlights-section:not(.highlights-revealed) .wave-bottom-3{opacity:0}.highlights-section.highlights-revealed .wave-top-1,.highlights-section.highlights-revealed .wave-bottom-1{opacity:.35;filter:blur(0)}.highlights-section.highlights-revealed .wave-top-2,.highlights-section.highlights-revealed .wave-bottom-2{opacity:.65;filter:blur(0)}.highlights-section.highlights-revealed .wave-top-3,.highlights-section.highlights-revealed .wave-bottom-3{opacity:1;filter:blur(0)}.highlights-section .stat-item{opacity:0;transform:translateY(18px);transition:opacity 900ms cubic-bezier(.22,1,.36,1),transform 900ms cubic-bezier(.22,1,.36,1)}.highlights-section.highlights-revealed .stat-item{opacity:1;transform:translateY(0)}.highlights-section.highlights-revealed .stat-item:nth-child(1){transition-delay:0ms}.highlights-section.highlights-revealed .stat-item:nth-child(2){transition-delay:160ms}.highlights-section.highlights-revealed .stat-item:nth-child(3){transition-delay:320ms}.highlights-section.highlights-revealed .stat-item:nth-child(4){transition-delay:480ms}@media (prefers-reduced-motion:reduce){.highlights-section .wave-track{transition:none !important;filter:none !important}.highlights-section .stat-item{transition:none !important;opacity:1 !important;transform:none !important}}.config-selector-cta::after,.config-selector-cta span{display:none !important;content:none !important}.about-image-wrap img,.about-image-wrap .rounded-image,.about-image-wrap .image-zoom-container{border-radius:0 !important}.sticky-enquire,.sticky-brochure{border-radius:0 !important}.site-navbar{top:16px;width:calc(100% - 84px);max-width:1320px}.site-navbar>.navbar{min-height:52px;padding:4px 20px 4px 26px;border-radius:4px;background:#0f3f60 !important;border:1px solid rgba(255,255,255,.10);box-shadow:0 5px 18px rgba(0,0,0,.12);backdrop-filter:none;-webkit-backdrop-filter:none}.navbar-logo img{width:150px}.navbar-collapse{justify-content:center}.navbar-nav{gap:10px}.navbar-nav .nav-link{position:relative;padding:10px 13px !important;border-radius:0 !important;background:transparent !important;color:rgba(255,255,255,.72) !important;font-size:13px;font-weight:400;letter-spacing:.1px;transition:color .25s ease}.navbar-nav .nav-link::after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:1.5px;background:#d3a03e;transform:scaleX(0);transform-origin:center;transition:transform .25s ease}.navbar-nav .nav-link.active,.navbar-nav .nav-link:hover{color:#fff !important}.navbar-nav .nav-link.active::after{transform:scaleX(1)}.site-navbar.scrolled>.navbar{background:#0f3f60 !important;border-color:rgba(255,255,255,.10);box-shadow:0 5px 18px rgba(0,0,0,.14);backdrop-filter:none;-webkit-backdrop-filter:none}.site-navbar.scrolled .navbar-nav .nav-link{color:rgba(255,255,255,.72) !important}.site-navbar.scrolled .navbar-nav .nav-link.active,.site-navbar.scrolled .navbar-nav .nav-link:hover{color:#fff !important}.site-navbar.scrolled .navbar-nav .nav-link.active::after{transform:scaleX(1)}@media(max-width:991px){.site-navbar{top:10px;width:calc(100% - 24px);max-width:none}.site-navbar>.navbar{min-height:54px;padding:5px 12px 5px 16px;border-radius:4px}.navbar-logo img{width:102px}.navbar-collapse{margin-top:6px;padding:5px;border-radius:4px;background:#0f3f60 !important;backdrop-filter:none;-webkit-backdrop-filter:none}.navbar-nav{width:100%;gap:0}.navbar-nav .nav-item{width:100%}.navbar-nav .nav-link{width:100%;padding:11px 12px !important;border-radius:0 !important;text-align:left}.navbar-nav .nav-link::after{left:12px;right:auto;width:24px;bottom:4px}.site-navbar.scrolled .navbar-collapse{background:#0f3f60 !important}}@media(max-width:480px){.site-navbar{width:calc(100% - 18px);top:8px}.site-navbar>.navbar{min-height:52px;border-radius:4px}.navbar-logo img{width:134px}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}[data-cinematic-parallax]{will-change:transform;transform:translate3d(0,0,0)} @media (max-width: 767px) { .hero-carousel-img { width: 100%; aspect-ratio: 701 / 1246; height: auto; object-fit: cover; display: block; } } /* ========================================================= DESKTOP NAVBAR — FIXED LEFT LOGO / CENTERED NAV --------------------------------------------------------- Desktop only: - Keep the rounded navbar visual treatment - Navbar spans the responsive viewport instead of using a max-width that pushes the logo inward at high zoom-out - Logo stays anchored to the left edge - Navigation remains independently centered - Mobile rules are untouched ========================================================= */ @media (min-width: 992px) { .site-navbar { left: 28px !important; right: 28px !important; width: auto !important; max-width: none !important; transform: none !important; } .site-navbar > .navbar { display: grid !important; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; width: 100%; } .site-navbar .navbar-logo { grid-column: 1; justify-self: start; margin-left: 2px !important; margin-right: 0 !important; position: relative; z-index: 2; } .site-navbar .navbar-collapse { grid-column: 2; justify-self: center; width: auto !important; flex: 0 0 auto !important; margin: 0 !important; position: static !important; transform: none !important; } .site-navbar .navbar-nav { margin-left: 0 !important; margin-right: 0 !important; justify-content: center; flex-wrap: nowrap; } .site-navbar .navbar-toggler { grid-column: 3; justify-self: end; } } /* ========================================================= FINAL NAVBAR LOGO SIZE --------------------------------------------------------- Desktop: 240px Mobile/tablet: 130px Keeps the existing left-anchor / centered-nav layout. ========================================================= */ @media (min-width: 992px) { .site-navbar .navbar-logo img { width: 240px !important; height: auto !important; } } @media (max-width: 991px) { .site-navbar .navbar-logo img { width: 130px !important; height: auto !important; } } /* Footer brand logo — below RERA number */ .footer-right .footer-brand-logo{display:block;width:220px;height:auto;margin:8px 10px 0 auto;object-fit:contain} @media (max-width:768px){.footer-right .footer-brand-logo{width:180px;margin:8px auto 0}} /* ========================================================= FOOTER DESKTOP — LOGO / RERA ALIGNMENT --------------------------------------------------------- Row 1: Site Address | Footer Logo Row 2: Corporate | RERA No. This keeps the logo aligned with the Site Address top line and the RERA line aligned with the Corporate Office line. ========================================================= */ @media (min-width: 769px) { .footer-container { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; grid-template-areas: "site logo" "corporate rera" !important; column-gap: 50px !important; row-gap: 8px !important; align-items: start !important; } .footer-left, .footer-right { display: contents !important; } .footer-left > .address:first-of-type { grid-area: site; margin-top: 20px !important; margin-bottom: 0 !important; } .footer-left > .corporate-address { grid-area: corporate; margin-top: 8px !important; margin-bottom: 0 !important; } .footer-right > .footer-brand-logo { grid-area: logo; justify-self: end !important; align-self: start !important; margin: 20px 10px 0 auto !important; } .footer-right > .rera-list { grid-area: rera; justify-self: end !important; align-self: start !important; margin: 8px 10px 0 0 !important; } .footer-right > .rera-list li { margin-top: 0 !important; margin-bottom: 10px !important; } } /* ========================================================= HIGHLIGHTS — DESKTOP ONLY --------------------------------------------------------- 1. Stats are locked to the viewport centre regardless of viewport width or browser zoom. 2. Wave tracks extend beyond both viewport edges and loop by a viewport-relative distance, so their ends can never become visible as blank "boxes". 3. Mobile/tablet rules are untouched. ========================================================= */ @media (min-width: 993px) { /* Make the highlights section itself viewport-width based. */ .about-section .highlights-section { width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; overflow: hidden !important; position: relative !important; } /* Use the section as the centering reference. */ .about-section .highlights-section .highlights-content { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 40px !important; display: block !important; transform: none !important; } /* The whole four-stat group is centred at 50vw. */ .about-section .highlights-section .highlights-grid { position: absolute !important; left: 50% !important; top: 50% !important; width: min(1200px, calc(100vw - 80px)) !important; max-width: 1200px !important; margin: 0 !important; transform: translate(-50%, -50%) !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; align-items: center !important; } /* Endless horizontal wave canvas: 300vw wide, starting one viewport off-screen on each side. The 100vw background tile repeats across the entire canvas. */ .about-section .highlights-section .wave-track { width: 300vw !important; max-width: none !important; left: -100vw !important; height: 70px !important; background-size: 100vw 70px !important; background-repeat: repeat-x !important; background-position: 0 0 !important; } /* Loop by exactly one viewport width. At every point the 300vw canvas still covers the viewport. */ .about-section .highlights-section .wave-top-1, .about-section .highlights-section .wave-top-3, .about-section .highlights-section .wave-bottom-2 { animation-name: highlightsDesktopFlowRight !important; } .about-section .highlights-section .wave-top-2, .about-section .highlights-section .wave-bottom-1, .about-section .highlights-section .wave-bottom-3 { animation-name: highlightsDesktopFlowLeft !important; } } @keyframes highlightsDesktopFlowRight { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-100vw, 0, 0); } } @keyframes highlightsDesktopFlowLeft { from { transform: translate3d(-100vw, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* ========================================================= DESKTOP HIGHLIGHTS — TRUE VIEWPORT CENTRE ONLY --------------------------------------------------------- Only corrects the four-highlight group alignment. Wave behavior is intentionally untouched. Mobile/tablet is untouched. ========================================================= */ @media (min-width: 993px) { .about-section .highlights-section .highlights-grid { left: 50vw !important; top: 50% !important; transform: translate(-50%, -50%) !important; margin: 0 !important; } } /* ====================================================================== LAKE VISTA SIGNATURE ELEMENTS — FULL-WIDTH EDITORIAL GRID ---------------------------------------------------------------------- One visual composition, not eight cards. Transparent artwork floats inside a restrained architectural grid. Responsive: 4x2 desktop, 2x4 mobile. No image backgrounds, connector SVGs, or card shadows. ====================================================================== */ .lake-difference-section{ position:relative; overflow:hidden; background:#f7f8f6; padding:88px 0 96px; isolation:isolate; } .lake-difference-section::before{ content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(90deg,transparent 0%,rgba(15,63,96,.035) 50%,transparent 100%); opacity:.55; } .lake-difference-inner{ position:relative; z-index:1; width:min(1440px,100%); margin:0 auto; } .lake-difference-heading{ margin:0 auto 42px; text-align:center; padding:0 28px; } .lake-difference-heading .section-title-small{ margin:0; color:var(--primary) !important; } .lake-difference-heading .section-wave-divider{ margin:12px auto 0; } .lake-difference-stage{ position:relative; width:100%; border-top:1px solid rgba(15,63,96,.12); border-bottom:1px solid rgba(15,63,96,.12); } /* Very restrained architectural drafting marks — deliberately not cards. */ .lake-difference-stage::before, .lake-difference-stage::after{ content:""; position:absolute; pointer-events:none; z-index:0; } .lake-difference-stage::before{ width:210px; height:210px; left:-125px; top:-105px; border:1px solid rgba(15,63,96,.075); border-radius:50%; } .lake-difference-stage::after{ width:250px; height:250px; right:-145px; bottom:-125px; border:1px solid rgba(211,160,62,.10); border-radius:50%; } .lake-difference-grid{ position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); } .lake-difference-item{ position:relative; min-width:0; min-height:385px; padding:34px 28px 38px; text-align:center; border-right:1px solid rgba(15,63,96,.10); border-bottom:1px solid rgba(15,63,96,.10); opacity:0; transform:translate3d(0,18px,0); will-change:opacity,transform; } .lake-difference-item:nth-child(4n){ border-right:none; } .lake-difference-item:nth-child(n+5){ border-bottom:none; } .lake-difference-section.is-visible .lake-difference-item{ animation:lakeDifferenceEditorialIn .65s cubic-bezier(.22,1,.36,1) var(--usp-delay) both; } .usp-art-wrap{ position:relative; display:flex; align-items:center; justify-content:center; width:min(250px,100%); height:250px; margin:0 auto 22px; } /* A single faint architectural halo gives the transparent PNGs a shared stage. */ .usp-art-wrap::before{ content:""; position:absolute; width:174px; height:174px; border:1px solid rgba(15,63,96,.055); border-radius:50%; z-index:-1; } .lake-difference-item:nth-child(2n) .usp-art-wrap::before{ border-color:rgba(211,160,62,.075); } /* Gallery/About-style gold curtain reveal for every Signature Element image. */ .usp-art-wrap{ overflow:hidden; } .usp-art-wrap::after{ content:""; position:absolute; inset:0; z-index:6; pointer-events:none; background:#d3a03e; transform:translateX(0); will-change:transform; } .lake-difference-section.is-visible .usp-art-wrap::after{ animation:lakeDifferenceGoldCurtainOut 1400ms cubic-bezier(.77,0,.18,1) var(--usp-delay) forwards; } .usp-placeholder{ display:block; width:100%; height:100%; max-width:250px; max-height:250px; margin:0 auto; object-fit:contain; object-position:center; background:transparent !important; border:0 !important; box-shadow:none !important; transform:scale(var(--art-scale,1)); transition:transform .35s cubic-bezier(.22,1,.36,1); } @media (hover:hover) and (pointer:fine){ .lake-difference-item:hover .usp-placeholder{ transform:scale(calc(var(--art-scale,1) + .025)); } } .usp-copy h3{ margin:0 0 7px; color:#0f3f60; font-family:var(--font-h); font-size:1.04rem; font-weight:500; line-height:1.3; } .usp-copy p{ max-width:225px; min-height:42px; margin:0 auto; color:#69727a; font-family:var(--font-p); font-size:.76rem; line-height:1.55; font-weight:300; } @keyframes lakeDifferenceGoldCurtainOut{ from{transform:translateX(0)} to{transform:translateX(105%)} } @keyframes lakeDifferenceEditorialIn{ 0%{opacity:0;transform:translate3d(0,18px,0)} 100%{opacity:1;transform:translate3d(0,0,0)} } @media (max-width:1100px){ .lake-difference-section{padding:78px 0 86px} .lake-difference-item{padding-left:20px;padding-right:20px;min-height:365px} .usp-art-wrap{width:220px;height:220px} .usp-placeholder{max-width:220px;max-height:220px} .usp-copy h3{font-size:1rem} } @media (max-width:767px){ .lake-difference-section{padding:68px 0 76px} .lake-difference-heading{margin-bottom:34px;padding:0 18px} .lake-difference-stage{ width:calc(100% - 20px); margin:0 auto; } .lake-difference-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .lake-difference-item{ min-height:340px; padding:30px 14px 32px; border-right:1px solid rgba(15,63,96,.10); border-bottom:1px solid rgba(15,63,96,.10); } .lake-difference-item:nth-child(4n){border-right:1px solid rgba(15,63,96,.10)} .lake-difference-item:nth-child(2n){border-right:none} .lake-difference-item:nth-child(n+7){border-bottom:none} .usp-art-wrap{width:175px;height:175px;margin-bottom:18px} .usp-placeholder{max-width:175px;max-height:175px} .usp-art-wrap::before{width:130px;height:130px} .usp-copy h3{font-size:.9rem} .usp-copy p{font-size:.69rem;line-height:1.5;max-width:155px;min-height:0} } @media (max-width:480px){ .lake-difference-section{padding:58px 0 66px} .lake-difference-stage{width:calc(100% - 12px)} .lake-difference-item{min-height:305px;padding:27px 10px 28px} .usp-art-wrap{width:150px;height:150px} .usp-placeholder{max-width:150px;max-height:150px} .usp-art-wrap::before{width:112px;height:112px} .usp-copy h3{font-size:.84rem} .usp-copy p{font-size:.66rem;max-width:140px} } @media (prefers-reduced-motion:reduce){ .lake-difference-section .lake-difference-item{ animation:none !important; opacity:1 !important; transform:none !important; } .lake-difference-section .usp-art-wrap::after{ animation:none !important; transform:translateX(105%) !important; } } .gallery-arrow:focus, .gallery-arrow:focus-visible, .gallery-arrow:active { outline: none !important; box-shadow: none !important; border: none !important; } /* ========================================================= GALLERY INITIAL REVEAL — matches the About image curtain logic One-time viewport-triggered reveal; does not affect gallery navigation. ========================================================= */ #gallery [data-gallery-stage] .gallery-first-reveal::before{ content:""; position:absolute; inset:0; z-index:4; pointer-events:none; background:#d3a03e; transform:translateX(0); will-change:transform; } #gallery [data-gallery-stage] .gallery-first-reveal::after{ content:""; position:absolute; top:0; bottom:0; left:-12px; width:24px; z-index:5; pointer-events:none; opacity:0; background:linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,0)); transform:translateX(0); will-change:transform,opacity; } #gallery [data-gallery-stage].gallery-revealed .gallery-first-reveal::before{ animation:galleryGoldCurtainOut 1400ms cubic-bezier(.77,0,.18,1) forwards; } #gallery [data-gallery-stage].gallery-revealed .gallery-first-reveal::after{ animation:galleryGoldCurtainEdge 1400ms cubic-bezier(.77,0,.18,1) forwards; } #gallery [data-gallery-stage].gallery-revealed .gallery-first-reveal img{ animation:galleryImageRevealZoom 1400ms cubic-bezier(.22,1,.36,1) forwards; } @keyframes galleryGoldCurtainOut{ from{transform:translateX(0)} to{transform:translateX(105%)} } @keyframes galleryGoldCurtainEdge{ 0%{opacity:0;transform:translateX(0)} 20%{opacity:.45} 100%{opacity:0;transform:translateX(105%)} } @keyframes galleryImageRevealZoom{ from{transform:scale(1.06)} to{transform:scale(1)} } @media (prefers-reduced-motion:reduce){ #gallery [data-gallery-stage] .gallery-first-reveal::before, #gallery [data-gallery-stage] .gallery-first-reveal::after{ animation:none !important; transform:translateX(105%) !important; opacity:0 !important; } #gallery [data-gallery-stage] .gallery-first-reveal img{ animation:none !important; transform:none !important; } } .gallery-slide img { animation: gallerySlowZoomOut 18s ease-out forwards; transform: scale(1.08); } @keyframes gallerySlowZoomOut { from { transform: scale(1.08); } to { transform: scale(1); } } /* ========================================================= HERO — CLEAN MOBILE/RESPONSIVE SYSTEM Only affects #home. ========================================================= */ #home.hero-container{ position:relative; width:100%; height:100vh; min-height:100vh; overflow:hidden; background:#070b12; isolation:isolate; } #home #homeHeroCarousel, #home #homeHeroCarousel .carousel-inner, #home #homeHeroCarousel .carousel-item{ width:100%; height:100%; min-height:100%; } #home #homeHeroCarousel .carousel-item{ position:relative; overflow:hidden; opacity:0; transition:opacity 1.1s cubic-bezier(.22,1,.36,1) !important; } #home #homeHeroCarousel .carousel-item.active{opacity:1;} #home .hero-picture, #home .hero-picture img{ position:absolute; inset:0; width:100%; height:100%; display:block; } #home .hero-carousel-img{ object-fit:cover !important; object-position:center center; transform:scale(1.25); will-change:transform; animation:none; } /* Start the cinematic zoom only after the preloader/logo handoff. */ body.alv-page-revealed #home #homeHeroCarousel .carousel-item.active .hero-carousel-img{ animation:heroDramaticZoomOut 7s cubic-bezier(.18,.72,.28,1) forwards; } @keyframes heroDramaticZoomOut{ from{transform:scale(1.25)} to{transform:scale(1)} } #home .hero-overlay{ position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,rgba(5,16,24,.60) 0%,rgba(5,16,24,.38) 30%,rgba(5,16,24,.10) 58%,rgba(5,16,24,0) 100%); } #home .hero-content { position: absolute; inset: 0; z-index: 3; display: flex; align-items: center; justify-content: flex-start; padding: clamp(150px, 14vh, 150px) 0 clamp(90px, 10vh, 120px) !important; } @media (min-width: 992px) { #home .hero-content { padding-left: clamp(48px, 3.8vw, 72px) !important; padding-right: 0 !important; padding-top:170px !important; } #home .hero-copy { margin-left: 0 !important; } } #home .hero-copy{ width:min(640px,46vw); pointer-events:auto; } #home .hero-artistic{ position:absolute; top:24px; right:24px; color:rgba(255,255,255,.72); font:300 7px/1 var(--font-p); letter-spacing:2px; text-transform:uppercase; } #home .hero-title{ margin:0 0 25px; color:#fff; font-family:var(--font-h); font-size:clamp(44px,4.1vw,66px); font-weight:300; line-height:1.06; letter-spacing:-1.5px; text-shadow:0 3px 20px rgba(0,0,0,.18); } #home .hero-title span, #home .hero-title strong{ display:block; opacity:0; transform:translateY(22px); } #home #homeHeroCarousel .carousel-item.active .hero-title span{ animation:heroTextIn .72s cubic-bezier(.22,1,.36,1) .20s forwards; } #home #homeHeroCarousel .carousel-item.active .hero-title strong{ animation:heroTextIn .72s cubic-bezier(.22,1,.36,1) .40s forwards; font-weight:500; } #home .hero-offer, #home .hero-location, #home .hero-rera, #home .hero-enquire{ opacity:0; transform:translateY(18px); } #home #homeHeroCarousel .carousel-item.active .hero-offer{ animation:heroTextIn .68s cubic-bezier(.22,1,.36,1) .60s forwards; } #home #homeHeroCarousel .carousel-item.active .hero-location{ animation:heroTextIn .68s cubic-bezier(.22,1,.36,1) .80s forwards; } #home #homeHeroCarousel .carousel-item.active .hero-rera{ animation:heroTextIn .68s cubic-bezier(.22,1,.36,1) 1.00s forwards; } #home #homeHeroCarousel .carousel-item.active .hero-enquire{ animation:heroTextIn .68s cubic-bezier(.22,1,.36,1) 1.20s forwards; } @keyframes heroTextIn{to{opacity:1;transform:translateY(0)}} #home .hero-offer{ margin:0 0 14px; color:rgba(255,255,255,.92); font:300 clamp(16px,1.35vw,21px)/1.5 var(--font-p); } #home .hero-offer strong{font-weight:600;color:#fff} #home .hero-divider{padding:0 9px;color:rgba(255,255,255,.48)} #home .hero-location{ display:flex; align-items:center; gap:8px; margin-bottom:24px; color:rgba(255,255,255,.9); font:500 12px/1 var(--font-p); letter-spacing:3px; text-transform:uppercase; } #home .hero-location img{width:16px;height:16px;object-fit:contain;display:block;filter:brightness(0) invert(1)} #home .hero-enquire{ display:inline-flex; align-items:center; justify-content:center; min-width:180px; padding:14px 27px; border:1px solid rgba(255,255,255,.72); border-radius:2px; background:rgba(255,255,255,.08); color:#fff !important; backdrop-filter:blur(12px) saturate(120%); -webkit-backdrop-filter:blur(12px) saturate(120%); box-shadow:0 10px 30px rgba(0,0,0,.12); font:500 11px/1 var(--font-p); letter-spacing:3px; text-transform:uppercase; text-decoration:none !important; transition:background .3s ease,border-color .3s ease,transform .3s ease; } #home .hero-enquire:hover{background:rgba(255,255,255,.16);border-color:#fff;transform:translateY(-2px)} #home .hero-progress{ position:absolute; left:50%; bottom:24px; transform:translateX(-50%); width:min(190px,26vw); display:flex; gap:8px; z-index:7; } #home .hero-progress-line{ position:relative; flex:1; height:2px; background:rgba(255,255,255,.32); overflow:hidden; } #home .hero-progress-line i{ position:absolute; inset:0; transform:scaleX(0); transform-origin:left center; background:#d3a03e; } #home .hero-progress-line.is-active i{animation:heroProgress 8s linear forwards} @keyframes heroProgress{to{transform:scaleX(1)}} #home .hero-control{display:none !important} @media (max-width:767px){ #home.hero-container, #home #homeHeroCarousel, #home #homeHeroCarousel .carousel-inner, #home #homeHeroCarousel .carousel-item{ width:100% !important; height:100svh !important; min-height:100svh !important; } #home #homeHeroCarousel .carousel-item.active{display:block !important} #home .hero-picture, #home .hero-picture img{ width:100% !important; height:100% !important; } #home .hero-carousel-img{ object-fit:cover !important; object-position:center center !important; transform:scale(1.10); } #home #homeHeroCarousel .carousel-item.active .hero-carousel-img{ animation:heroDramaticZoomOutMobile 7s cubic-bezier(.18,.72,.28,1) forwards; } @keyframes heroDramaticZoomOutMobile{ from{transform:scale(1.10)} to{transform:scale(1)} } #home .hero-overlay{ background:linear-gradient(180deg,rgba(5,16,24,.08) 12%,rgba(5,16,24,.22) 46%,rgba(5,16,24,.62) 100%); } #home .hero-content{ align-items:flex-end; justify-content:center; padding:0 20px 76px; text-align:center; } #home .hero-copy{width:100%;max-width:none} #home .hero-artistic{top:18px;right:18px;font-size:8px;letter-spacing:1.6px} #home .hero-title{font-size:clamp(34px,9.8vw,46px);line-height:1.08;letter-spacing:-.7px;margin-bottom:18px} #home .hero-offer{font-size:14px;line-height:1.5;margin-bottom:10px} #home .hero-divider{padding:0 6px} #home .hero-location{ margin-bottom:18px; font-size:10px; letter-spacing:2.2px; justify-content:center;} #home .hero-location img{width:14px;height:14px} #home .hero-enquire{ width:auto; min-width:180px; padding:15px 28px; font-size:10px; letter-spacing:2.7px;} #home .hero-progress{bottom:24px;width:150px;gap:7px} } @media (prefers-reduced-motion:reduce){ #home #homeHeroCarousel .carousel-item.active .hero-carousel-img, #home #homeHeroCarousel .carousel-item.active .hero-title span, #home #homeHeroCarousel .carousel-item.active .hero-title strong, #home #homeHeroCarousel .carousel-item.active .hero-offer, #home #homeHeroCarousel .carousel-item.active .hero-location, #home #homeHeroCarousel .carousel-item.active .hero-enquire, #home .hero-progress-line.is-active i{ animation:none !important; } #home .hero-carousel-img{transform:scale(1) !important} #home .hero-title span,#home .hero-title strong,#home .hero-offer,#home .hero-location,#home .hero-enquire{opacity:1;transform:none} } /* ========================================================= AMENITIES — SOFT SECTION-LEVEL CIRCLES ========================================================= */ .amenities-iconic{ position:relative; overflow:hidden; } .amenities-iconic::before, .amenities-iconic::after{ content:""; position:absolute; pointer-events:none; border-radius:50%; z-index:0; } .amenities-iconic::before{ width:430px; height:430px; left:-205px; top:120px; border:1px solid rgba(15,63,96,.095); background:rgba(15,63,96,.035); } .amenities-iconic::after{ width:330px; height:330px; right:-150px; bottom:25px; border:1px solid rgba(211,160,62,.11); background:rgba(211,160,62,.03); } .amenities-iconic > .container{ position:relative; z-index:1; } @media (max-width:767px){ .amenities-iconic::before{ width:225px; height:225px; left:-118px; top:90px; border-color:rgba(15,63,96,.08); background:rgba(15,63,96,.025); } .amenities-iconic::after{ width:200px; height:200px; right:-110px; bottom:72px; border-color:rgba(211,160,62,.09); background:rgba(211,160,62,.022); } } /* ========================================================= SHARED ARCHITECTURAL CORNER FRAME About image + Master/Floor Plan image areas only. ========================================================= */ #about .about-reveal-stage, #floorplan .wide-plan-image-wrap{ position:relative; } #about .about-reveal-stage::after, #floorplan .wide-plan-image-wrap::after{ content:""; position:absolute; inset:12px; z-index:20; pointer-events:none; opacity:.22; background: linear-gradient(var(--primary),var(--primary)) left top/46px 1px no-repeat, linear-gradient(var(--primary),var(--primary)) left top/1px 46px no-repeat, linear-gradient(var(--primary),var(--primary)) right top/46px 1px no-repeat, linear-gradient(var(--primary),var(--primary)) right top/1px 46px no-repeat, linear-gradient(var(--primary),var(--primary)) left bottom/46px 1px no-repeat, linear-gradient(var(--primary),var(--primary)) left bottom/1px 46px no-repeat, linear-gradient(var(--primary),var(--primary)) right bottom/46px 1px no-repeat, linear-gradient(var(--primary),var(--primary)) right bottom/1px 46px no-repeat; } @media (max-width:767px){ #about .about-reveal-stage::after, #floorplan .wide-plan-image-wrap::after{ inset:8px; opacity:.18; background-size: 30px 1px, 1px 30px, 30px 1px, 1px 30px, 30px 1px, 1px 30px, 30px 1px, 1px 30px; } } /* OUTSIDE CORNER FRAMES — ABOUT + MASTER/FLOOR PLAN */ .about-image-wrap, #floorplan .wide-plan-art{ position:relative; overflow:visible !important; } /* About: frame sits outside the actual image edge */ @media (min-width: 992px){ .about-image-wrap::before, .about-image-wrap::after{ content:""; position:absolute; width:42px; height:42px; z-index:4; pointer-events:none; } .about-image-wrap::before{ left:38px; top:-10px; border-left:1.5px solid rgba(15,63,96,.26); border-top:1.5px solid rgba(15,63,96,.26); } .about-image-wrap::after{ right:38px; bottom:-10px; border-right:1.5px solid rgba(211,160,62,.42); border-bottom:1.5px solid rgba(211,160,62,.42); } } /* Keep Master/Floor Plan corner marks outside the image boundary */ #floorplan .wide-plan-art{ position:relative; overflow:visible !important; } #floorplan .wide-floor-art{ position:relative; overflow:visible !important; } /* Master + Floor Plan: same outside-image corner language */ #floorplan .wide-plan-art::before, #floorplan .wide-plan-art::after{ content:""; position:absolute; width:48px; height:48px; z-index:12; pointer-events:none; } #floorplan .wide-plan-art::before{ left:-14px; top:-14px; border-left:1.5px solid rgba(15,63,96,.28); border-top:1.5px solid rgba(15,63,96,.28); } #floorplan .wide-plan-art::after{ right:-14px; bottom:-14px; border-right:1.5px solid rgba(211,160,62,.45); border-bottom:1.5px solid rgba(211,160,62,.45); } @media (max-width: 767px){ .about-image-wrap::before, .about-image-wrap::after{ content:""; position:absolute; width:28px; height:28px; z-index:4; pointer-events:none; } .about-image-wrap::before{ left:-6px; top:-8px; border-left:1px solid rgba(15,63,96,.24); border-top:1px solid rgba(15,63,96,.24); } .about-image-wrap::after{ right:-6px; bottom:-8px; border-right:1px solid rgba(211,160,62,.38); border-bottom:1px solid rgba(211,160,62,.38); } #floorplan .wide-plan-art::before{ left:-9px; top:-9px; width:30px; height:30px; border-left:1px solid rgba(15,63,96,.24); border-top:1px solid rgba(15,63,96,.24); } #floorplan .wide-plan-art::after{ right:-9px; bottom:-9px; width:30px; height:30px; border-right:1px solid rgba(211,160,62,.38); border-bottom:1px solid rgba(211,160,62,.38); } } /* Master/Floor Plan lock + size styling */ #floorplan .wide-plan-gate .vault-icon, #floorplan .wide-plan-gate .floorplan-vault-icon{ width:46px; height:46px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(211,160,62,.16); margin-bottom:14px; } #floorplan .wide-plan-gate .plan-lock-icon{ width:22px; height:22px; object-fit:contain; display:block; } #floorplan .wide-plan-gate #activeFloorPlanTitle, #floorplan .wide-plan-gate h5{ color:#0f3f60 !important; } /* ========================================================= ABOUT ONLY — OUTSIDE IMAGE CORNER FRAME Keep Master/Floor Plan framing independent. ========================================================= */ #about .about-reveal-stage::after{ display:none !important; } #about .about-image-wrap{ position:relative; overflow:visible !important; } @media (min-width:992px){ #about .about-image-wrap::before, #about .about-image-wrap::after{ content:""; position:absolute; width:42px; height:42px; z-index:30; pointer-events:none; } #about .about-image-wrap::before{ left:30px; top:-12px; border-left:1.5px solid rgba(15,63,96,.28); border-top:1.5px solid rgba(15,63,96,.28); } #about .about-image-wrap::after{ right:30px; bottom:-12px; border-right:1.5px solid rgba(211,160,62,.42); border-bottom:1.5px solid rgba(211,160,62,.42); } } @media (max-width:991px){ #about .about-image-wrap::before, #about .about-image-wrap::after{ content:""; position:absolute; width:28px; height:28px; z-index:30; pointer-events:none; } #about .about-image-wrap::before{ left:-4px; top:-8px; border-left:1px solid rgba(15,63,96,.25); border-top:1px solid rgba(15,63,96,.25); } #about .about-image-wrap::after{ right:-4px; bottom:-8px; border-right:1px solid rgba(211,160,62,.38); border-bottom:1px solid rgba(211,160,62,.38); } } /* MASTER/FLOOR PLAN ONLY — remove inner image-boundary frame; keep outer frame on .wide-plan-art */ #floorplan .wide-plan-image-wrap::after{ display:none !important; } /* ========================================================= MASTER / FLOOR PLANS — FINAL OUTSIDE FRAME ONLY Scope is intentionally limited to #floorplan. About Us framing is untouched. ========================================================= */ #floorplan.wide-architectural-plans{ overflow:visible !important; } #floorplan .wide-plan-art, #floorplan .wide-floor-art{ position:relative; overflow:visible !important; isolation:isolate; } #floorplan .wide-plan-art::before, #floorplan .wide-plan-art::after, #floorplan .wide-floor-art::before, #floorplan .wide-floor-art::after{ content:""; position:absolute; width:48px; height:48px; z-index:30; pointer-events:none; } #floorplan .wide-plan-art::before, #floorplan .wide-floor-art::before{ left:-14px; top:-14px; border-left:1.5px solid rgba(15,63,96,.28); border-top:1.5px solid rgba(15,63,96,.28); } #floorplan .wide-plan-art::after, #floorplan .wide-floor-art::after{ right:-14px; bottom:-14px; border-right:1.5px solid rgba(211,160,62,.45); border-bottom:1.5px solid rgba(211,160,62,.45); } @media (max-width:767px){ #floorplan .wide-plan-art::before, #floorplan .wide-floor-art::before{ left:-9px; top:-9px; width:30px; height:30px; border-left:1px solid rgba(15,63,96,.24); border-top:1px solid rgba(15,63,96,.24); } #floorplan .wide-plan-art::after, #floorplan .wide-floor-art::after{ right:-9px; bottom:-9px; width:30px; height:30px; border-right:1px solid rgba(211,160,62,.38); border-bottom:1px solid rgba(211,160,62,.38); } } /* The image itself stays clipped; only the parent carries the frame. */ #floorplan #mp-pane .wide-plan-image-wrap, #floorplan #fp-pane .wide-plan-image-wrap{ overflow:hidden !important; } /* Remove any legacy inner image-boundary frame. */ #floorplan .wide-plan-image-wrap::after{ display:none !important; } /* MASTER / FLOOR PLANS ONLY — remove all decorative corner borders. */ #floorplan .wide-plan-art::before, #floorplan .wide-plan-art::after, #floorplan .wide-floor-art::before, #floorplan .wide-floor-art::after{ content:none !important; display:none !important; border:0 !important; } #home .hero-rera{ margin-top:30px; margin-bottom:0px; color:rgba(255,255,255,.68); font:400 10px/1 var(--font-p); letter-spacing:3px; text-transform:uppercase; } @media (max-width: 767px){ #home .hero-rera{ margin-top:30px; margin-bottom:0; font-size:9px; letter-spacing:1.2px; line-height:1; white-space:nowrap; text-align:center; } } /* ====================================================================== CLUB VISTA — LIFESTYLE EDITORIAL SECTION Sharp editorial image, existing reveal language, no cards/pills/numbers. ====================================================================== */ .club-vista-section{ position:relative; overflow:hidden; background:#fff; padding:112px 0 118px; isolation:isolate; } .club-vista-section::before{ content:""; position:absolute; width:420px; height:420px; right:-210px; top:50%; transform:translateY(-50%); border:1px solid rgba(15,63,96,.045); border-radius:50%; pointer-events:none; } .club-vista-inner{ width:min(1240px,84%); margin:0 auto; display:grid; grid-template-columns:minmax(0,.98fr) minmax(0,1fr); gap:clamp(54px,7vw,104px); align-items:start; } .club-vista-media{ position:relative; } .club-vista-image-wrap{ position:relative; width:min(100%,560px); margin-left:0; } .club-vista-image-stage{ position:relative; overflow:hidden; isolation:isolate; } .club-vista-image{ display:block; width:100%; aspect-ratio:16 / 9; object-fit:cover; border-radius:0; box-shadow:none; transform:scale(1.2); transform-origin:center center; will-change:transform; } .club-vista-image-stage::before{ content:""; position:absolute; inset:0; z-index:5; pointer-events:none; background:#d3a03e; transform:translateX(0); will-change:transform; } .club-vista-image-stage::after{ content:""; position:absolute; top:0; bottom:0; left:-12px; width:24px; z-index:6; pointer-events:none; opacity:0; background:linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,0)); transform:translateX(0); } .club-vista-reveal-target.club-vista-image-active .club-vista-image-stage::before{ animation:clubVistaCurtainOut 1400ms cubic-bezier(.77,0,.18,1) forwards; } .club-vista-reveal-target.club-vista-image-active .club-vista-image-stage::after{ animation:clubVistaCurtainEdge 1400ms cubic-bezier(.77,0,.18,1) forwards; } .club-vista-reveal-target.club-vista-image-active .club-vista-image{ animation:clubVistaImageZoomOut 8s cubic-bezier(.22,1,.36,1) forwards; } @keyframes clubVistaCurtainOut{ from{transform:translateX(0)} to{transform:translateX(105%)} } @keyframes clubVistaCurtainEdge{ 0%{opacity:0;transform:translateX(0)} 20%{opacity:.45} 100%{opacity:0;transform:translateX(105%)} } @keyframes clubVistaImageZoomOut{ from{transform:scale(1.2)} to{transform:scale(1)} } .club-vista-impression{ position:absolute; left:14px; bottom:12px; z-index:8; color:rgba(255,255,255,.78); font-family:var(--font-p); font-size:.42rem; font-weight:400; letter-spacing:1.3px; line-height:1.2; text-transform:none; text-shadow:0 1px 8px rgba(0,0,0,.35); pointer-events:none; } .club-vista-content{ padding-top:18px; max-width:610px; } .club-vista-title{ margin:0; color:var(--primary) !important; font-family:var(--font-h); font-size:1.8rem !important; font-weight:400; line-height:1.2; letter-spacing:2px; text-transform:uppercase; } .club-vista-wave{ margin:14px 0 25px; } .club-vista-wave img{ width:140px; height:52px; } .club-vista-lead, .club-vista-body{ margin:0; color:#343b40; font-family:var(--font-p); font-size:1rem; line-height:1.85; max-width:590px; } .club-vista-lead{ margin-bottom:12px; color:#1d2c35; font-size:1.06rem; line-height:1.72; } .club-vista-body{ color:#5c6266; } .club-vista-amenities{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:52px; row-gap:0; margin-top:32px; max-width:590px; } .club-vista-amenities span{ padding:13px 0; color:var(--primary); font-family:var(--font-h); font-size:.72rem; font-weight:500; letter-spacing:1.35px; line-height:1.4; text-transform:uppercase; } .club-vista-amenities span:nth-child(odd){ border-right:1px solid rgba(15,63,96,.10); padding-right:28px; } .club-vista-amenities span:nth-child(even){ padding-left:0; } @media (max-width:992px){ .club-vista-section{ padding:86px 0 92px; } .club-vista-inner{ width:min(88%,720px); grid-template-columns:1fr; gap:46px; } .club-vista-image-wrap{ width:min(100%,600px); margin:0 auto; } .club-vista-content{ padding-top:0; max-width:none; } .club-vista-lead, .club-vista-body, .club-vista-amenities{ max-width:650px; } } @media (max-width:767px){ .club-vista-section{ padding:68px 0 74px; } .club-vista-section::before{ width:240px; height:240px; right:-150px; top:28%; } .club-vista-inner{ width:88%; gap:34px; } .club-vista-image{ transform:scale(1.12); height:auto !important; } .club-vista-impression{ left:10px; bottom:9px; font-size:.38rem; letter-spacing:1.1px; } .club-vista-title{ font-size:1.55rem !important; letter-spacing:1.7px; } .club-vista-wave{ margin:12px 0 20px; } .club-vista-wave img{ width:125px; height:47px; } .club-vista-lead{ font-size:1rem; line-height:1.7; margin-bottom:10px; } .club-vista-body{ font-size:.92rem; line-height:1.75; } .club-vista-amenities{ grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:22px; margin-top:25px; } .club-vista-amenities span{ padding:12px 0; font-size:.62rem; letter-spacing:.8px; } .club-vista-amenities span:nth-child(odd){ padding-right:14px; } } @media (prefers-reduced-motion:reduce){ .club-vista-image-stage::before, .club-vista-image-stage::after, .club-vista-image{ animation:none !important; } .club-vista-image-stage::before{ transform:translateX(105%); } .club-vista-image{ transform:scale(1); } } /* ========================================================= CLUB VISTA — ALIGNMENT ONLY Keeps existing image reveal animation intact ========================================================= */ .club-vista-heading { width: min(1240px, 84%); margin: 0 auto 42px; text-align: center; } .club-vista-heading .club-vista-title { display: block; width: 100%; margin: 0 !important; text-align: center; } .club-vista-heading .club-vista-wave { position: static !important; display: flex !important; width: 100%; justify-content: center !important; align-items: center; margin: 10px 0 0 !important; padding: 0 !important; } .club-vista-heading .club-vista-wave img { display: block; width: 140px; height: 52px; margin: 0 auto !important; } /* Align image and content */ .club-vista-inner { align-items: start; } .club-vista-media { padding-top: 0 !important; } .club-vista-content { padding-top: 0 !important; } /* Keep 16:9 */ .club-vista-image { aspect-ratio: 16 / 9; object-fit: cover; height:50vh; width: 100%; display: block; } @media (max-width: 767px) { .club-vista-heading { width: 88%; margin-bottom: 30px; } .club-vista-heading .club-vista-wave { margin-top: 8px !important; } .club-vista-heading .club-vista-wave img { width: 125px; height: 47px; } .club-vista-media, .club-vista-content { padding-top: 0 !important; } }