@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Manrope:wght@300;400;500;600&display=swap');

:root{--navy:#07141d;--navy2:#0c202b;--ink:#15212a;--cream:#f2eee5;--paper:#f8f5ee;--gold:#c7a36a;--gold2:#e0c292;--line:rgba(199,163,106,.36);--muted:#667078;--white:#fff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:'DM Sans',Arial,sans-serif;font-weight:300;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;width:100%}button{font:inherit}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:92px;display:flex;align-items:center;padding:0 clamp(24px,5vw,76px);border-bottom:1px solid rgba(255,255,255,.18);gap:42px}.brand img{width:185px;height:auto}.site-header nav{display:flex;gap:32px;margin-left:auto;font-size:13px;letter-spacing:.04em}.site-header nav a{opacity:.78;transition:.25s}.site-header nav a:hover{opacity:1}.header-cta{border:1px solid var(--gold);padding:11px 18px;font-size:13px;color:var(--gold2)}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:25px;height:1px;background:#fff;margin:6px}
.hero{height:min(940px,100svh);min-height:780px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-media{object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(3,13,19,.94) 0%,rgba(5,16,23,.68) 44%,rgba(5,16,23,.1) 76%),linear-gradient(0deg,rgba(5,15,22,.85),transparent 45%)}.hero-copy{z-index:2;position:relative;width:min(680px,85vw);margin-left:max(6vw,calc((100vw - var(--max))/2));padding-top:38px}.eyebrow{margin:0 0 18px;color:var(--gold2);text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:600}.eyebrow.dark{color:#927044}.hero h1{font-family:'Manrope',sans-serif;font-weight:300;font-size:clamp(62px,8.2vw,122px);line-height:.86;letter-spacing:-.065em;margin:0 0 30px}.hero-intro{font-size:clamp(18px,2vw,24px);max-width:610px;line-height:1.45;color:rgba(255,255,255,.82)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 25px;font-size:13px;font-weight:500;transition:.25s}.button-gold{background:var(--gold2);color:#10191f}.button-gold:hover{background:#f0d4a6;transform:translateY(-2px)}.button-ghost{border:1px solid rgba(255,255,255,.55)}.button-ghost:hover{background:rgba(255,255,255,.1)}.reply-note{display:flex;align-items:center;gap:10px;margin:21px 0 0;font-size:12px;color:rgba(255,255,255,.66)}.reply-note span{width:7px;height:7px;border-radius:50%;background:#6dcc91;box-shadow:0 0 0 4px rgba(109,204,145,.12)}.hero-facts{position:absolute;z-index:3;right:max(4vw,calc((100vw - var(--max))/2));bottom:0;background:rgba(7,20,29,.86);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(4,1fr);width:min(760px,65vw);border-top:1px solid var(--line)}.hero-facts div{padding:25px 24px;border-right:1px solid rgba(255,255,255,.12)}.hero-facts div:last-child{border:0}.hero-facts strong,.hero-facts span{display:block}.hero-facts strong{font:400 20px 'Manrope'}.hero-facts span{font-size:11px;color:rgba(255,255,255,.58);margin-top:5px}
.editorial{background:var(--paper);color:var(--ink);padding:110px max(5vw,calc((100vw - var(--max))/2))}.intro-section{display:grid;grid-template-columns:170px 1.25fr .75fr;gap:48px}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#846945;padding-top:7px}.section-label span{display:block;font:300 38px 'Manrope';color:#c5b89e;margin-bottom:8px}.intro-heading h2,.section-head h2,.location h2,.faq h2{font:300 clamp(35px,4vw,58px)/1.08 'Manrope';letter-spacing:-.045em;margin:0}.intro-body{font-size:16px;color:#4c565d}.intro-body p:first-child{margin-top:0}.feature-grid{grid-column:2/4;display:grid;grid-template-columns:repeat(4,1fr);margin-top:54px;border-top:1px solid #cfc6b6;border-bottom:1px solid #cfc6b6}.feature-grid article{padding:30px 25px 34px 0;margin-right:24px;border-right:1px solid #cfc6b6}.feature-grid article:last-child{border:0;margin:0}.feature-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#98784c}.feature-grid h3{font:400 21px 'Manrope';margin:12px 0 9px}.feature-grid p{font-size:13px;color:#60686e;line-height:1.6;margin:0}
.split-image{display:grid;grid-template-columns:1.35fr .65fr;min-height:680px;background:var(--navy2)}.image-panel img{height:100%;object-fit:cover}.split-copy{padding:110px clamp(42px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.split-copy h2,.facility-copy h2,.advisor-copy h2,.final-cta h2{font:300 clamp(38px,4.6vw,66px)/1.04 'Manrope';letter-spacing:-.05em;margin:0 0 24px}.split-copy p:not(.eyebrow){color:rgba(255,255,255,.68);font-size:16px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;margin-top:18px;color:var(--gold2);font-size:13px}.text-link span{font-size:18px}
.layouts{padding:115px max(5vw,calc((100vw - var(--max))/2));background:#091923}.section-head{display:grid;grid-template-columns:1fr .65fr;gap:80px;align-items:end}.section-head h2{color:#fff}.section-head>p{color:rgba(255,255,255,.62);margin:0;font-size:15px}.layout-tabs{display:flex;gap:10px;margin:58px 0 26px}.layout-tab{color:rgba(255,255,255,.65);background:transparent;border:1px solid rgba(255,255,255,.18);padding:14px 25px;cursor:pointer}.layout-tab.is-active{background:var(--gold2);border-color:var(--gold2);color:#14212a}.layout-group{display:none;grid-template-columns:repeat(2,1fr);gap:22px}.layout-group.is-active{display:grid}.plan-card{background:#f7f3ea;color:var(--ink);position:relative;overflow:hidden}.plan-card img{aspect-ratio:1/1.02;object-fit:cover;object-position:top}.plan-card>div{padding:24px 27px 27px}.plan-card p{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#8a6b42;margin:0}.plan-card h3{font:400 22px 'Manrope';margin:8px 0 18px}.plan-card a{font-size:13px;border-bottom:1px solid #a58c67;padding-bottom:5px}.plan-note{font-size:12px;color:rgba(255,255,255,.52);margin:22px 0 0}
.facilities{display:grid;grid-template-columns:1.08fr .92fr;background:#102732}.facility-image img{height:100%;object-fit:cover}.facility-copy{padding:110px clamp(42px,7vw,100px)}.facility-copy>p:not(.eyebrow){color:rgba(255,255,255,.68)}.facility-levels{display:grid;grid-template-columns:1fr 1fr;margin-top:38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.facility-levels div{padding:24px 15px 24px 0}.facility-levels div+div{border-left:1px solid var(--line);padding-left:25px}.facility-levels strong,.facility-levels span{display:block}.facility-levels strong{font:400 22px 'Manrope';color:var(--gold2)}.facility-levels span{font-size:11px;color:rgba(255,255,255,.54);margin-top:5px}
.location{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.location-copy>p:not(.eyebrow){color:#586269;margin:25px 0}.location ul{padding:0;margin:26px 0 34px;list-style:none;border-top:1px solid #d4caba}.location li{padding:13px 0;border-bottom:1px solid #d4caba;font-size:13px}.dark-link{color:#725932}.location-visual img{height:560px;object-fit:cover}
.advisor{display:grid;grid-template-columns:.7fr 1.3fr;align-items:end;background:#091923;padding:90px max(5vw,calc((100vw - var(--max))/2)) 0;overflow:hidden}.advisor-photo{height:650px;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(circle at 50% 60%,#24414d,transparent 63%)}.advisor-photo img{width:auto;height:94%;object-fit:contain}.advisor-copy{padding:20px 0 95px 70px}.advisor-copy>p:not(.eyebrow,.credentials){color:rgba(255,255,255,.67);max-width:720px}.advisor-options{margin-top:30px}.choice{display:grid;grid-template-columns:90px 1fr auto;align-items:center;padding:17px 0;border-top:1px solid rgba(255,255,255,.18)}.choice:last-child{border-bottom:1px solid rgba(255,255,255,.18)}.choice small{color:var(--gold2);font-size:10px;text-transform:uppercase;letter-spacing:.14em}.choice strong{font-weight:400}.choice span{color:var(--gold2)}.credentials{font-size:11px;color:rgba(255,255,255,.45);margin-top:19px}
.faq{padding-top:100px;padding-bottom:110px}.light-head h2{color:var(--ink)}.faq-list{margin-top:45px;border-top:1px solid #cfc6b6}.faq details{border-bottom:1px solid #cfc6b6}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:30px;padding:22px 0;font:400 17px 'Manrope';cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:22px;font-weight:300;color:#8a6b42;transition:.2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{max-width:780px;color:#5a646b;margin:0 0 25px;font-size:14px}
.final-cta{position:relative;min-height:570px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.final-cta img{position:absolute;inset:0;height:100%;object-fit:cover;filter:brightness(.32)}.final-cta>div{z-index:1;max-width:790px;padding:80px 24px}.final-cta p:not(.eyebrow){color:rgba(255,255,255,.72);margin-bottom:30px}.final-cta .button{min-width:220px}
footer{padding:60px max(5vw,calc((100vw - var(--max))/2)) 85px;background:#040c11;color:rgba(255,255,255,.45)}.footer-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:35px}.footer-top img{width:170px}.footer-top div{display:flex;gap:26px;font-size:12px;color:rgba(255,255,255,.72)}footer>p{font-size:10px;max-width:760px;margin-top:24px}.mobile-bar{display:none}
@media(max-width:900px){.site-header{height:75px;padding:0 20px}.brand img{width:155px}.site-header nav{display:none;position:absolute;top:75px;left:0;width:100%;padding:25px;background:rgba(7,20,29,.97);flex-direction:column}.site-header.is-open nav{display:flex}.header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.hero{min-height:800px;height:100svh}.hero-shade{background:linear-gradient(0deg,rgba(4,14,20,.95) 0%,rgba(5,15,21,.68) 60%,rgba(4,14,20,.25) 100%)}.hero-media{object-position:62% center}.hero-copy{margin:0;padding:135px 23px 190px;align-self:flex-end;width:100%}.hero h1{font-size:clamp(59px,18vw,84px)}.hero-intro{font-size:17px}.hero-actions{display:grid}.button{width:100%}.hero-facts{width:100%;right:0;grid-template-columns:1fr 1fr}.hero-facts div{padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.12)}.editorial{padding:76px 23px}.intro-section{grid-template-columns:1fr;gap:22px}.section-label{display:none}.feature-grid{grid-column:auto;grid-template-columns:1fr 1fr;margin-top:25px}.feature-grid article{margin:0;padding:24px 17px 24px 0}.feature-grid article:nth-child(2){border-right:0;padding-left:17px}.feature-grid article:nth-child(3){border-top:1px solid #cfc6b6}.feature-grid article:nth-child(4){border-right:0;border-top:1px solid #cfc6b6;padding-left:17px}.split-image,.facilities,.location,.advisor{grid-template-columns:1fr}.image-panel{height:420px}.split-copy,.facility-copy{padding:72px 23px}.section-head{grid-template-columns:1fr;gap:20px}.layouts{padding:80px 23px}.layout-group{grid-template-columns:1fr}.plan-card img{aspect-ratio:1/1.08}.facility-image{height:410px}.location{gap:45px}.location-visual{order:-1}.location-visual img{height:390px}.advisor{padding:65px 23px 0}.advisor-photo{height:460px;order:2}.advisor-copy{padding:0}.advisor-options{margin-bottom:35px}.choice{grid-template-columns:74px 1fr auto}.footer-top{align-items:flex-start;gap:30px}.footer-top div{flex-direction:column;gap:8px}.mobile-bar{display:grid;position:fixed;z-index:50;bottom:0;left:0;width:100%;grid-template-columns:.8fr 1.2fr;background:#08151d;padding:10px 10px max(10px,env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(0,0,0,.35)}.mobile-bar a{display:flex;align-items:center;justify-content:center;height:49px;font-size:12px;border:1px solid rgba(255,255,255,.22)}.mobile-bar a:last-child{background:var(--gold2);color:#111b21;border-color:var(--gold2);font-weight:600}footer{padding-bottom:125px}}
@media(max-width:520px){.hero h1{letter-spacing:-.075em}.feature-grid{grid-template-columns:1fr}.feature-grid article,.feature-grid article:nth-child(2),.feature-grid article:nth-child(4){border-right:0;border-top:1px solid #cfc6b6;padding:21px 0}.feature-grid article:first-child{border-top:0}.layout-tabs{display:grid;grid-template-columns:1fr 1fr}.layout-tab{padding:13px}.facility-levels{grid-template-columns:1fr}.facility-levels div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.advisor-photo{height:390px}.footer-top{display:block}.footer-top div{margin-top:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Clean official plan drawings without promotional artwork or pricing. */
.plan-card img{object-fit:contain;object-position:center;background:#fff;padding:24px}
@media(max-width:900px){.plan-card img{padding:14px}}

/* Pavilion project identity and enquiry points. */
.project-brand{display:flex;flex-direction:column;line-height:1;color:#fff;min-width:215px}
.project-brand strong{font-family:'Manrope',sans-serif;font-size:23px;font-weight:500;letter-spacing:.16em}
.project-brand small{font-size:8px;letter-spacing:.29em;color:var(--gold2);margin-top:7px}
.wa-green{background:#25d366!important;border-color:#25d366!important;color:#07180f!important;box-shadow:0 8px 28px rgba(37,211,102,.16)}
.wa-green:hover{background:#35e578!important;border-color:#35e578!important;transform:translateY(-2px);box-shadow:0 12px 32px rgba(37,211,102,.26)}
.wa-green::before{content:'';width:8px;height:8px;border-radius:50%;background:#0f7138;margin-right:10px;box-shadow:0 0 0 3px rgba(255,255,255,.34)}
.wa-champagne{background:var(--gold2);border:1px solid var(--gold2);color:#10191f;transition:.25s}
.wa-champagne:hover{background:#f0d4a6;transform:translateY(-2px)}
.whatsapp-strip{grid-column:2/4;margin-top:26px;padding:22px 25px;background:#e8e1d4;display:flex;align-items:center;justify-content:space-between;gap:30px}
.whatsapp-strip span,.whatsapp-strip strong{display:block}.whatsapp-strip span{font-size:11px;color:#756650;margin-bottom:4px}.whatsapp-strip strong{font:400 17px 'Manrope'}
.whatsapp-strip a,.plan-enquiry a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:13px 20px;font-size:12px;font-weight:600}
.plan-enquiry{margin-top:22px;border:1px solid rgba(255,255,255,.17);padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.plan-enquiry p{margin:0;font-size:13px;color:rgba(255,255,255,.65)}.plan-enquiry strong{display:block;color:#fff;font-weight:500}
.choice::after{content:'';width:9px;height:9px;border-radius:50%;background:#25d366;box-shadow:0 0 0 4px rgba(37,211,102,.13)}.choice>span{display:none}
.whatsapp-float{position:fixed;z-index:60;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;background:#25d366;color:#07180f;border-radius:999px;padding:7px 7px 7px 16px;box-shadow:0 10px 30px rgba(0,0,0,.3);font-size:12px;font-weight:600;transition:.25s}
.whatsapp-float b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;font-size:10px;letter-spacing:.04em}.whatsapp-float:hover{transform:translateY(-3px);background:#35e578}
@media(max-width:900px){.project-brand{min-width:0}.project-brand strong{font-size:18px}.project-brand small{font-size:7px}.whatsapp-strip{grid-column:auto;align-items:flex-start;flex-direction:column;gap:16px;padding:20px}.whatsapp-strip a{width:100%}.plan-enquiry{align-items:flex-start;flex-direction:column;gap:15px}.plan-enquiry a{width:100%}.whatsapp-float{display:none}.mobile-bar a:last-child{background:#25d366;color:#07180f;border-color:#25d366}}
.back-jacee{margin-top:34px;border:1px solid rgba(199,163,106,.5);padding:20px 22px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:22px;color:#fff;transition:.25s}
.back-jacee span{font-size:11px;color:rgba(255,255,255,.48)}.back-jacee strong{font:400 15px 'Manrope';color:var(--gold2)}.back-jacee b{font-size:18px;color:var(--gold2)}.back-jacee:hover{background:rgba(199,163,106,.08);border-color:var(--gold)}
@media(max-width:600px){.back-jacee{grid-template-columns:1fr auto}.back-jacee span{grid-column:1/3}.back-jacee strong{font-size:14px}}
