@font-face{font-family:Archivo;src:url('fonts/Archivo_Expanded-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--cream:#f8f3ec;--navy:#08082a;--peach:#ffccb0;--line:#d8d1c8;--muted:#5b5865;--night:#141423;--ease:cubic-bezier(.22,.68,0,1.03)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--cream);color:var(--navy);font-family:Archivo,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}img{display:block;max-width:100%;height:auto}figure,p{margin:0}p+p{margin-top:22px}button{font-size:14px}h1,h2,h3{font-weight:400}h2{font-size:clamp(30px,3.6vw,58px);line-height:1.25;letter-spacing:-1.7px;margin:20px 0 25px}h3{line-height:1.3}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:5px}[hidden]{display:none!important}.eyebrow{font-size:12px;letter-spacing:2px;line-height:1.7}.section{padding:100px 6%}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:var(--cream);padding:15px}.skip:focus{top:10px}.site-header{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 5%;color:var(--cream)}.logo{width:155px}.site-header nav{display:flex;gap:30px;font-size:13px}.site-header nav a{position:relative;padding:10px 0}.site-header nav a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--peach);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.site-header nav a:hover::after{transform:scaleX(1)}.header-contact{background:var(--cream);color:var(--navy);padding:15px 22px;font-size:13px;display:flex;gap:28px;align-items:center;transition:background .25s}.header-contact:hover{background:var(--peach)}.cover{position:relative;isolation:isolate;min-height:800px;height:100svh;max-height:1100px;padding:185px 6% 135px;overflow:hidden;background:var(--navy);color:var(--cream);display:flex;align-items:center}.cover-photo{position:absolute;inset:0;z-index:-2}.cover-photo img{width:100%;height:100%;object-fit:cover;object-position:58% center;animation:hero-drift 24s ease-in-out infinite alternate;will-change:transform}.cover::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080819c9,#0808195c 65%,#08081912),linear-gradient(0deg,#080819a6,transparent 40%,transparent 75%,#08081955)}.hero-content{width:100%;animation:arrive 1.1s var(--ease) both}.hero-location{font-size:12px;letter-spacing:2.4px;margin-bottom:20px}.hero-phase{position:absolute;right:6%;top:145px;margin:0;font-size:12px;letter-spacing:1.5px;display:flex;align-items:center;gap:10px;color:var(--peach)}.hero-phase>span{width:6px;height:6px;border-radius:50%;background:var(--peach)}.hero-brand{font-size:14px;letter-spacing:5px;color:var(--peach);margin:0 0 22px}.cover h1{font-size:clamp(40px,4.8vw,79px);line-height:1.14;letter-spacing:-2.5px;margin:0 0 27px;max-width:1120px}.cover h1>span{color:var(--cream)}.hero-promise{font-size:16px;line-height:1.8;max-width:610px;margin:0 0 32px;color:#ede9e3}.hero-cta,.solid-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 25px;background:var(--peach);color:var(--navy);font-size:14px;transition:background .25s,transform .3s var(--ease)}.hero-cta:hover{background:var(--cream);transform:translateY(-3px)}.hero-cta span,.solid-link span,.header-contact span{transition:transform .3s var(--ease)}.hero-cta:hover span,.solid-link:hover span,.header-contact:hover span{transform:translate(3px,-3px)}.hero-bottom{position:absolute;bottom:35px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1.4px}.hero-bottom>a,.hero-bottom>div{display:flex;align-items:center;gap:18px}.scroll-cue,.hero-bottom button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff55;border-radius:50%;font-size:18px;background:transparent;color:var(--cream)}.hero-bottom button{font-size:14px}.motion-paused .cover-photo>img{animation-play-state:paused}.introduction{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.introduction h2{margin-bottom:0}.introduction>div>p:not(.eyebrow){color:var(--muted);font-size:16px}.facts{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:32px}.facts strong{font-weight:400;font-size:30px;white-space:nowrap}.facts span{display:block;font-size:12px;margin-top:5px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:45px}.section-heading h2{margin-bottom:0}.section-description{max-width:430px;color:var(--muted);font-size:16px;line-height:1.8}.villas-section{padding:50px 4% 100px}.villas-section .section-heading{padding:0 2%}.villa-selector{display:block}.villa-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:25px}.villa-tabs button{position:relative;overflow:hidden;background:transparent;color:var(--navy);border:1px solid var(--line);text-align:left;padding:0;transition:border-color .3s,box-shadow .3s,transform .3s var(--ease);min-width:0}.villa-tabs button>img{width:100%;height:110px;object-fit:cover;transition:transform .5s var(--ease),filter .35s;filter:saturate(.65);opacity:.85}.villa-tab-label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 13px;background:var(--cream);position:relative;font-size:13px;transition:background .3s}.villa-tab-label>span:last-child{font-size:12px;color:var(--muted);white-space:nowrap}.tab-indicator{position:absolute;top:10px;right:10px;width:28px;height:28px;background:var(--peach);border-radius:50%;display:grid;place-items:center;opacity:0;transform:translateY(7px);transition:opacity .3s,transform .3s}.villa-tabs button[aria-selected=true]{border-color:var(--navy);box-shadow:0 3px 0 var(--navy)}.villa-tabs button[aria-selected=true] .villa-tab-label{background:var(--peach)}.villa-tabs button[aria-selected=true]>img{filter:none;opacity:1}.villa-tabs button[aria-selected=true] .tab-indicator{opacity:1;transform:none}#villa-panel{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:35px;align-items:start;min-width:0}.villa-gallery{min-width:0}.villa-stage{position:relative;overflow:hidden;background:#e7e0d8}#villa-image{width:100%;height:465px;object-fit:cover}.villa-stage figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;padding:45px 24px 20px;background:linear-gradient(transparent,#08082ab8);color:var(--cream);font-size:12px;pointer-events:none}.villa-views{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}.villa-view{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 8px;text-align:left;color:var(--muted);min-width:0}.villa-view img{width:100%;height:75px;object-fit:cover;opacity:.75;transition:opacity .25s,filter .25s}.villa-view span{display:block;font-size:12px;line-height:1.6;padding-top:7px}.villa-view[aria-pressed=true]{border-color:var(--navy);color:var(--navy)}.villa-view[aria-pressed=true] img{opacity:1}.villa-info{padding:24px 0 0}.villa-info .eyebrow{font-size:12px;letter-spacing:1.3px;color:var(--muted)}.villa-info h3{margin:25px 0;font-size:29px;letter-spacing:1px}.villa-info h3 span{display:block;font-size:42px;letter-spacing:-1px;margin-top:14px}.villa-info p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted)}.villa-actions{display:flex;flex-direction:column;align-items:stretch;gap:22px;margin-top:28px}.line-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:0;border-bottom:1px solid;padding:13px 0;background:transparent;font-size:14px}.solid-link{background:var(--navy);color:var(--cream);padding:17px 18px;font-size:13px}.solid-link:hover{background:#262647}.small-note{font-size:12px;color:var(--muted)}.amenity-experience{padding:85px 0 30px;background:var(--night);color:var(--cream);overflow:hidden}.amenity-heading{margin:0 6% 28px}.amenity-heading .eyebrow{color:var(--peach)}.amenity-heading h2{margin-bottom:0}.amenity-controls{display:flex;align-items:center;justify-content:space-between;margin:0 6% 25px;gap:25px}.amenity-controls>p{font-size:14px;color:#c3c0cd}.amenity-controls>div{display:flex;gap:10px}.amenity-controls button{border:1px solid #ffffff55;border-radius:50%;width:46px;height:46px;background:transparent;color:var(--cream);font-size:20px;transition:background .25s,color .25s}.amenity-controls button:hover{background:var(--peach);color:var(--navy)}.amenity-tabs{position:relative;display:flex;overflow-x:auto;gap:9px;padding:8px 6% 22px;scrollbar-width:thin;scrollbar-color:#ffccb0 #ffffff12;margin-bottom:20px}.amenity-tabs button{flex:0 0 auto;background:transparent;color:#d4d1db;border:1px solid #ffffff35;border-radius:30px;padding:12px 19px;display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:13px;transition:background .25s,color .25s,border-color .25s}.amenity-tabs button>span:first-child{font-size:12px;opacity:.7}.amenity-arrow{display:none}.amenity-tabs button[aria-selected=true]{background:var(--peach);color:var(--navy);border-color:var(--peach)}#amenity-panel{position:relative;min-width:0}.amenity-stage{position:relative;overflow:hidden;background:#292733}.amenity-stage img{height:570px;width:100%;object-fit:cover}.amenity-stage::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a091cde,transparent 65%);pointer-events:none}.amenity-stage figcaption{position:absolute;top:30px;left:6%;right:6%;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:2px;z-index:1;text-shadow:0 1px 6px #000}.amenity-caption{position:absolute;bottom:45px;left:6%;right:6%;display:flex;align-items:end;justify-content:space-between;gap:50px;z-index:1;pointer-events:none}.amenity-caption .eyebrow{font-size:12px;letter-spacing:2px}.amenity-caption h3{font-size:clamp(26px,3vw,48px);max-width:700px;margin:12px 0 0}.amenity-caption>p{font-size:14px;max-width:410px;line-height:1.8}.amenity-signature{display:flex;justify-content:center;gap:70px;margin:0 6%;padding-top:27px;font-size:12px;letter-spacing:3px;color:var(--peach)}.interiors{padding:85px 0}.interior-main{position:relative;isolation:isolate;min-height:540px;color:var(--cream);display:flex;align-items:end;padding:55px 6%;overflow:hidden}.interior-main>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.interior-main::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080819b8,transparent 85%)}.interior-main p:not(.eyebrow){font-size:16px}.interior-main h2{font-size:clamp(36px,4.3vw,68px)}.interior-detail{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:8%;padding:40px 6% 0}.interior-detail>div{display:flex;align-items:center;gap:35px}.motif-arch{width:110px;flex-shrink:0}.interior-detail p{font-size:20px;line-height:1.6}.interior-detail>img{height:350px;width:100%;object-fit:cover}.masterplan{background:#eee7de}.phase-one{display:grid;grid-template-columns:.75fr 1.3fr;gap:65px;align-items:center}.phase-title h3{font-size:30px;letter-spacing:2px;margin:22px 0}.phase-title>p:not(.eyebrow){font-size:16px;color:var(--muted)}.phase-title .line-link{margin-top:25px}.phase-one img{width:100%}.phase-one figcaption{font-size:12px;margin-top:15px}.phase-two{position:relative;overflow:hidden;background:var(--night);color:var(--cream);display:grid;grid-template-columns:1fr auto;align-items:center;gap:45px;padding:48px 5%;margin-top:50px}.phase-two>div:not(.phase-two-mark){z-index:1}.phase-two-mark{position:absolute;right:8%;top:-10px;opacity:.025;width:650px;pointer-events:none}.phase-two-mark img{width:100%}.phase-two h3{font-size:28px;margin:15px 0}.phase-two p:not(.eyebrow){font-size:14px;color:#c8c6d4}.locked-state{display:grid;justify-items:center;gap:8px;border-left:1px solid #ffffff35;padding:5px 0 5px 50px;min-width:210px}.locked-state strong{font-size:14px;font-weight:400;letter-spacing:2px}.locked-state span,.locked-state small{font-size:12px}.locked-state small{color:#c8c6d4}.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:start;padding-top:110px;padding-bottom:110px}.contact-intro{position:relative}.contact h2{font-size:clamp(30px,3vw,50px)}.contact-intro>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:520px}.contact .eyebrow{font-size:12px;max-width:370px}.contact-address{margin-top:40px;display:grid;gap:12px;font-size:14px}.email-link{width:fit-content;border-bottom:1px solid}.contact-address p{font-size:13px;color:var(--muted);margin-top:12px}.motif-orbit{width:55px;margin-top:40px}.contact form{background:#eee7de;padding:36px;min-width:0}.form-progress{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;font-size:12px;margin-bottom:28px;color:var(--muted)}.form-progress>div{height:2px;background:#ccc5bc;width:100%;overflow:hidden}.form-progress i{display:block;background:var(--navy);height:100%;width:50%;transition:width .5s}.form-progress.is-last i{width:100%}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:22px;line-height:1.45;letter-spacing:-.5px;margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.form-grid label{font-size:13px;display:flex;flex-direction:column;gap:9px;min-width:0}.field-wide{grid-column:1/-1}.optional{font-size:12px;color:var(--muted)}input,select,textarea{border:1px solid #c8bfb3;border-radius:0;background:var(--cream);color:var(--navy);width:100%;font-size:14px;padding:13px 11px;min-height:49px;transition:border-color .2s,box-shadow .2s}select{cursor:pointer;text-overflow:ellipsis}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--navy);box-shadow:0 0 0 2px #08082a15}input::placeholder,textarea::placeholder{color:#767079;font-size:13px}.form-next,.form-submit{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;background:var(--navy);color:var(--cream);border:0;padding:18px 21px;font-size:14px;margin-top:28px;transition:background .25s}.form-next:hover,.form-submit:hover{background:#303052}.form-note{font-size:12px;color:var(--muted);line-height:1.7;margin-top:14px}.consent{display:flex;align-items:start;gap:12px;font-size:12px;margin-top:22px}.consent input{width:17px;height:17px;min-height:0;margin:3px 0;accent-color:var(--navy);flex-shrink:0}.form-secondary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.form-secondary button{padding:5px 0;background:none;border:0;border-bottom:1px solid;font-size:12px;text-align:left}#form-status{font-size:13px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}#form-fallback{display:block;font-size:13px;text-decoration:underline;margin-top:10px}footer{background:var(--night);color:var(--cream);padding:55px 6% 30px}footer>div:first-of-type{display:flex;justify-content:space-between;align-items:center;gap:30px}footer>div:first-of-type img{width:220px}footer>p{font-size:12px;color:#bdbbc9;line-height:1.9;margin:40px 0 28px;max-width:1100px}.footer-bottom{border-top:1px solid #ffffff25;display:flex;justify-content:space-between;gap:20px;padding-top:22px;font-size:12px;letter-spacing:1px}.whatsapp-float{position:fixed;bottom:24px;right:24px;z-index:25;display:flex;align-items:center;gap:14px;padding:16px 19px;background:var(--navy);color:var(--cream);border:1px solid #f8f3ec66;border-radius:50px;box-shadow:0 5px 25px #08082a25;transition:transform .3s var(--ease),background .3s}.whatsapp-float span{font-size:13px}.whatsapp-float:hover{transform:translateY(-4px);background:#262647}.dialog-open{overflow:hidden}dialog{border:0;max-width:94vw;width:1250px;max-height:94svh;padding:30px;background:var(--cream);color:var(--navy)}dialog::backdrop{background:#08082ae8}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-head h2{font-size:24px;margin:0}.dialog-head button{border:0;background:none;font-size:35px;width:44px;height:44px;flex-shrink:0}.plan-scroll{overflow:auto}.plan-scroll img{width:100%;min-width:950px;max-width:none}dialog>p{font-size:13px;margin:15px 0}.media-enter{animation:image-in .6s var(--ease) both}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.06) translateX(-1%)}}@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes image-in{from{opacity:.4;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(hover:hover){.villa-tabs button:hover{transform:translateY(-4px);border-color:var(--navy);box-shadow:0 8px 20px #08082a10}.villa-tabs button:hover>img{filter:none;opacity:1;transform:scale(1.04)}.villa-view:hover img{opacity:1}.amenity-tabs button:not([aria-selected=true]):hover{background:#ffffff12;border-color:var(--peach)}}
@media(max-width:1100px){.section{padding-left:5%;padding-right:5%}.site-header nav{gap:22px}.cover h1{font-size:clamp(45px,5.5vw,64px)}.introduction{gap:6%}.facts{flex-wrap:wrap}.villa-tab-label{display:block;padding:12px}.villa-tab-label>span{display:block}.villa-tab-label>span:last-child{margin-top:4px}#villa-panel{grid-template-columns:minmax(0,1fr) 260px;gap:25px}#villa-image{height:405px}.villa-info h3{font-size:24px}.villa-info h3 span{font-size:35px}.villa-info{padding-top:12px}.villa-info p:not(.eyebrow){font-size:13px}.villa-actions{gap:16px;margin-top:20px}.solid-link{font-size:12px;padding:16px 14px;gap:15px}.interior-detail{gap:5%}.interior-detail>div{gap:23px}.interior-detail p{font-size:16px}.motif-arch{width:85px}.contact{gap:5%}.contact form{padding:28px}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.contact h2{font-size:35px}}
@media(max-width:800px){.site-header nav{gap:15px;font-size:12px}.logo{width:125px}.header-contact{font-size:12px;padding:13px 16px;gap:13px}.cover{min-height:790px}.hero-phase{top:132px;font-size:11px}.section-heading{display:block}.section-description{margin-top:23px;max-width:650px}.villa-tabs{gap:10px}#villa-panel{grid-template-columns:1fr}.villa-info{display:grid;grid-template-columns:1fr .8fr;gap:30px;padding:0 1%}.villa-info h3{margin:15px 0;font-size:25px}.villa-info h3 span{display:inline;font-size:25px;margin-left:18px}.villa-actions{justify-content:center;margin-top:0}.villa-info p:not(.eyebrow){font-size:14px}.introduction{grid-template-columns:1fr;gap:30px}.facts{justify-content:flex-start;gap:45px}.amenity-stage img{height:580px}.amenity-caption{display:block}.amenity-caption>p{margin-top:22px;max-width:550px}.interior-detail{grid-template-columns:1fr 1fr}.interior-detail>div{display:block}.interior-detail p{margin-top:25px}.phase-one{grid-template-columns:1fr;gap:35px}.phase-one figure{max-width:650px}.phase-two{gap:25px}.locked-state{padding-left:30px;min-width:190px}.contact{grid-template-columns:1fr;gap:45px}.contact h2 br:last-child{display:none}.contact h2{font-size:40px}.contact-intro>p:not(.eyebrow){max-width:680px}.contact-address{margin-top:25px}.motif-orbit{position:absolute;right:5px;bottom:0;width:65px}.form-grid{grid-template-columns:1fr 1fr}.field-wide{grid-column:1/-1}.contact form{padding:36px}.contact .eyebrow{max-width:100%}}
@media(max-width:650px){html{scroll-padding-top:20px}.section{padding:65px 7%}.eyebrow{font-size:12px;letter-spacing:1.2px}h2{font-size:32px;letter-spacing:-1px}.site-header{padding:22px 6%;gap:17px;flex-wrap:wrap}.logo{width:116px}.header-contact{font-size:12px;padding:12px 14px;gap:10px}.site-header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #ffffff35;padding-top:15px;gap:15px}.site-header nav a{padding:0;font-size:12px}.cover{padding:210px 7% 115px;min-height:870px;max-height:none;height:100svh;align-items:center}.cover-photo img{object-position:61% center}.cover::after{background:linear-gradient(90deg,#080819c0,#0808195a),linear-gradient(0deg,#080819aa,transparent 50%,#08081930)}.hero-content{position:static}.hero-phase{top:155px;left:7%;right:auto;font-size:12px}.hero-location{font-size:12px;letter-spacing:1px;margin-bottom:20px}.hero-brand{font-size:12px;letter-spacing:3px;margin-bottom:22px}.cover h1{font-size:clamp(32px,8.3vw,47px);line-height:1.2;letter-spacing:-1.3px;margin-bottom:26px}.hero-promise{font-size:14px;line-height:1.8;margin-bottom:28px}.hero-promise br{display:none}.hero-cta{font-size:14px;gap:24px;padding:17px 20px}.hero-bottom{bottom:35px;left:7%;right:7%;font-size:12px;letter-spacing:.5px}.hero-bottom>div>span{display:none}.hero-bottom>a{gap:12px}.hero-bottom button,.scroll-cue{width:36px;height:36px}.introduction>div>p:not(.eyebrow){font-size:16px}.facts{gap:22px;justify-content:space-between}.facts strong{font-size:24px}.facts span{font-size:12px}.section-heading{margin-bottom:30px}.section-description{font-size:16px}.villas-section{padding:20px 0 65px}.villas-section .section-heading{padding:0 7%}.villa-tabs{display:flex;overflow-x:auto;gap:12px;padding:5px 7% 18px;margin:0 0 20px;scrollbar-width:thin;scrollbar-color:var(--navy) var(--line)}.villa-tabs button{flex:0 0 148px}.villa-tabs button>img{height:83px}.villa-tab-label{display:flex;padding:12px 10px;font-size:12px}.villa-tab-label>span:last-child{font-size:12px;margin:0}.tab-indicator{width:24px;height:24px;font-size:12px}#villa-panel{gap:24px}#villa-image{height:340px}.villa-stage figcaption{padding:40px 7% 18px;font-size:12px}.villa-views{display:flex;overflow-x:auto;gap:10px;margin-top:12px;padding:0 7% 8px;scrollbar-width:thin}.villa-view{flex:0 0 85px}.villa-view img{height:58px}.villa-view span{font-size:12px}.villa-info{display:block;padding:0 7%}.villa-info h3{font-size:26px}.villa-info h3 span{font-size:26px;margin-left:18px}.villa-info p:not(.eyebrow){font-size:15px}.villa-actions{margin-top:20px;gap:20px}.villa-actions .solid-link{font-size:14px;padding:17px 20px}.line-link{font-size:14px}.amenity-experience{padding:55px 0 25px}.amenity-heading{margin:0 7% 25px}.amenity-controls{margin:0 7% 18px;gap:15px}.amenity-controls>p{font-size:13px;max-width:210px}.amenity-controls button{width:42px;height:42px;flex-shrink:0}.amenity-controls>div{gap:7px}.amenity-tabs{padding-left:7%;padding-right:7%;margin-bottom:12px}.amenity-tabs button{font-size:13px;padding:12px 16px}.amenity-stage img{height:580px;object-position:center}.amenity-stage figcaption{top:24px;left:7%;right:7%;font-size:12px;letter-spacing:1px}.amenity-caption{bottom:30px;left:7%;right:7%}.amenity-caption h3{font-size:30px;letter-spacing:-.5px}.amenity-caption>p{font-size:14px;margin-top:20px}.amenity-caption .eyebrow{font-size:12px;letter-spacing:1px}.amenity-signature{gap:20px;font-size:10px;letter-spacing:.7px;padding-top:25px}.interiors{padding:65px 0}.interior-main{min-height:510px;padding:35px 7%}.interior-main h2{font-size:38px}.interior-main p:not(.eyebrow){font-size:14px}.interior-main>img{object-position:57% center}.interior-detail{display:flex;flex-direction:column;gap:30px;padding:35px 7% 0}.interior-detail>div{display:flex;align-items:center;width:100%;gap:25px}.interior-detail p{margin:0;font-size:17px}.motif-arch{width:80px}.interior-detail>img{height:300px}.phase-title h3{font-size:26px}.phase-one figcaption{font-size:12px}.phase-two{grid-template-columns:1fr;gap:25px;padding:32px 8%;margin-top:35px}.phase-two h3{font-size:25px}.locked-state{border-left:0;border-top:1px solid #ffffff35;padding:23px 0 0;justify-items:start;grid-template-columns:25px 1fr;min-width:0;gap:5px 15px}.locked-state svg{grid-row:1/4}.locked-state span,.locked-state small{grid-column:2}.contact{gap:35px}.contact h2{font-size:32px}.contact h2 br:last-child{display:initial}.contact-intro>p:not(.eyebrow){font-size:16px}.contact-address{font-size:13px}.contact-address p{max-width:230px;font-size:12px}.motif-orbit{width:43px;right:0;bottom:5px}.contact form{padding:26px 20px;margin-left:-3%;margin-right:-3%}.form-grid{grid-template-columns:1fr;gap:20px}.field-wide{grid-column:auto}.form-grid label{font-size:14px}input,select,textarea{font-size:16px}.form-progress{font-size:12px;gap:12px}legend{font-size:22px}.form-secondary{gap:20px}.form-secondary button{font-size:12px}.form-secondary button:last-child{max-width:170px}.form-submit{font-size:13px;padding:18px 15px}.contact .eyebrow{font-size:12px}footer{padding:45px 7% 105px}footer>div:first-of-type{display:block}footer>div:first-of-type img{width:200px;margin-bottom:28px}footer>p{font-size:12px;margin-top:25px}.footer-bottom{font-size:11px;letter-spacing:0;flex-wrap:wrap;gap:14px}.whatsapp-float{bottom:18px;right:18px;width:58px;height:58px;padding:0;justify-content:center}.whatsapp-float span{display:none}dialog{padding:20px}.dialog-head h2{font-size:20px;letter-spacing:-.5px}}
@media(max-width:360px){.header-contact{font-size:11px;padding:11px}.logo{width:106px}.site-header nav{gap:10px}.site-header nav a{font-size:11px}.cover{min-height:860px}.cover h1{font-size:30px}.hero-location{font-size:11px}.facts{gap:14px}.facts strong{font-size:21px}.facts span{font-size:11px}.amenity-controls>p{max-width:140px}.amenity-signature{gap:13px;font-size:9px}.contact h2{font-size:29px}.email-link{font-size:12px}.form-progress{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.cover-photo img{will-change:auto}.reveal{opacity:1;transform:none}.hero-cta:hover,.villa-tabs button:hover,.whatsapp-float:hover{transform:none}}
.hero-bottom{right:210px}.form-grid label{justify-content:flex-end}.amenity-caption>p{padding-right:40px}
@media(max-width:800px){.hero-bottom>div>span{display:none}.hero-bottom{right:180px}}
@media(max-width:650px){.hero-bottom{right:92px}.hero-bottom>a{font-size:10px;gap:10px}.amenity-caption>p{padding-right:30px}}
.form-grid input,.form-grid select{height:52px}
/* A quieter pace: soft shapes, restrained selection and no hover movement. */
:root{--ease:cubic-bezier(.25,.46,.45,.94)}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #927162;outline-offset:5px}.site-header a:focus-visible,.cover a:focus-visible,.cover button:focus-visible,.amenity-experience button:focus-visible{outline-color:var(--peach)}
.header-contact,.hero-cta,.solid-link,.form-next,.form-submit{border-radius:999px;transition:background 1s var(--ease),color 1s var(--ease),box-shadow 1s var(--ease)}.hero-cta:hover,.whatsapp-float:hover{transform:none}.hero-cta:hover span,.solid-link:hover span,.header-contact:hover span{transform:none}.hero-cta span,.solid-link span,.header-contact span{transition:none}.site-header nav a::after{transition-duration:1s}.cover-photo img{animation-duration:52s}.cover h1{animation-duration:1.8s}.hero-content{animation-duration:1.8s}.scroll-cue,.hero-bottom button,.amenity-controls button{transition:background 1s,color 1s,border-color 1s}.whatsapp-float{transition:background 1s,box-shadow 1s}.villa-tabs{gap:22px;margin-bottom:35px;padding:8px}.villa-tabs button{border:1px solid transparent;border-radius:100px 100px 28px 28px;background:transparent;box-shadow:none!important;transform:none!important;transition:background 1.2s,border-color 1.2s}.villa-tabs button>img{width:calc(100% - 30px);height:auto;aspect-ratio:1;max-width:175px;object-fit:cover;border-radius:50%;margin:15px auto 0;filter:none;opacity:.86;transition:opacity 1.3s;transform:none!important}.villa-tab-label{background:transparent!important;display:flex;flex-direction:column;align-items:center;gap:5px;padding:18px 10px 22px;text-align:center}.villa-tab-label>span:last-child{margin:0}.villa-tabs button[aria-selected=true]{border-color:#e7c9b6;background:#ffccb033;box-shadow:none}.villa-tabs button[aria-selected=true] .tab-indicator{opacity:0}.villa-tabs button[aria-selected=true]>img{opacity:1}.villa-tabs button:hover{border-color:#e7c9b6;box-shadow:none}.villa-tabs button:hover>img{opacity:1;filter:none}.villa-tabs button:focus-visible{outline-width:2px;outline-offset:3px}.villa-stage{border-radius:30px}.villa-view{border:0;border-radius:15px;padding-bottom:10px;transition:background 1s,color 1s}.villa-view img{border-radius:15px;transition:opacity 1s}.villa-view span{padding:8px 7px 0}.villa-view[aria-pressed=true]{background:#ffccb035;border:0}.villa-view:focus-visible{outline-offset:2px}.amenity-tabs button{transition:background 1.1s,color 1.1s,border-color 1.1s}.amenity-controls button:hover{background:#ffccb026;color:var(--cream);border-color:var(--peach)}.amenity-tabs button:not([aria-selected=true]):hover{background:#ffffff08;border-color:#ffffff70}.interior-detail>img,.phase-one img{border-radius:28px}.phase-two{border-radius:32px}.contact form{border-radius:32px}.form-grid input,.form-grid select,.form-grid textarea{border-radius:14px;transition:border-color .8s,box-shadow .8s}.form-progress>div,.form-progress i{border-radius:5px}.form-progress i{transition-duration:1.2s}dialog{border-radius:24px}.reveal{transform:translateY(12px);transition:opacity 1.4s var(--ease),transform 1.4s var(--ease)}.line-link{transition:color .9s,border-color .9s}.line-link:hover{color:#8a6458}.community{padding-top:35px}.community-panorama{position:relative;overflow:hidden;border-radius:38px}.community-panorama img{width:100%;height:660px;object-fit:cover}.community-panorama figcaption{position:absolute;bottom:0;left:0;right:0;padding:90px 40px 32px;display:flex;justify-content:space-between;gap:25px;background:linear-gradient(transparent,#080819b8);color:var(--cream);font-size:12px;letter-spacing:1.5px}.community-panorama figcaption span{letter-spacing:0;font-size:14px}.community-notes{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:55px;margin-top:45px}.community-notes>p{font-size:21px;line-height:1.65}.community-notes h3{font-size:17px;margin:0 0 18px}.community-notes>div>p{font-size:14px;color:var(--muted);line-height:1.9}.daily-life{background:#f0e9e0;padding-top:90px;padding-bottom:105px;border-radius:65px 65px 0 0}.daily-heading{text-align:center;max-width:800px;margin:0 auto 55px}.daily-heading>p:not(.eyebrow){font-size:16px;color:var(--muted)}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7%}.benefit-grid article{text-align:center}.benefit-grid img{width:100%;max-width:320px;aspect-ratio:1;object-fit:cover;border-radius:50%;margin:0 auto 28px}.benefit-grid .eyebrow{font-size:12px;letter-spacing:2px;color:#776358}.benefit-grid h3{font-size:25px;letter-spacing:-.5px;margin:16px 0 20px}.benefit-grid p{font-size:14px;line-height:1.9;color:var(--muted);max-width:340px;margin:auto}.club-story{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;padding-top:100px;padding-bottom:100px}.club-story-image{overflow:hidden;border-radius:240px 240px 32px 32px}.club-story-image>img{width:100%;height:730px;object-fit:cover;object-position:55% center}.club-story-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.9}.club-story-copy .line-link{margin-top:20px}.club-detail{width:190px;height:190px;border-radius:50%;object-fit:cover;margin-top:35px}.masterplan-aerial{overflow:hidden;border-radius:32px;background:var(--cream);margin-bottom:55px}.masterplan-aerial>img{width:100%;height:550px;object-fit:cover}.masterplan-aerial figcaption{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 30px;font-size:14px}.masterplan-aerial figcaption span{font-size:12px;letter-spacing:1px}.interiors{padding-top:0}.form-secondary button{transition:color .8s}.form-secondary button:hover{color:#8a6458}
@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.025)}}
@media(max-width:1100px){.community-panorama img{height:550px}.community-notes{gap:30px}.community-notes>p{font-size:18px}.benefit-grid{gap:4%}.benefit-grid h3{font-size:22px}.club-story{gap:6%}.club-story-image>img{height:660px}.club-story-copy h2{font-size:37px}.villa-tabs{gap:14px}}
@media(max-width:800px){.community-notes{grid-template-columns:1fr 1fr}.community-notes>p{grid-column:1/-1;font-size:23px}.community-panorama figcaption{display:block;padding:75px 25px 25px}.community-panorama figcaption span{display:block;margin-top:8px}.benefit-grid{gap:25px}.benefit-grid h3{font-size:19px}.club-story{grid-template-columns:1fr;gap:35px}.club-story-image{border-radius:200px 200px 30px 30px}.club-story-image>img{height:520px}.club-story-copy{position:relative;padding-right:175px}.club-story-copy h2{font-size:36px}.club-detail{position:absolute;right:0;bottom:20px;width:140px;height:140px}.masterplan-aerial figcaption{display:block}.masterplan-aerial figcaption span{display:block;margin-top:10px}.masterplan-aerial>img{height:460px}}
@media(max-width:650px){.villa-tabs{padding:7px 7% 14px;margin-bottom:18px;gap:12px}.villa-tabs button{flex-basis:138px;border-radius:80px 80px 24px 24px}.villa-tabs button>img{width:110px;height:110px;margin:13px auto 0;max-width:none}.villa-tab-label{padding:15px 8px 18px;gap:5px}.villa-stage{border-radius:0 28px 0 28px}.villa-view img{border-radius:13px}.villa-view span{padding-left:4px;font-size:11px}.community{padding-top:15px}.community-panorama{border-radius:25px}.community-panorama img{height:400px;object-position:center}.community-panorama figcaption{padding:60px 20px 22px;font-size:11px}.community-panorama figcaption span{font-size:12px;line-height:1.7}.community-notes{grid-template-columns:1fr;gap:28px;margin-top:30px}.community-notes>p{grid-column:auto;font-size:21px}.community-notes h3{font-size:18px;margin-bottom:12px}.community-notes>div>p{font-size:15px}.daily-life{border-radius:35px 35px 0 0;padding-top:60px;padding-bottom:65px}.daily-heading{margin-bottom:40px}.daily-heading h2{font-size:30px}.daily-heading>p:not(.eyebrow){font-size:15px}.benefit-grid{grid-template-columns:1fr;gap:50px}.benefit-grid img{max-width:265px;margin-bottom:25px}.benefit-grid h3{font-size:26px;margin:16px 0}.benefit-grid p{font-size:15px;max-width:340px}.club-story{padding-top:65px;padding-bottom:65px;gap:30px}.club-story-image{border-radius:180px 180px 28px 28px}.club-story-image>img{height:440px}.club-story-copy{padding:0}.club-story-copy h2{font-size:32px}.club-story-copy>p:not(.eyebrow){font-size:15px}.club-detail{position:static;width:155px;height:155px;margin-top:30px}.masterplan-aerial{border-radius:24px;margin-bottom:35px}.masterplan-aerial>img{height:350px}.masterplan-aerial figcaption{padding:20px;font-size:13px}.masterplan-aerial figcaption span{font-size:11px}.phase-two{border-radius:25px}.contact form{border-radius:25px}.interior-detail>img{border-radius:24px}.amenity-stage img{border-radius:28px 28px 0 0}}
@media(prefers-reduced-motion:reduce){.reveal{transform:none}.villa-tabs button,.hero-cta,.whatsapp-float{transform:none!important}}
/* Three distinct, visitor-controlled experiences; original frames remain whole. */
.place-explorer{padding:85px 4%;background:var(--night);color:var(--cream)}.place-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;padding:0 2%;margin-bottom:40px}.place-heading h2{margin-bottom:0}.place-heading>p{max-width:370px;color:#c8c3ce;font-size:15px}.place-heading .eyebrow{color:var(--peach)}.place-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0;align-items:stretch;background:#1d1c2c;border-radius:30px;overflow:hidden}.place-map{position:relative;align-self:center;background:#11111d;min-width:0}.place-map>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.place-point{position:absolute;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--cream);padding:5px;transform:translate(-50%,-50%);font-size:12px;min-height:44px;z-index:2}.place-point>span:first-child{display:grid;place-items:center;width:38px;height:38px;border:1px solid #fff9;border-radius:50%;background:#171626d9;box-shadow:0 0 0 7px #ffffff16;transition:background 1s,color 1s,box-shadow 1s;flex-shrink:0}.point-label{padding:5px 9px;border-radius:20px;background:#171626c9;white-space:nowrap}.place-point[aria-pressed=true]>span:first-child{background:var(--peach);color:var(--navy);border-color:var(--peach);box-shadow:0 0 0 8px #ffccb024}.place-point:hover>span:first-child{box-shadow:0 0 0 10px #ffccb025}.point-club{left:51%;top:49%}.point-villas{left:75%;top:21%}.point-gardens{left:24%;top:74%}.place-detail{padding:35px 30px;display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative}.place-index{font-size:42px;line-height:1;color:#ffccb04a;margin-bottom:30px}.place-detail .eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--peach)}.place-detail h3{font-size:28px;letter-spacing:-.8px;margin:20px 0}.place-detail>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#d3ced8}.place-link{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #ffffff40;font-size:13px;margin-top:23px}.place-hint{font-size:10px;letter-spacing:1px;color:#b0a8b8;margin-top:32px}.photo-expand{position:absolute;bottom:18px;right:18px;display:flex;align-items:center;gap:10px;padding:11px 16px;border:1px solid #ffffff50;border-radius:30px;color:var(--cream);background:#141423b8;backdrop-filter:blur(8px);font-size:16px;transition:background 1s;z-index:2}.photo-expand span{font-size:11px}.photo-expand:hover{background:#141423eb}.place-point:focus-visible,.place-link:focus-visible,.photo-expand:focus-visible,.portal-door:focus-visible{outline-color:var(--peach)}.life-journey{padding:100px 6%;background:var(--cream)}.journey-intro{display:grid;grid-template-columns:1fr 1.4fr;column-gap:45px;align-items:end;margin-bottom:40px}.journey-intro .eyebrow{grid-column:1/-1}.journey-intro h2{margin-bottom:0;font-size:clamp(38px,4.5vw,66px)}.journey-intro>p:last-child{font-size:17px;color:var(--muted);max-width:350px;justify-self:end;margin-bottom:8px}.journey-stage{display:grid;grid-template-columns:.65fr 1.35fr;align-items:stretch;border-top:1px solid var(--line);padding-top:35px;gap:45px}.journey-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.journey-count{font-size:12px;letter-spacing:2px;color:var(--muted);margin-bottom:20px}.journey-copy h3{font-size:clamp(27px,3vw,43px);line-height:1.25;letter-spacing:-1px;margin:0 0 24px}.journey-copy>p{font-size:15px;line-height:1.9;color:var(--muted);max-width:380px}.journey-word{font-size:14px;letter-spacing:2px;color:#947969;margin-top:30px}.journey-photo{position:relative;overflow:hidden;border-radius:180px 24px 24px 24px;background:#e9e0d6;align-self:center}.journey-photo>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.journey-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:35px}.journey-tabs button{display:flex;align-items:center;gap:18px;padding:20px 5px;background:transparent;border:0;border-top:1px solid var(--line);text-align:left;font-size:14px;color:var(--muted);transition:color 1s,border-color 1s}.moment-number{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--line);border-radius:50%;font-size:12px;transition:background 1s,border-color 1s;flex-shrink:0}.journey-tabs button[aria-selected=true]{border-color:#a7856e;color:var(--navy)}.journey-tabs button[aria-selected=true] .moment-number{background:var(--peach);border-color:var(--peach)}.journey-tabs button:hover{color:var(--navy)}.club-portal{padding:95px 6%;background:#eee7de}.portal-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:40px}.portal-heading h2{margin-bottom:0}.portal-toggle{display:flex;gap:4px;background:#e2d9cd;border-radius:40px;padding:5px;flex-shrink:0}.portal-toggle button{padding:14px 20px;border:0;background:transparent;color:var(--muted);border-radius:40px;font-size:13px;transition:background 1s,color 1s}.portal-toggle button[aria-selected=true]{background:var(--cream);color:var(--navy)}.portal-frame{position:relative;background:var(--night);border-radius:28px;overflow:hidden}.portal-frame>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.portal-door{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#f8f3ecdf;backdrop-filter:blur(8px);border:1px solid #ffffffb0;width:104px;height:104px;border-radius:50%;color:var(--navy);box-shadow:0 0 0 12px #f8f3ec12;transition:background 1s,box-shadow 1s}.portal-door>span:first-child{font-size:13px}.portal-door>span:last-child{font-size:24px}.portal-door:hover{background:var(--cream);box-shadow:0 0 0 18px #f8f3ec18}.portal-caption{display:flex;align-items:start;justify-content:space-between;gap:50px;margin-top:25px}.portal-caption .eyebrow{font-size:12px;white-space:nowrap;padding-top:3px}.portal-caption>p{font-size:15px;max-width:590px;color:var(--muted)}#photo-dialog{width:min(1450px,96vw);padding:22px;background:var(--night);color:var(--cream);border-radius:24px}#photo-dialog::backdrop{background:#080819ec}.photo-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.photo-dialog-head h2{font-size:19px;letter-spacing:0;margin:0}.photo-dialog-head button{border:1px solid #ffffff50;background:none;color:var(--cream);border-radius:50%;width:44px;height:44px;font-size:27px;flex-shrink:0}#photo-image{width:100%;height:auto;max-height:76svh;object-fit:contain}#photo-dialog>p{font-size:12px;color:#c8c3ce;margin-bottom:0}
@media(max-width:1100px){.place-layout{grid-template-columns:minmax(0,1fr) 260px}.place-detail{padding:26px 22px}.place-detail h3{font-size:25px}.place-index{font-size:34px;margin-bottom:20px}.place-detail>p:not(.eyebrow){font-size:13px}.place-hint{font-size:9px;margin-top:20px}.point-label{display:none}.journey-stage{gap:30px}.journey-photo{border-top-left-radius:110px}.portal-heading{display:block}.portal-toggle{margin-top:25px;width:fit-content}}
@media(max-width:800px){.place-layout{grid-template-columns:1fr}.place-detail{display:grid;grid-template-columns:70px 1fr;gap:0 20px;padding:28px}.place-index{grid-row:1/4;align-self:center;font-size:40px;margin:0}.place-detail h3{margin:12px 0;font-size:28px}.place-detail h3 br{display:none}.place-detail>p:not(.eyebrow),.place-link,.place-hint{grid-column:2}.place-hint{margin-top:18px}.place-heading{display:block}.place-heading>p{margin-top:22px;max-width:500px}.point-label{display:block}.journey-stage{grid-template-columns:1fr}.journey-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.journey-count{grid-column:1/-1}.journey-copy h3{font-size:33px}.journey-word{margin-top:0;grid-column:1/-1}.journey-photo{border-top-left-radius:90px}.journey-tabs{gap:15px}.journey-tabs button{gap:12px;font-size:12px}.portal-caption{gap:25px}.portal-caption>p{font-size:14px}.portal-caption .eyebrow{font-size:11px}}
@media(max-width:650px){.place-explorer{padding:60px 0}.place-heading{padding:0 7%;margin-bottom:30px}.place-heading h2{font-size:32px}.place-heading>p{font-size:15px}.place-layout{border-radius:0;background:transparent}.place-map>img{aspect-ratio:3/2}.place-point{padding:6px}.place-point>span:first-child{width:32px;height:32px;font-size:11px;box-shadow:0 0 0 5px #ffffff15}.place-point[aria-pressed=true]>span:first-child{box-shadow:0 0 0 6px #ffccb025}.point-label{display:none}.place-detail{padding:30px 7% 0;grid-template-columns:38px 1fr;gap:0 15px}.place-index{font-size:26px;align-self:start;padding-top:6px}.place-detail .eyebrow{font-size:10px}.place-detail h3{font-size:26px}.place-detail>p:not(.eyebrow){font-size:14px}.place-link{font-size:13px;max-width:330px}.place-hint{font-size:10px}.photo-expand{bottom:12px;right:12px;padding:9px 13px;gap:7px;min-width:44px;min-height:44px}.photo-expand span{display:none}.life-journey{padding:65px 7%}.journey-intro{display:block;margin-bottom:30px}.journey-intro h2{font-size:43px}.journey-intro>p:last-child{font-size:15px;max-width:100%;margin-top:22px}.journey-stage{gap:26px;padding-top:25px}.journey-copy{display:block}.journey-count{display:block;font-size:11px;margin-bottom:20px}.journey-copy h3{font-size:32px;margin-bottom:18px}.journey-copy>p{font-size:15px}.journey-word{display:block;margin-top:20px;font-size:12px}.journey-photo{margin-left:-8.15%;margin-right:-8.15%;border-radius:0;background:#e9e0d6}.journey-tabs{grid-template-columns:1fr;gap:0;margin-top:20px}.journey-tabs button{padding:14px 0;font-size:14px;gap:16px}.moment-number{width:38px;height:38px}.club-portal{padding:60px 0}.portal-heading{padding:0 7%;margin-bottom:28px}.portal-heading h2{font-size:32px}.portal-toggle{margin-top:25px}.portal-toggle button{font-size:12px;padding:13px 18px}.portal-frame{border-radius:0}.portal-door{width:68px;height:68px;box-shadow:0 0 0 7px #f8f3ec12;gap:1px}.portal-door>span:first-child{font-size:11px}.portal-door>span:last-child{font-size:20px}.portal-caption{display:block;margin:24px 7% 0}.portal-caption>p{font-size:14px;margin-top:15px}.portal-caption .eyebrow{font-size:11px;white-space:normal}.photo-dialog-head h2{font-size:15px}#photo-dialog{padding:16px;max-width:96vw;border-radius:18px}#photo-dialog>p{font-size:11px}}
.journey-photo{border-radius:24px}@media(max-width:650px){.journey-photo{border-radius:0}}
.photo-expand{left:18px;right:auto}@media(max-width:650px){.photo-expand{left:12px;right:auto}}

/* Intrinsic hero layout: content stays in flow at every viewport height. */
.site-header{gap:clamp(16px,2vw,30px);padding-inline:6%}
.site-header>a{flex-shrink:0}.site-header nav{min-width:0}.header-contact{white-space:nowrap}
.cover{height:auto;min-height:100svh;max-height:none;padding:clamp(145px,17vh,200px) 6% max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:clamp(38px,7vh,76px)}
.hero-content{position:relative;min-width:0;margin-block:auto;animation-name:hero-appear}
@keyframes hero-appear{from{opacity:0}to{opacity:1}}
.hero-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;margin-bottom:28px}
.hero-meta .hero-location,.hero-meta .hero-phase{position:static;margin:0;inset:auto;width:auto;font-size:clamp(10px,1vw,12px);letter-spacing:1.5px;line-height:1.7}
.hero-meta .hero-phase{flex-shrink:0}
.hero-brand{margin:0 0 20px}.cover h1{font-size:clamp(32px,4.8vw,79px);line-height:1.16;letter-spacing:-.035em;max-width:1120px;margin:0 0 26px;overflow-wrap:normal}
.hero-promise{margin:0 0 28px;max-width:610px}.hero-cta{max-width:100%}
.hero-bottom{position:static;inset:auto;width:auto;margin-right:150px;flex-shrink:0;min-width:0;gap:20px}
.hero-bottom>a{white-space:nowrap}.hero-bottom>div{flex-shrink:0}.hero-bottom button{flex-shrink:0}
.whatsapp-float{bottom:max(24px,env(safe-area-inset-bottom));right:max(24px,env(safe-area-inset-right))}
@media(max-width:900px){.site-header{flex-wrap:wrap;justify-content:space-between;padding-top:22px;padding-bottom:18px;row-gap:16px}.site-header nav{order:3;display:flex;width:100%;justify-content:space-between;border-top:1px solid #ffffff35;padding-top:13px;font-size:12px;gap:16px}.site-header .logo{width:125px}.header-contact{font-size:12px;padding:13px 18px;gap:18px}.cover{padding-top:185px}.hero-bottom>div>span{display:none}.hero-bottom{margin-right:180px}.cover h1{font-size:clamp(32px,5.8vw,52px)}}
@media(max-width:650px){.site-header{padding-inline:7%;column-gap:10px}.site-header .logo{width:110px}.header-contact{font-size:11px;padding:12px 14px;gap:10px}.site-header nav{font-size:11px;gap:10px}.cover{padding:180px 7% max(24px,env(safe-area-inset-bottom));min-height:100svh;gap:38px}.hero-meta{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:22px}.hero-meta .hero-location,.hero-meta .hero-phase{font-size:10px;letter-spacing:1px}.hero-brand{font-size:11px;letter-spacing:3px;margin:0 0 18px}.cover h1{font-size:clamp(28px,6.65vw,43px);line-height:1.2;margin-bottom:24px}.hero-promise{font-size:13px;line-height:1.85;margin:0 0 24px;max-width:420px}.hero-promise br{display:none}.hero-cta{font-size:12px;padding:16px 20px;gap:22px}.hero-bottom{margin-right:64px;gap:12px}.hero-bottom>a{font-size:9px;letter-spacing:.4px;gap:9px}.scroll-cue,#motion-toggle{width:36px;height:36px;min-width:36px}.whatsapp-float{bottom:max(18px,env(safe-area-inset-bottom));right:max(18px,env(safe-area-inset-right))}}
@media(max-height:600px) and (min-width:651px){.cover{padding-top:170px;gap:30px}.hero-meta{margin-bottom:18px}.hero-brand{margin-bottom:14px}.cover h1{font-size:clamp(32px,4.4vw,58px);margin-bottom:20px}.hero-promise{font-size:14px;margin-bottom:20px}}

/* Contact form: consistent inset icons, aligned fields and contained spacing. */
.contact form{padding:clamp(24px,3vw,44px);border:1px solid #ded5ca;border-radius:28px;margin-inline:0;box-shadow:0 12px 40px #08082a04}
#lead-form .form-progress{gap:16px;margin-bottom:30px;line-height:1.5}
#lead-form legend{width:100%;max-width:100%;font-size:clamp(19px,1.6vw,24px);margin-bottom:28px;line-height:1.5}
#lead-form .form-grid{gap:24px 18px}
#lead-form .form-grid label{gap:10px;font-size:12px;line-height:1.65;justify-content:flex-end}
#lead-form input:not([type=checkbox]),#lead-form select,#lead-form textarea{min-width:0;width:100%;padding:15px 16px;font-size:14px;line-height:1.5;background-color:var(--cream);border-color:#cfc5b9;border-radius:14px}
#lead-form .form-grid input,#lead-form .form-grid select{height:56px}
#lead-form select{appearance:none;-webkit-appearance:none;padding-right:46px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m7 10 5 5 5-5' stroke='%2308082a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:20px}
#lead-form input[type=number]{appearance:textfield;-moz-appearance:textfield}
#lead-form input[type=number]::-webkit-inner-spin-button,#lead-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#lead-form textarea{resize:vertical;min-height:116px}
#lead-form .form-next,#lead-form .form-submit{min-height:58px;padding:16px 22px;gap:16px;line-height:1.6;font-size:13px;text-align:left;margin-top:28px}
#lead-form .form-arrow{display:block;width:20px;height:20px;flex:0 0 20px}
#lead-form .form-note{margin-top:14px;font-size:11px;line-height:1.8;max-width:100%}
#lead-form .form-secondary{gap:20px;align-items:center;flex-wrap:wrap}
#lead-form .form-secondary button{min-height:44px;display:inline-flex;align-items:center;gap:8px;line-height:1.6;font-size:11px}
#form-back .form-arrow{transform:rotate(180deg)}
#lead-form .consent{line-height:1.8;align-items:flex-start}#lead-form .consent input{margin-top:4px}
@media(min-width:901px) and (max-width:1200px){#lead-form .form-grid{grid-template-columns:1fr}#lead-form .field-wide{grid-column:1/-1}}
@media(max-width:650px){.contact form{padding:26px 20px;border-radius:24px}#lead-form .form-grid{grid-template-columns:1fr;gap:22px}#lead-form .form-grid label{font-size:12px}#lead-form input:not([type=checkbox]),#lead-form select,#lead-form textarea{font-size:16px}#lead-form .form-progress{font-size:10px;gap:13px}#lead-form .form-next,#lead-form .form-submit{font-size:12px;padding-inline:20px}#lead-form .form-secondary{gap:12px}#lead-form .form-secondary button:last-child{max-width:180px}}

/* User-supplied amenity view, complete frame and matching hotspots. */
.place-map>img{aspect-ratio:3168/1344}.point-club{left:70%;top:30%}.point-villas{left:39%;top:49%}.point-gardens{left:16%;top:45%}

.place-map>img{aspect-ratio:2048/1360}.point-club{left:70%;top:55%}.point-villas{left:37%;top:63%}.point-gardens{left:18%;top:59%}
.portal-toggle{flex-wrap:wrap}.portal-frame>video{width:100%;height:auto;display:block;background:var(--navy);aspect-ratio:16/9;object-fit:contain}
/* AMŪN Etapa 2: an immersive, clearly labelled stage-two preview. */
.future-experience{background:#11111f;color:var(--cream);padding:90px 0 0;overflow:hidden;scroll-margin-top:20px}.future-heading{padding:0 6% 44px;display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:end}.future-heading .eyebrow{color:var(--peach);margin-bottom:22px}.future-heading h2{font-size:clamp(30px,3.3vw,54px);line-height:1.22;letter-spacing:-.035em;margin:0}.future-intro{max-width:470px}.future-status{display:inline-flex;align-items:center;border:1px solid #ffccb055;border-radius:999px;padding:9px 15px;color:var(--peach);font-size:10px;letter-spacing:1px;line-height:1.6}.future-intro p{font-size:14px;color:#ddd8d4;line-height:1.9;margin-top:20px}.future-stage{position:relative;isolation:isolate;min-width:0}.future-stage>img{width:100%;height:clamp(510px,48vw,760px);object-fit:cover;display:block}.future-shade{position:absolute;inset:0;background:linear-gradient(0deg,#080817e8,transparent 68%);pointer-events:none}.future-caption{position:absolute;bottom:48px;left:6%;max-width:760px;padding-right:100px}.future-caption .eyebrow{font-size:10px;letter-spacing:2px;color:var(--peach)}.future-caption h3{font-size:clamp(29px,3.5vw,52px);line-height:1.18;letter-spacing:-.035em;margin:16px 0 18px}.future-caption>p{font-size:14px;line-height:1.85;max-width:600px}.future-counter{position:absolute;top:26px;right:6%;font-size:11px;letter-spacing:2px;border-radius:999px;background:#10102299;padding:10px 16px}.future-expand{position:absolute;right:6%;bottom:48px;border:1px solid #ffffff70;background:#f8f3ec16;backdrop-filter:blur(8px);color:var(--cream);border-radius:50%;width:64px;height:64px;font-size:28px;transition:background 1s}.future-expand:hover{background:#f8f3ec35}.future-browser{padding:28px 6% 0}.future-browser>p{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.6px;color:#c5bbb5;margin-bottom:20px}.future-tabs{display:flex;gap:20px;overflow-x:auto;padding:4px 4px 22px;scrollbar-width:thin;scrollbar-color:#ffccb065 transparent;scroll-snap-type:x proximity}.future-tabs button{flex:0 0 126px;background:none;border:0;padding:0;color:#c1bdc8;text-align:center;scroll-snap-align:start}.future-tabs img{width:82px;height:82px;object-fit:cover;border-radius:50%;display:block;margin:0 auto 12px;outline:1px solid #ffffff35;outline-offset:4px;opacity:.6;transition:opacity 1s,outline-color 1s}.future-tabs button>span{font-size:11px;line-height:1.5;display:block}.future-tabs button[aria-selected=true]{color:var(--peach)}.future-tabs button[aria-selected=true] img{opacity:1;outline-color:var(--peach)}.future-tabs button:hover img{opacity:1}.future-bottom{margin:12px 6% 0;padding:28px 0 40px;border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;gap:40px}.future-bottom p{font-size:11px;line-height:1.8;color:#c1bdc8;max-width:650px}.future-link{white-space:nowrap;font-size:12px;color:var(--peach);display:flex;gap:20px;align-items:center}.future-masterplan{margin-top:56px;display:grid;grid-template-columns:1fr 1.45fr;gap:5%;align-items:center;background:#11111f;border-radius:28px;padding:38px;color:var(--cream)}.future-masterplan h3{font-size:clamp(24px,2.7vw,38px);line-height:1.3;margin:22px 0}.future-masterplan p:not(.eyebrow){font-size:13px;line-height:1.85;color:#d7d0cc}.future-masterplan .future-status{margin:25px 0 20px;font-size:9px}.future-masterplan .line-link{color:var(--peach);font-size:12px}.future-masterplan>button{background:none;border:0;padding:0;color:var(--peach);text-align:right;min-width:0}.future-masterplan>button img{width:100%;border-radius:15px}.future-masterplan>button span{display:block;font-size:10px;letter-spacing:1px;margin-top:15px}
@media(max-width:900px){.future-heading{grid-template-columns:1fr;gap:28px}.future-intro{max-width:650px}.future-stage>img{height:570px}.future-masterplan{grid-template-columns:1fr;gap:30px}.future-bottom{align-items:flex-start;gap:25px}}
@media(max-width:650px){.future-experience{padding-top:58px}.future-heading{padding:0 7% 30px}.future-heading h2{font-size:30px}.future-heading h2 br{display:none}.future-intro p{font-size:13px}.future-stage{display:flex;flex-wrap:wrap;background:#171725}.future-stage>img{height:auto;aspect-ratio:1.65;object-fit:cover}.future-shade{display:none}.future-caption{position:static;padding:27px 7% 30px;max-width:none;width:100%}.future-caption h3{font-size:28px;max-width:100%;margin:14px 0 16px}.future-caption>p{font-size:13px;line-height:1.85}.future-caption .eyebrow{font-size:9px;letter-spacing:1.2px}.future-counter{top:16px;right:7%;font-size:10px;padding:7px 12px}.future-expand{width:42px;height:42px;font-size:24px;right:auto;left:7%;top:calc(100vw / 1.65 - 58px);bottom:auto}.future-browser{padding:26px 7% 0}.future-tabs{gap:16px}.future-tabs button{flex-basis:96px}.future-tabs img{width:66px;height:66px}.future-tabs button>span{font-size:10px}.future-bottom{margin-inline:7%;flex-direction:column;gap:20px;padding-bottom:32px}.future-masterplan{padding:26px 20px;border-radius:22px}.future-masterplan .future-status{font-size:8px;letter-spacing:.6px}}
/* Two purchase routes, with equal prominence and distinct enquiry choices. */
.ownership{padding-top:100px;padding-bottom:100px;background:#eee7de}.ownership-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:end;margin-bottom:42px}.ownership-heading h2{font-size:clamp(30px,3.5vw,52px);line-height:1.22;letter-spacing:-.035em;margin:22px 0 0}.ownership-heading>p{font-size:15px;line-height:1.9;color:var(--muted);max-width:440px}.ownership-options{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ownership-card{background:var(--cream);border:1px solid #d9d0c5;border-radius:30px;padding:clamp(26px,3.4vw,50px);position:relative;display:flex;flex-direction:column;min-width:0}.ownership-card .eyebrow{font-size:11px;letter-spacing:1.4px;margin-top:28px}.ownership-symbol{width:58px;height:58px;display:grid;place-items:center;border:1px solid #a2978844;border-radius:50%;font-size:14px}.ownership-card h3{font-size:clamp(30px,3vw,44px);line-height:1.2;letter-spacing:-.035em;margin:24px 0}.ownership-card>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:500px}.ownership-card dl{margin:30px 0;flex:1}.ownership-card dl>div{display:grid;grid-template-columns:100px 1fr;gap:16px;border-top:1px solid #8c827830;padding:16px 0}.ownership-card dt{font-size:10px;letter-spacing:.6px;color:var(--muted)}.ownership-card dd{font-size:12px;line-height:1.7;margin:0}.ownership-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 22px;border-radius:999px;background:var(--navy);color:var(--cream);font-size:12px;line-height:1.6;transition:background 1s}.ownership-cta>span{font-size:21px;flex-shrink:0}.ownership-cta:hover{background:#303052}.ownership-shared{background:var(--navy);color:var(--cream);border-color:var(--navy)}.ownership-shared .eyebrow,.ownership-shared dt{color:var(--peach)}.ownership-shared .ownership-symbol,.ownership-shared dl>div{border-color:#ffccb033}.ownership-shared .ownership-cta{background:var(--peach);color:var(--navy)}.ownership-shared .ownership-cta:hover{background:#f8deca}.ownership-guide{display:grid;grid-template-columns:1fr 1.5fr;gap:20px 6%;margin-top:40px;padding:30px 0 0;border-top:1px solid #8c827840}.ownership-guide>div{grid-row:span 2}.ownership-guide>div>span{font-size:10px;letter-spacing:1.3px;color:var(--muted)}.ownership-guide h3{font-size:24px;line-height:1.4;margin:16px 0}.ownership-guide>p{font-size:13px;line-height:1.9;color:var(--muted)}.ownership-guide>a{font-size:12px;text-decoration:underline;text-underline-offset:6px}.ownership-guide>a>span{margin-left:16px}.weeks-note{font-size:10px;line-height:1.6;color:var(--muted)}
@media(max-width:900px){.ownership-heading{grid-template-columns:1fr;gap:24px}.ownership-heading>p{max-width:650px}.ownership-card dl>div{grid-template-columns:1fr;gap:7px}.ownership-card{padding:28px}.ownership-card h3{font-size:32px}}
@media(max-width:650px){.ownership{padding-top:60px;padding-bottom:60px}.ownership-options{grid-template-columns:1fr;gap:20px}.ownership-heading{margin-bottom:30px}.ownership-heading h2{font-size:30px}.ownership-heading>p{font-size:13px}.ownership-card{border-radius:24px;padding:26px 22px}.ownership-card h3{font-size:32px}.ownership-card .eyebrow{font-size:10px}.ownership-card>p:not(.eyebrow){font-size:13px}.ownership-card dl>div{grid-template-columns:80px 1fr;gap:12px}.ownership-cta{font-size:11px;padding:15px 18px}.ownership-guide{grid-template-columns:1fr;gap:18px}.ownership-guide>div{grid-row:auto}.ownership-guide h3{margin-bottom:0}}

.portal-frame>img{aspect-ratio:auto}

/* Font-independent UI icons and deliberate keyboard-only focus indication. */
.ui-icon{display:inline-block;width:22px;height:22px;min-width:22px;max-width:22px;max-height:22px;vertical-align:middle;flex-shrink:0;pointer-events:none}
.icon-diagonal{font-size:22px}.header-contact .icon-diagonal,.line-link .icon-diagonal,.solid-link .icon-diagonal,.place-link .icon-diagonal,.future-link .icon-diagonal{font-size:20px}
.photo-expand>.icon-diagonal,.future-expand>.icon-diagonal{font-size:27px}
#close-plan,#close-photo{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;border-radius:50%;cursor:pointer;transition:background .8s,border-color .8s}
#close-plan{color:var(--navy);background:transparent;border:1px solid #08082a25}
#close-plan:hover{background:#08082a08}#close-photo:hover{background:#ffffff12}
#close-plan .icon-close,#close-photo .icon-close{font-size:22px}
html[data-input="pointer"] a:focus,html[data-input="pointer"] button:focus,html[data-input="pointer"] [tabindex]:focus{outline:none}
a:focus:not(:focus-visible),button:focus:not(:focus-visible),[tabindex]:focus:not(:focus-visible){outline:none}

html[data-input="keyboard"] a:focus,html[data-input="keyboard"] button:focus,html[data-input="keyboard"] [tabindex]:focus{outline:2px solid #927162;outline-offset:5px}
html[data-input="keyboard"] .site-header a:focus,html[data-input="keyboard"] .cover a:focus,html[data-input="keyboard"] .cover button:focus,html[data-input="keyboard"] #close-photo:focus{outline-color:var(--peach)}

.future-masterplan .future-status{display:flex;width:fit-content;max-width:100%;margin:25px 0 24px}.future-masterplan .line-link{display:flex;width:fit-content;max-width:100%;margin-top:0}

/* Fixed icon geometry also prevents inherited text sizing on mobile Safari. */
.header-contact .ui-icon,.line-link .ui-icon,.solid-link .ui-icon,.place-link .ui-icon,.future-link .ui-icon{width:20px;height:20px;min-width:20px;max-width:20px;max-height:20px}
.photo-expand>.ui-icon,.future-expand>.ui-icon{width:27px;height:27px;min-width:27px;max-width:27px;max-height:27px}

/* Panoramic cover: a clear view, one invitation. */
.cover{min-height:740px;height:100svh;max-height:1200px;padding:150px 6% 34px;justify-content:flex-end;gap:42px}
.cover::after{background:linear-gradient(0deg,rgba(8,8,25,.78),rgba(8,8,25,.18) 45%,rgba(8,8,25,.04) 66%,rgba(8,8,25,.4))}
.cover-photo img{object-position:58% center}
.hero-content{margin:0;max-width:850px}
.hero-brand{font-size:12px;letter-spacing:4px;margin:0 0 18px;color:var(--cream)}
.cover h1{font-size:clamp(46px,5.5vw,86px);line-height:1.08;letter-spacing:-.045em;margin:0 0 28px;max-width:850px;text-wrap:balance}
.hero-cta{padding:17px 23px;font-size:13px;gap:34px;background:var(--cream)}
.hero-cta:hover{background:var(--peach)}
.hero-bottom{margin:0 80px 0 0;display:flex;align-items:center;justify-content:space-between;gap:16px}
.hero-bottom .hero-phase{position:static;inset:auto;margin:0;font-size:10px;letter-spacing:1.5px;line-height:1.6;color:var(--cream)}
.hero-bottom #motion-toggle{width:36px;height:36px;border:1px solid #ffffff55;border-radius:50%;color:var(--cream);background:transparent;font-size:12px;flex-shrink:0}
@media(min-width:1000px){.hero-content{padding-top:150px}.hero-bottom{margin-right:0}}
@media(max-width:700px){.cover{min-height:660px;height:100svh;max-height:none;padding:155px 7% max(28px,env(safe-area-inset-bottom));gap:32px}.cover h1{font-size:clamp(38px,8.8vw,60px);margin-bottom:24px}.hero-brand{font-size:10px;letter-spacing:3px;margin-bottom:16px}.hero-cta{font-size:12px;padding:15px 20px;gap:28px}.hero-bottom{margin-right:62px}.hero-bottom .hero-phase{font-size:9px;letter-spacing:1px}.cover-photo img{object-position:61% center}}
@media(max-height:650px) and (min-width:701px){.cover{min-height:620px;height:auto}.hero-content{padding-top:55px}.cover h1{font-size:48px}}