/* Zenia — warm architectural presentation and purposeful enquiry motion. */
:root{--forest:#192922;--forest-dark:#111e19;--fern:#536251;--leaf:#c5b48f;--sage:#e7e5da;--ivory:#f3efe7;--paper:#faf8f3;--ink:#23312a;--muted:#687067;--line:rgba(35,49,42,.18);--bronze:#b3996b}
[hidden]{display:none!important}
html:not(.js) .reveal{opacity:1;transform:none}html:not(.js) .image-reveal{clip-path:none}html:not(.js) .wa-invite{display:none}
body{background:var(--paper)}
.shell{width:min(1320px,calc(100% - 112px))}
.heading,.heading-sm,.hero h1,.residence-content h3{font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:500;letter-spacing:-.045em;line-height:1.08}
.heading{font-size:clamp(42px,4.9vw,72px)}
.heading-sm{font-size:clamp(36px,3.9vw,58px)}
.eyebrow{font-size:10px;letter-spacing:.18em;color:#7b6745}
.copy-lg{font-size:clamp(15px,1.3vw,18px);line-height:1.8}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--bronze);outline-offset:5px}
.btn,.nav-cta{position:relative;overflow:hidden;isolation:isolate;min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;font-size:10px;font-weight:600;letter-spacing:.09em;line-height:1.5;text-align:center;transition:background .24s ease,color .24s ease,transform .24s ease,box-shadow .24s ease}
.btn::after,.nav-cta::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.27) 48%,transparent 77%);transform:translateX(-140%) skewX(-15deg)}
.btn.cta-visible::after,.nav-cta.cta-visible::after{animation:ctaLight 8s 1.2s ease-in-out infinite}
.btn:hover,.btn:focus-visible,.nav-cta:hover,.nav-cta:focus-visible{transform:translateY(-2px);box-shadow:0 7px 20px rgba(17,30,25,.12)}
.btn-light,.nav-cta{background:var(--ivory);color:var(--forest)}
.btn-light:hover,.nav-cta:hover{background:#e6dbc5}
.btn-dark:hover{background:#344238}
.nav-cta{min-height:44px;padding:0 20px}
.nav.scrolled{background:rgba(25,41,34,.95)}
.wordmark{font-family:'Manrope',sans-serif;font-weight:500;font-size:18px;letter-spacing:.3em}
.wordmark:before{background:var(--bronze)}
.hero{height:100svh;min-height:780px}
.hero:after{background:linear-gradient(90deg,rgba(12,25,17,.8),rgba(12,25,17,.16) 72%),linear-gradient(0deg,rgba(12,25,17,.73),transparent 65%)}
.hero-inner{grid-template-columns:minmax(0,1fr) 240px;gap:65px;align-items:center;padding-top:165px;padding-bottom:80px}
.hero-kicker{margin-bottom:30px;font-size:10px;font-weight:500;letter-spacing:.24em;color:#e6dcc8;opacity:1}
.hero h1{max-width:900px;line-height:1.05}
.hero-name{display:block;font-size:clamp(90px,9.6vw,146px);letter-spacing:-.055em}
.hero-address{display:block;margin-top:13px;font-size:clamp(21px,2.4vw,36px);font-weight:500;letter-spacing:.035em}
.hero-tagline{margin-top:28px;max-width:580px;font-size:clamp(19px,1.8vw,27px);font-weight:400;line-height:1.5;color:#eee9df}
.hero-bottom{display:block;margin-top:32px;padding-top:25px;border-color:rgba(241,233,220,.32)}
.hero-copy{font-size:13px;max-width:530px;line-height:1.75;color:rgba(255,255,255,.78)}
.hero-actions{justify-content:flex-start;gap:12px;margin-top:25px;flex-wrap:wrap}
.hero-facts{align-self:end;margin-bottom:8px}
.hero-fact{padding:22px 0}.hero-fact span{font-size:9px;opacity:.7}.hero-fact strong{font-family:'Manrope',sans-serif;font-size:19px;font-weight:500}
.factline{background:var(--forest)}
.intro{padding:116px 0}
.intro-grid{grid-template-columns:.75fr 1.25fr;gap:85px;align-items:center}
.intro-side{position:static}
.intro-main .heading{max-width:760px}
.intro-copy{grid-template-columns:1fr;gap:27px;margin-top:35px;padding-top:28px}
.intro-copy p{max-width:590px}
.story-portrait{margin:32px 0 0;max-width:365px}
.story-portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.story-portrait figcaption{margin-top:10px;color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.immersion{height:auto;background:#eae5da}
.immersion-sticky{position:relative;min-height:660px;height:660px;color:var(--ink)}
.immersion-media{inset:0 40% 0 0;background:url('images/20261008/lakeside.webp') center/cover no-repeat;transform:none!important;will-change:auto}
.immersion-sticky:after{display:none}
.immersion-copy{width:40%;max-width:none;margin:0 0 0 60%;padding:65px clamp(30px,4.5vw,78px);height:100%;justify-content:center}
.immersion-copy .eyebrow{color:#7b6745;font-size:9px;line-height:1.6;margin:0 0 20px}
.immersion-copy h2{font-size:clamp(36px,3.3vw,53px);line-height:1.1}
.immersion-copy p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:26px}
.immersion-words{left:28px;right:auto;bottom:25px;padding:9px 13px;background:rgba(17,30,25,.75);color:#f6f2e9;font-size:8px}
.immersion .visual-note{right:calc(40% + 18px);color:#fff;text-shadow:0 1px 4px #142018}
.residences,.masterplan,.layouts{padding:112px 0}
.section-head{gap:80px;margin-bottom:52px}
.residence-row{min-height:610px}
.residence-content{padding:52px 44px}
.residence-content h3{font-size:clamp(38px,4vw,60px)}
.residence-content>div>p{font-size:14px;line-height:1.8}
.residence-facts strong,.residence-price b{font-family:'Manrope',sans-serif;font-weight:600}
.courtyard-story{padding:0 0 112px;background:var(--ivory)}
.courtyard-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:center}
.courtyard-copy .copy-lg{margin-top:28px;max-width:440px}
.courtyard-copy .btn{margin-top:30px}
.courtyard-image{margin:0}.courtyard-image img{width:100%;height:auto;max-height:640px;object-fit:cover}
.courtyard-image figcaption{margin-top:11px;font-size:9px;color:var(--muted);letter-spacing:.09em;text-transform:uppercase}
.life{padding:110px 0;background:var(--forest-dark)}
.life-head{gap:85px;margin-bottom:45px}.life-head p{color:#c2c6bb}
.facility-gallery{border-top:1px solid rgba(197,180,143,.35);padding-top:22px}
.facility-stage{position:relative;background:#0b1510}
.facility-stage.viewer-trigger{position:relative;display:block;width:100%;padding:0;border:0;cursor:zoom-in}
#facilityImage{display:block;width:100%;height:clamp(350px,43vw,600px);object-fit:cover}
#facilityImage[src*="pilates"]{object-position:center 65%}
.facility-enlarge{position:absolute;right:20px;bottom:18px;padding:10px 14px;background:rgba(17,30,25,.85);color:#fff;font-size:9px;letter-spacing:.13em;text-transform:uppercase}
.facility-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;color:#bcc3b8;font-size:10px}
#facilityName{margin:0;font-family:'Manrope',sans-serif;font-size:24px;font-weight:500;color:#f4efe5;letter-spacing:-.02em}
#facilityCount{font-size:11px;letter-spacing:.12em;color:var(--leaf)}
.facility-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;padding-bottom:25px;border-bottom:1px solid var(--white-line)}
.facility-tab{position:relative;min-width:0;padding:0 0 11px;border:0;border-bottom:2px solid transparent;background:transparent;color:#c2c6bb;text-align:left;cursor:pointer;transition:border-color .2s,color .2s}
.facility-tab img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;opacity:.6;transition:opacity .2s ease}
.facility-tab span{display:block;margin-top:11px;padding-right:15px;font-size:10px;line-height:1.4}
.facility-tab small{position:absolute;right:0;bottom:12px;font-size:8px;color:var(--leaf)}
.facility-tab.active{border-color:var(--bronze);color:#fff}.facility-tab.active img,.facility-tab:hover img,.facility-tab:focus-visible img{opacity:1}
.life .life-list{display:grid;grid-template-columns:repeat(3,1fr);border-left:0;margin-top:25px;gap:0 30px}
.life .life-item{grid-template-columns:25px 1fr;padding:19px 0;gap:10px}.life .life-item span{font-size:12px}
.facility-enquiry{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:34px}
.facility-enquiry p{max-width:570px;font-size:14px;color:#c2c6bb}.facility-enquiry .btn{flex-shrink:0}
.location,.faq{padding:110px 0}
.closing{min-height:660px}.closing-media{background-image:url('images/20261008/lounge.webp');background-position:center}
.closing:after{background:rgba(17,30,25,.7)}
.closing .heading{max-width:850px;margin-inline:auto}
.wa-widget{position:fixed;z-index:90;right:28px;bottom:calc(28px + env(safe-area-inset-bottom));width:310px;max-width:calc(100vw - 32px);pointer-events:none}
.wa-widget.ready{animation:enquiryIn .32s ease-out both}
.wa-dock{display:flex;justify-content:flex-end;align-items:center;gap:12px;pointer-events:auto}
.wa-invite{border:1px solid rgba(179,153,107,.55);padding:11px 16px;min-height:44px;max-width:230px;background:var(--paper);color:var(--forest);box-shadow:0 4px 20px rgba(17,30,25,.1);font-size:11px;font-weight:500;cursor:pointer;transition:background .2s ease}
.wa-invite:hover{background:#eae3d6}
.wa-widget .wa{position:relative;right:auto;bottom:auto;flex:0 0 54px;opacity:1;pointer-events:auto;transform:none;width:54px;height:54px;background:#18734b;box-shadow:0 5px 20px rgba(17,30,25,.2)}
.wa-widget .wa:hover{transform:translateY(-2px)}
.wa::before{content:"";position:absolute;inset:-5px;border:1px solid rgba(33,133,85,.6);border-radius:50%;pointer-events:none;opacity:0}
.ready .wa::before{animation:enquiryRing 6s 1s ease-out infinite}
.wa-prompt{position:relative;margin-bottom:16px;padding:28px 24px 23px;border:1px solid #d5c9b2;background:var(--paper);color:var(--ink);box-shadow:0 16px 55px rgba(17,30,25,.18);pointer-events:auto;animation:enquiryIn .26s ease-out both}
.wa-prompt-close{position:absolute;top:1px;right:1px;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;font-size:24px;font-weight:400;color:var(--muted);cursor:pointer}
.wa-prompt .wa-eyebrow{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:#7b6745}
.wa-prompt h2{margin:13px 0 12px;font-family:'Manrope',sans-serif;font-size:24px;font-weight:500;letter-spacing:-.025em;line-height:1.25}
.wa-prompt p{font-size:12px;line-height:1.7;color:var(--muted)}
.wa-prompt .wa-prompt-link{width:100%;margin-top:21px;padding-inline:12px;min-height:48px;font-size:10px}
.wa-prompt .wa-prompt-note{display:block;margin-top:12px;font-size:9px;text-align:center}
.menu-open .wa-widget,.viewer-open .wa-widget{display:none}
@keyframes ctaLight{0%,4%{transform:translateX(-140%) skewX(-15deg)}18%,100%{transform:translateX(140%) skewX(-15deg)}}
@keyframes enquiryIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes enquiryRing{0%,4%{opacity:0;transform:scale(.94)}8%{opacity:.6}27%,100%{opacity:0;transform:scale(1.32)}}
@media(max-width:1100px){
  .shell{width:calc(100% - 64px)}.hero-inner{grid-template-columns:minmax(0,1fr) 200px;gap:35px}.hero-actions .btn{padding-inline:18px}.hero-name{font-size:110px}.intro-grid,.courtyard-grid{gap:50px}.immersion-copy{padding-inline:35px}.facility-tabs{gap:8px}
}
@media(max-width:1020px){
  .hero-inner{grid-template-columns:1fr;gap:30px;align-content:end;padding-top:140px;padding-bottom:65px}.hero-facts{margin:0}.hero h1{max-width:760px}.hero-name{font-size:105px}.hero-tagline{font-size:23px;margin-top:24px}.hero-fact{padding:16px}.hero-fact strong{font-size:16px}.nav-cta{font-size:10px}.intro-grid{grid-template-columns:.7fr 1.3fr}.residence-content{min-height:0}.immersion-sticky{height:570px;min-height:570px}.immersion-media{right:45%}.immersion-copy{width:45%;margin-left:55%;padding-inline:30px}.immersion .visual-note{right:calc(45% + 14px)}.life-head,.section-head{gap:28px}.facility-tab span{font-size:9px}.life .life-list{gap:0 20px}
}
@media(max-width:700px){
  .shell{width:calc(100% - 40px)}.heading{font-size:clamp(37px,9.5vw,58px)}.heading-sm{font-size:clamp(33px,8.5vw,48px)}.eyebrow{font-size:9px}.copy-lg{font-size:15px}
  .hero{height:auto;min-height:max(800px,100svh)}.hero-inner{padding-top:146px;padding-bottom:106px;gap:30px}.hero-kicker{font-size:8px;margin-bottom:24px}.hero-name{font-size:clamp(76px,22vw,110px)}.hero-address{font-size:20px;margin-top:12px;letter-spacing:.02em}.hero-tagline{font-size:20px;max-width:340px;margin-top:24px}.hero-bottom{margin-top:25px;padding-top:21px}.hero-copy{font-size:12px}.hero-actions{display:grid;grid-template-columns:1fr;margin-top:22px}.hero-actions .btn-outline{display:none}.hero-fact{padding:12px 8px}.hero-fact span{font-size:7px}.hero-fact strong{font-size:12px}
  .intro,.residences,.masterplan,.layouts,.life,.location,.faq{padding:75px 0}.intro-grid{grid-template-columns:1fr;gap:40px}.intro-side p:last-child{max-width:none}.story-portrait{max-width:none;margin-top:24px}.story-portrait img{aspect-ratio:4/3}.intro-copy{margin-top:27px;gap:22px}
  .immersion-sticky{height:auto;min-height:0;padding-top:78vw}.immersion-media{inset:0 0 auto;height:78vw;background-position:50% center}.immersion-copy{position:relative;width:100%;height:auto;margin:0;padding:48px 25px 52px}.immersion-copy h2{font-size:40px}.immersion-copy p{font-size:14px;margin-top:22px}.immersion-words{top:calc(78vw - 48px);bottom:auto;left:16px;gap:15px;font-size:7px}.immersion .visual-note{top:calc(78vw - 19px);bottom:auto;right:14px;font-size:6px}
  .section-head{margin-bottom:35px}.residence-content{padding:34px 24px}.residence-content h3{font-size:42px}.residence-facts strong{font-size:19px}.residence-price b{font-size:25px}.courtyard-story{padding-bottom:75px}.courtyard-grid{grid-template-columns:1fr;gap:30px}.courtyard-copy .copy-lg{margin-top:22px}.courtyard-image img{max-height:none}
  .life-head{margin-bottom:30px}.facility-gallery{padding-top:16px}#facilityImage{height:70vw;min-height:250px;max-height:430px}.facility-enlarge{right:12px;bottom:12px;font-size:8px;padding:9px 10px}.facility-caption{gap:12px;padding:18px 0;flex-wrap:wrap;font-size:8px}#facilityName{font-size:22px}#facilityCount{font-size:9px}.facility-tabs{display:flex;gap:12px;overflow-x:auto;padding-bottom:19px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--bronze) transparent}.facility-tab{flex:0 0 120px;scroll-snap-align:start}.facility-tab span{font-size:10px}.life .life-list{grid-template-columns:1fr 1fr;gap:0 17px;margin-top:18px}.life .life-item{grid-template-columns:18px 1fr;gap:8px;padding:16px 0}.life .life-item span{font-size:10px}.facility-enquiry{align-items:flex-start;flex-direction:column;gap:23px;margin-top:29px}.facility-enquiry p{font-size:13px}.facility-enquiry .btn{width:100%}
  .closing{min-height:570px;padding:75px 22px}.closing p{font-size:14px}.wa-widget{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:300px}.wa-invite{max-width:210px;font-size:10px;min-height:42px;padding:11px 14px}.wa-prompt{padding:27px 22px 22px}.wa-prompt h2{font-size:23px}.wa-widget .wa{width:54px;height:54px}.wa-dock{gap:10px}
}
@media(prefers-reduced-motion:reduce){
  .btn,.nav-cta,.wa,.wa-invite,.facility-tab,.facility-tab img{transition:none!important}.btn::after,.nav-cta::after,.wa::before,.wa-widget.ready,.wa-prompt{animation:none!important}.btn:hover,.btn:focus-visible,.nav-cta:hover,.nav-cta:focus-visible,.wa-widget .wa:hover{transform:none}.btn::after,.nav-cta::after,.wa::before{display:none}
}
@media(max-width:700px){.immersion-media{background-image:url('images/20261008/lakeside-640.webp')}.closing-media{background-image:url('images/20261008/lounge-640.webp')}}