html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{margin:0}*{box-sizing:border-box}:root{--gold-bright:#f7da2f;--gold-soft:#b8921f;--gold:var(--gold-soft);--light-blue-gray:#a6a6ad;--dark-gray:#4d4d51;--white:#fff;--navy:#060628;--cotton:#f4f4f2}body{background:var(--navy);color:var(--white);margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.site{min-height:100vh}.hero{background-image:url(/assets/hero-nDxPmVML.png);background-position:50%;background-size:cover;min-height:100vh;position:relative;overflow:hidden}.heroOverlay{background:linear-gradient(90deg,#060628d6 0%,#06062894 38%,#0606282e 100%);position:absolute;inset:0}.heroHeader{z-index:2;justify-content:space-between;align-items:center;padding:32px 56px;display:flex;position:relative}.logo{width:220px;height:auto}.nav{letter-spacing:.14em;text-transform:uppercase;color:var(--white);gap:28px;font-size:12px;display:flex}.heroContent{z-index:2;max-width:760px;padding:150px 80px 90px;position:relative}.eyebrow{color:var(--gold-bright);letter-spacing:.22em;text-transform:uppercase;margin:0 0 24px;font-size:13px}h1,h2{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400}h1{color:var(--white);font-size:clamp(52px,6vw,92px);line-height:.95}h2{font-size:clamp(42px,5vw,76px);line-height:1}.lead{color:#ffffffdb;max-width:560px;margin:32px 0 40px;font-size:20px;line-height:1.6}.button{color:var(--white);letter-spacing:.16em;text-transform:uppercase;border:1px solid #ffe15a;justify-content:center;align-items:center;padding:15px 28px;font-size:13px;transition:all .3s;display:inline-flex}.button:hover{background:#f7da2f26}.darkButton{color:var(--navy)}.introSection{background:var(--white);color:var(--navy);grid-template-columns:.9fr 1.1fr;align-items:center;gap:72px;padding:120px 80px;display:grid}.introText{max-width:560px}.introText h2{margin-bottom:28px}.introText p:last-child{color:var(--dark-gray);margin:0;font-size:19px;line-height:1.8}.introImageWrap{overflow:hidden}.introImage{object-fit:cover;width:100%;height:620px;display:block}.pillars{background:var(--navy);grid-template-columns:repeat(3,1fr);gap:4rem;padding:7rem 8%;display:grid}.pillar h3{color:var(--gold-bright);margin-bottom:1rem;font-size:1.4rem}.pillar p{color:#ffffffc7;line-height:1.8}.villasSection,.hawoSection,.locationSection,.availableSection,.investmentSection,.contactSection{padding:110px 80px}.villasSection,.availableSection,.hawoSection{background:var(--white);color:var(--navy)}.locationSection,.investmentSection{background:var(--cotton);color:var(--navy)}.contactSection{background:var(--navy);color:var(--white);text-align:center}.sectionInner{max-width:760px;margin:0 auto}.sectionInner.wide{max-width:1080px}.sectionInner h2{margin-bottom:28px}.sectionInner p{font-size:19px;line-height:1.8}.twoColumn{grid-template-columns:.9fr 1.1fr;align-items:start;gap:64px;display:grid}.villaHighlights{grid-template-columns:repeat(2,1fr);gap:32px;margin-top:80px;display:grid}.highlightCard{background:var(--white);border:1px solid #4d4d5126;padding:40px}.highlightNumber{color:var(--gold-bright);letter-spacing:.2em;margin-bottom:20px;font-size:14px;font-weight:600;display:block}.highlightCard h3,.villaCard h3,.contactCard h3,.locationGrid h3{color:var(--navy);margin:0 0 16px}.highlightCard p,.villaCard p{color:var(--dark-gray);margin:0}.imageGallery{grid-template-rows:260px 260px;grid-template-columns:2fr 1fr;gap:24px;width:100%;max-width:1080px;margin:4rem auto 0;display:grid}.imageGallery .galleryItem:first-child{grid-row:1/3}.galleryItem{border-radius:18px;min-width:0;min-height:0;overflow:hidden}.galleryItem img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.galleryItem:hover img{transform:scale(1.04)}.interiorGallery{background:var(--cotton);max-width:1080px;color:var(--navy);border:1px solid #06062814;border-radius:28px;margin:6rem auto 0;padding:4rem}.interiorGalleryText{max-width:900px;margin-bottom:3rem}.interiorGalleryText h2{max-width:700px;font-size:clamp(3rem,6vw,5rem);line-height:1.05}.interiorImages{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.interiorImages img{object-fit:cover;border:1px solid #f7da2f26;border-radius:18px;width:100%;height:300px;transition:all .3s;box-shadow:0 20px 40px #0000002e,0 0 0 1px #00000014}.interiorImages img:hover{transform:translateY(-4px)}.locationGrid{text-align:left;grid-template-columns:repeat(2,1fr);gap:48px;margin-top:48px;display:grid}.locationGrid ul{margin:0;padding-left:20px;line-height:1.9}.mapPlaceholder{background:linear-gradient(#06062859, #06062859), var(--light-blue-gray);min-height:320px;color:var(--white);letter-spacing:.2em;text-transform:uppercase;border-radius:24px;justify-content:center;align-items:center;margin-top:48px;display:flex}.villaCard,.contactCard{background:var(--white);text-align:left;border:1px solid #4d4d5126;flex-direction:column;height:100%;padding:32px;display:flex}.villaCard span{color:var(--gold-bright);letter-spacing:.18em;text-transform:uppercase;font-size:12px}.villaCard button{border:1px solid var(--navy);width:100%;color:var(--navy);cursor:pointer;background:0 0;margin-top:auto;padding:12px 16px}.contactGrid{grid-template-columns:repeat(2,1fr);gap:32px;margin-top:56px;display:grid}.contactCard a{color:var(--navy);font-weight:600}.contactCard h3,.contactCard p{color:var(--navy)}.contactCard p{margin:0 0 20px;line-height:1.6}.contactCard a{margin-top:8px;display:block}.contactCard a:first-of-type{margin-top:auto}.footer{background:var(--navy);color:var(--light-blue-gray);padding:32px 80px;font-size:13px}.footer p{margin:0}.shareButtons{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.shareButtons button{color:var(--light-blue-gray);cursor:pointer;background:0 0;border:1px solid #ffffff40;padding:10px 16px}.shareButtons button:hover{border-color:var(--gold-bright);color:var(--gold-bright)}@media (width<=1000px){.nav{display:none}.introSection,.twoColumn{grid-template-columns:1fr}.villaList,.interiorImages{grid-template-columns:repeat(2,1fr)}.imageGallery{grid-template-rows:220px 220px}}@media (width<=760px){.heroHeader{padding:24px}.logo{width:120px}.heroContent{padding:120px 24px 64px}.lead{font-size:17px}.introSection,.villasSection,.hawoSection,.locationSection,.availableSection,.investmentSection,.contactSection{padding:80px 24px}.introImage{height:420px}.pillars,.villaHighlights,.locationGrid,.villaList,.contactGrid{grid-template-columns:1fr}.imageGallery{grid-template-rows:auto;grid-template-columns:1fr}.imageGallery .galleryItem:first-child{grid-row:auto}.galleryItem{aspect-ratio:4/3}.interiorGallery{padding:2rem}.interiorImages{grid-template-columns:1fr}.interiorImages img{height:300px}.footer{padding:32px 24px}}.plotMapPlaceholder{background:linear-gradient(#06062847, #06062847), var(--light-blue-gray);width:100%;min-height:420px;color:var(--white);letter-spacing:.2em;text-transform:uppercase;border-radius:28px;justify-content:center;align-items:center;margin:56px 0 32px;display:flex}.villaList{grid-template-columns:repeat(5,1fr)}.villaStatus{letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(135deg,#68ffc22e,#00f0b414);border:1px solid #00b47838;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:700;box-shadow:0 0 18px #40ffaa26,inset 0 1px #fff6;color:var(--navy)!important}@media (width<=1100px){.villaList{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.villaList{grid-template-columns:1fr}.plotMapPlaceholder{min-height:280px}}.villaStatus:before{content:"";background:#31d08c;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 8px #31d08c99}.villaList{grid-template-columns:repeat(2,1fr);gap:32px;margin-top:56px;display:grid}.villaCard{flex-direction:column;height:100%;padding:40px;display:flex}.villaCardTop{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.villaStatus{flex-shrink:0}.villaCard button{margin-top:auto}@media (width<=760px){.villaList{grid-template-columns:1fr}}.mapLink{color:var(--navy);letter-spacing:.08em;text-transform:uppercase;margin:24px 0 48px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.mapLink:hover{color:var(--gold-bright)}.mapImageLink{border-radius:28px;margin-top:48px;display:block;overflow:hidden}.mapImageLink img{object-fit:cover;width:100%;height:420px;transition:transform .4s;display:block}.mapImageLink:hover img{transform:scale(1.03)}.villaMeta{margin-top:12px}.plotSize{color:var(--text);margin:0;font-size:15px;font-weight:400}.plotMap{background:var(--white);border:1px solid #4d4d5126;border-radius:28px;margin-top:56px;overflow:hidden}.plotMap img{width:100%;height:auto;display:block}.plotLegend{background:var(--white);color:var(--navy);flex-wrap:wrap;gap:24px;padding:20px 24px;font-size:13px;font-weight:600;display:flex}.plotLegend span{align-items:center;gap:8px;display:inline-flex}.plotLegend i{border-radius:50%;width:10px;height:10px;display:inline-block}.availableDot{background:#31d08c}.reservedDot{background:var(--gold-bright)}.soldDot{background:#9a9aa3}.demoDot{background:var(--navy);border-radius:3px}.locationCards{grid-template-columns:repeat(2,1fr);gap:32px;margin:48px 0;display:grid}.locationCard:last-child{grid-column:1/-1}.locationCard{background:var(--white);border:1px solid #4d4d511f;border-radius:20px;padding:36px}.locationCard h3{color:var(--navy);margin-bottom:18px;font-size:24px}.locationCard ul{margin:0;padding-left:20px}.locationCard li{margin-bottom:10px;line-height:1.5}.locationCard h3{min-height:72px}@media (width<=900px){.locationCards{grid-template-columns:1fr}.locationCard{width:100%}}.villaStatus.demo-villa{color:var(--navy);background:#06062814;border-color:#06062859}.villaStatus.demo-villa:before{background:var(--navy)}.demoStatus{color:var(--navy)!important;background:#06062814!important;border-color:#06062859!important}.availableStatus{color:var(--navy);background:#2ecc711f;border-color:#2ecc7159}.reservedStatus{background:#fff8cf;border:1px solid #f7da2f}.soldStatus{color:var(--navy);background:#a0a0aa2e;border-color:#a0a0aa80}.availableStatus:before{background:#2ecc71}.reservedStatus:before{background:#e8c62a}.soldStatus:before{background:#a6a6ad}.demoStatus:before{background:var(--navy)}.floorPlanImage{width:100%;height:auto;display:block}.floorPlanLabel{color:#4d4d51;text-transform:uppercase;letter-spacing:.08em;margin:32px 0 12px;font-size:14px;font-weight:500}.floorPlanImageCard .floorPlanLabel{color:#4d4d51;text-transform:uppercase;letter-spacing:.12em;margin:32px 0 12px;font-weight:500;font-size:12px!important}.eyebrow{color:var(--gold-bright);letter-spacing:.14em;letter-spacing:.14em;text-transform:uppercase;letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:600}p.eyebrow{color:#edcf27!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-size:15px!important;font-weight:600!important}@media (width<=768px){p.eyebrow{letter-spacing:.1em!important;font-size:15px!important}.contactLogo{width:120px}.ailuLogo{width:105px}.habitaLogo{width:135px}}.pillars .eyebrow,.contactSection .eyebrow,.pillars .pillar h3{color:var(--gold-bright)}.statusBadge.reserved{color:#060628;background:#f7da2f38;border-color:#b8921f}.mobileMenuButton{display:none}@media (width<=900px){.heroHeader .nav{display:none}.mobileMenuButton{color:#fff;letter-spacing:.08em;cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:600;display:block}}.hamburgerIcon{color:#fff;font-size:30px;line-height:1}@media (width<=900px){.heroHeader{position:relative}.mobileNav{z-index:100;background:#060628;flex-direction:column;justify-content:flex-start;gap:22px;padding:240px 42px 48px;display:flex;position:fixed;inset:0}.mobileNav a{color:#fff;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(22px,4vw,34px);font-weight:600;text-decoration:none}.mobileMenuButton{z-index:120;position:relative}.mobileNav{z-index:9999!important;background:#060628!important;position:fixed!important;inset:0!important}.mobileMenuButton{z-index:10000;position:fixed;top:42px;right:42px}}.mobileMenuClose{color:#fff;cursor:pointer;background:0 0;border:none;font-size:42px;line-height:1;position:absolute;top:36px;right:36px}@media (width<=900px){.heroHeader{z-index:5000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060628eb;padding:26px 40px;position:fixed;top:0;left:0;right:0}.heroHeader .logo{max-width:190px}.heroHeader .mobileMenuButton{z-index:auto;position:static}.hero{padding-top:120px}.footer{text-align:center}.footerSocial{align-items:center}.footerCredit{text-align:center}}.footerSocial{flex-direction:column;align-items:center;gap:10px;margin-top:28px;margin-bottom:60px;display:flex}.footerSocialTitle{color:var(--gold-bright);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:600}.footerSocial a{color:#fff;font-weight:500;text-decoration:none;transition:color .2s}.footerSocial a:hover{color:var(--gold-bright)}.footerCredit{letter-spacing:.08em;color:#ffffff73;margin-top:60px;margin-bottom:0;font-size:.85rem}.footerCredit strong{color:#ffffffad;font-weight:600}.footerNav{flex-wrap:wrap;justify-content:center;gap:24px;margin:42px 0 48px;display:flex}.footerNav a{color:#ffffffb8;font-size:.95rem;text-decoration:none;transition:color .2s}.footerNav a:hover{color:var(--gold-bright)}.hawoLogo{width:210px;max-width:100%;height:auto;margin:1rem 0 2rem;display:block}.hawoLogoWrapper{justify-content:center;align-items:flex-start;padding-top:3.5rem;display:flex}.hawoLogo{width:185px;height:auto}.hawoAerialImage{border-radius:8px;width:100%;height:auto;margin-bottom:1.5rem;display:block}.hawoLogo{width:165px;margin:1rem 0 .8rem}.button{transition:background-color .25s,color .25s,border-color .25s,transform .25s}.button:hover{background:var(--gold-bright);color:var(--navy);border-color:var(--gold-bright);transform:translateY(-2px)}.demoVillaText{margin-top:1.2rem}.habitaLogo{width:180px;max-width:100%;height:auto;margin-top:2rem;margin-left:auto;display:block}.contactCard{flex-direction:column;display:flex}.contactCardBottom{margin-top:auto}.contactCard a{color:var(--navy);font-size:1rem;font-weight:700;line-height:1.5;text-decoration:none;display:block}.contactCardBottom a{margin:.15rem 0;display:block}.contactLogo{width:180px;max-width:100%;height:auto;margin-top:2rem;margin-left:auto;display:block}.contactCardBottom{flex-direction:column;flex:1;justify-content:space-between;display:flex}.contactContent{flex-direction:column;gap:.9rem;display:flex}.contactLogo{align-self:flex-end;margin-top:auto}.ailuLogo{width:165px;margin-right:-6px}.habitaLogo{width:190px;margin-right:-6px}.habitaCard .contactContent{margin-top:2rem}.contactLogo{margin-right:10px}.contactContent a+a{margin-top:-.6rem}.contactContent p:last-child{margin-top:-.5rem}.footerCreditLink{color:inherit;text-decoration:none;transition:color .25s}.footerCreditLink:hover{color:var(--gold-bright)}.partnersSection{color:var(--navy);background:#fff;padding:56px 24px 96px}.partnersIntro{text-align:left;max-width:1050px;margin:0 0 56px;font-size:1.05rem;line-height:1.8}.partnerBlock{background:#f7f4ef;border-radius:28px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:72px;margin-top:56px;padding:28px;display:grid}.partnerBlock.reverse .partnerImageWrap{order:2}.partnerBlock.reverse .partnerText{order:1}.partnerImageWrap{border-radius:20px;width:100%;min-width:0;overflow:hidden}.partnerImage{object-fit:contain;border-radius:20px;width:100%;height:auto;display:block}.partnerText{text-align:left;min-width:0;max-width:520px;padding-top:6px}.partnerText h3{color:var(--navy);margin:0 0 22px;font-size:clamp(1.6rem,2.4vw,2.4rem);line-height:1.15}.partnerText p{color:var(--dark-gray);text-align:left;margin:0 0 18px;font-size:1rem;line-height:1.8}@media (width<=900px){.partnersSection{padding:56px 24px}.partnersIntro{margin-bottom:40px}.partnerBlock{gap:36px;padding:24px}.partnerBlock,.partnerBlock.reverse{grid-template-columns:1fr;gap:28px}.partnerBlock.reverse .partnerImageWrap,.partnerBlock.reverse .partnerText{order:initial}.partnerText{min-width:0;max-width:none}}