@font-face{font-family:Lightwater Serif;src:url('assets/lightwater-serif-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--paper:#f8f6f0;--ink:#192b28;--green:#123e37;--gold:#a5814a;--muted:#495b55;--line:#d8cfbc;--elevation:0 18px 46px rgba(27,49,41,.10)}
html{scroll-behavior:auto}
.hero-caption{bottom:48px}
body{font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;font-size:18px;line-height:1.9}
h2,h3,h4,.hero-title,.large-stat,.facts-strip strong,.plan-beds{font-family:"Lightwater Serif","Noto Serif CJK SC","Songti SC",serif;font-weight:600}
h2{font-size:clamp(32px,3.1vw,46px);letter-spacing:0;line-height:1.5;color:var(--green)}
h3{letter-spacing:0;font-size:25px}h4{font-size:20px;line-height:1.6}
.small,.caption,figcaption{font-size:14px;color:var(--muted)}
.eyebrow{font:600 12px/1.6 Georgia,serif;letter-spacing:.15em;color:#806033}
.wrap{max-width:1240px;padding-left:48px;padding-right:48px}
.section{padding-top:88px;padding-bottom:88px}
.header{height:78px;background:#f8f6f0;box-shadow:0 3px 22px rgba(14,36,29,.07)}
.header nav{font-size:15px;font-weight:600;gap:32px}.brand{color:#795b32}.button{border-radius:4px;box-shadow:0 6px 16px rgba(13,41,32,.12);min-height:50px;font-size:16px;transition:background .2s,box-shadow .2s,transform .2s}
.button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(13,41,32,.18)}
.nav-contact{border-radius:3px;min-height:42px;font-size:14px}
.hero{height:clamp(690px,52vw,850px)}
.hero-copy{top:52px;left:5.5%;width:450px;padding:32px 34px 34px;background:rgba(8,31,35,.88);border:1px solid rgba(231,211,174,.25);box-shadow:0 24px 55px rgba(0,12,19,.25)}
.hero-copy .eyebrow{font-size:12px;letter-spacing:.14em;color:#eed8af}
.hero h1{font:30px/1.25 Georgia,serif;letter-spacing:0;margin-top:16px;color:#fff}
.hero-title{font-size:62px;line-height:1.35;letter-spacing:.01em;margin:23px 0;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.16)}
.hero-sub{font-size:19px;color:#fff}.hero-price{border-top:1px solid rgba(236,216,178,.35);padding-top:20px;display:block;margin-top:24px}.hero-price span{display:block;font-size:11px;letter-spacing:.12em;color:#e5cba0}.hero-price strong{display:block;font:30px/1.5 Georgia,serif;margin-top:5px;color:#f5d7a4}
.hero-note{font-size:13px;color:#e2e8e5;margin:7px 0 20px}.hero-copy>.button{background:#e4c394;color:#143a33;box-shadow:0 8px 24px rgba(0,0,0,.2)}.hero-copy>.button:hover{background:#f0d4aa}.hero-secondary{display:block;width:max-content;margin:17px 0 0;color:#fff;font-size:15px}.hero-caption{font-size:13px}
.facts-strip{position:relative;z-index:2;margin:-28px auto 0;max-width:1180px;padding:30px 20px;background:#fffdf8;border:1px solid #e7dfd0;box-shadow:var(--elevation)}
.facts-strip strong{font-size:24px;letter-spacing:0;line-height:1.55}.facts-strip span{font-size:14px;margin-top:6px;color:#4c5c55}
.intro{display:grid;grid-template-columns:1.02fr 1fr;gap:64px;text-align:left;align-items:center;padding-top:95px;padding-bottom:95px;max-width:1240px}.intro h2{font-size:38px;margin-bottom:0;line-height:1.55}.intro .lead{font-size:19px;line-height:1.9}.intro-body>p:not(.lead){font-size:17px;line-height:1.9}.position-line{justify-content:flex-start;gap:10px 20px;font-size:14px;font-weight:600;margin-top:24px}
.split{max-width:1340px;grid-template-columns:1.2fr 1fr;position:relative;padding:0 40px;margin-bottom:35px;align-items:center}
.split>img{width:100%;height:620px;min-height:0;object-fit:cover;box-shadow:var(--elevation)}
.split-copy{position:relative;background:#fffdf8;margin-left:-64px;padding:44px 45px;border:1px solid #e5ddce;box-shadow:var(--elevation);z-index:1}
.split-copy h2{font-size:35px}.split-copy>p:not(.eyebrow):not(.caption){font-size:17px;line-height:1.9}
.privacy{max-width:none;background:#123b35;color:#eef2ec;margin-top:70px;padding-left:max(48px,calc((100vw - 1144px)/2));padding-right:max(48px,calc((100vw - 1144px)/2));padding-bottom:74px}
.privacy .eyebrow{color:#e4c79a}.privacy h2{color:#fff;font-size:42px}.privacy-grid{gap:38px;margin-top:42px}.privacy-grid>article+article{border-color:#44635b;padding-left:35px}.privacy .large-stat{color:#edcf9e;font-size:64px}.privacy .large-stat span{font-size:17px;color:#efdfc2}.privacy .large-stat.words{font:36px/1.25 Georgia,serif}.privacy-grid h3{color:#fff;font-size:23px}.privacy-grid article>p:last-child{font-size:17px;line-height:1.85}.privacy-foot{color:#d5dfd8;border-color:#456459;font-size:14px}
.arrival-feature{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:0;margin-top:54px}.arrival-feature figure{position:relative}.arrival-feature img{width:100%;height:405px;object-fit:cover;box-shadow:0 16px 38px rgba(0,10,5,.25)}.arrival-feature figcaption{position:absolute;bottom:15px;left:18px;margin:0;color:#fff;background:rgba(14,31,25,.82);padding:4px 10px;font-size:12px}.arrival-copy{margin-left:-34px;position:relative;background:#f3efe5;color:#243c32;padding:35px 38px;box-shadow:0 18px 40px rgba(0,12,5,.18)}.arrival-copy .eyebrow{color:#7d5b2b}.arrival-copy h3{color:#163e34;font-size:30px;margin:15px 0 21px;line-height:1.55}.arrival-copy>p:not(.eyebrow){font-size:17px}.arrival-copy .text-link{font-size:15px}
.panorama{max-width:none;margin-top:0}.panorama>img{height:640px;object-position:center}.panorama-copy{left:7%;top:auto;bottom:55px;width:410px;padding:33px 36px;background:rgba(255,253,248,.97);box-shadow:0 22px 46px rgba(14,31,25,.2);border:1px solid #e4dbc8}.panorama-copy h2{font-size:34px}.panorama-copy p:not(.eyebrow){font-size:17px;line-height:1.9}
.plan-row{background:#fffdf9;box-shadow:0 8px 24px rgba(25,47,36,.06);border:1px solid #e4dcca;padding:35px;margin:30px 0;grid-template-columns:1.2fr .8fr;gap:38px}.plan-copy h3{font-family:Georgia,serif;font-size:44px}.plan-copy h3 small{font-size:21px}.plan-beds{font-size:24px}.plan-thumb{border:1px solid #e7e3da;padding:20px;box-shadow:0 7px 20px rgba(18,39,32,.06)}.plan-thumb img{height:350px}.plan-view-label{display:block;font-size:14px;color:#39524a;margin-top:12px;font-weight:600}.outline{background:#f5f2e9;border-color:#beb198;min-height:46px;font-size:15px}.outline:hover{background:#e8dfcd}
.price{background:#eae3d4;border-top:1px solid #d3c8b2;border-bottom:1px solid #d3c8b2;padding-top:72px;padding-bottom:72px}.price-detail{background:#fffdf8;border-left:0;padding:36px 38px;box-shadow:var(--elevation);border:1px solid #d7c7aa}.price-number{font:49px/1.4 Georgia,serif;color:#143c33}.price-number span{font-size:24px}.price-detail .button{margin-top:22px}
.facilities{margin-top:84px;grid-template-columns:1fr 1.2fr}.facilities>img{grid-column:2;grid-row:1;height:610px;object-position:center}.facilities .split-copy{grid-column:1;grid-row:1;margin-left:0;margin-right:-64px}
.city-split{grid-template-columns:.92fr 1.08fr;gap:55px}.city-split figure{padding:12px;background:#fffdf8;border:1px solid #e5dfd4;box-shadow:var(--elevation)}.city-split figure img{height:430px;object-position:center}.city-split h3{font:32px/1.4 Georgia,serif;color:#143e35}.city-lower{gap:48px}.city-lower h3{font-size:27px}.masterplan{max-width:850px;margin:45px auto 0;padding:22px;background:#fffdf8;border:1px solid #e3daca;box-shadow:0 8px 25px rgba(30,48,38,.06)}
.location{background:#eeeae1}.routes article{background:#fcfaf5;border-top:2px solid #a28455;padding:25px 28px;box-shadow:0 7px 22px rgba(26,41,33,.05)}.routes h3{color:#183e34}.distance-grid strong{font-size:35px}.distance-grid span{font-size:14px;color:#334c42}
.amenities{gap:32px}.amenities article{background:#fffdf8;padding:25px 28px;border:1px solid #dfd6c6;box-shadow:0 7px 20px rgba(28,47,37,.04)}.amenities h3{font-size:25px;color:#173d33}.scenario-grid{gap:28px}.scenario-grid article{border-top:2px solid #a38453;padding-top:23px}.scenario-grid h3{font-size:24px}
.details-section{border-top:0;background:#fffdf8;margin-bottom:60px;padding-top:50px;padding-bottom:48px;box-shadow:0 8px 26px rgba(20,46,33,.06);border:1px solid #e3daca}.project-details{font-size:16px;gap:0 42px}.project-details>div{grid-template-columns:132px 1fr;padding:18px 0}.project-details dt{color:#47584f}.project-details dd{color:#152d25;font-weight:500}.faq details{background:#fffdf8;border:1px solid #dfd5c3;margin:12px 0;padding:13px 22px;box-shadow:0 4px 15px rgba(21,45,31,.035)}.faq summary{font-size:18px;line-height:1.6;color:#173b31}.faq details[open]{border-color:#aa936f}.faq details p{font-size:17px;padding:9px 0 10px;line-height:1.85}
.contact.section{padding-top:52px;padding-bottom:52px}.contact h2{color:#fff}.contact-options{padding:25px 30px;background:#234e44;border:1px solid #577368;box-shadow:0 12px 32px rgba(0,15,9,.12)}.contact-options label{font-size:15px}.contact-options select{border-radius:2px;font-size:17px}.gold{color:#143b30}.contact .small{font-size:13px}.footer{padding-top:24px;padding-bottom:24px}
@media(min-width:1500px){.hero-copy{left:calc((100vw - 1240px)/2)}}
@media(min-width:761px) and (max-width:1100px){.header{padding:0 4%;gap:22px}.header nav{gap:20px}.hero-copy{left:4%;width:420px;padding:28px 30px}.hero-title{font-size:58px}.hero h1{font-size:27px}.facts-strip{margin-left:30px;margin-right:30px}.facts-strip strong{font-size:21px}.intro{gap:38px}.intro h2{font-size:33px}.split-copy{padding:32px}.split-copy h2{font-size:31px}.privacy{padding-left:42px;padding-right:42px}.arrival-copy{padding:28px}.arrival-copy h3{font-size:27px}.plan-row{padding:28px;gap:25px}.plan-thumb img{height:300px}.city-split{gap:35px}.city-split figure img{height:380px}.contact-grid{gap:40px}.project-details>div{grid-template-columns:120px 1fr;font-size:15px}}
@media(max-width:760px){body{font-size:17px;line-height:1.9}.wrap{padding-left:24px;padding-right:24px}.section{padding-top:58px;padding-bottom:58px}.header{height:64px;padding:0 20px}.header .brand{font-size:24px}.nav-contact{font-size:13px;min-height:40px;padding:9px 17px}.hero{height:auto;overflow:visible;display:flex;flex-direction:column-reverse}.hero-image{height:auto;max-height:none;object-fit:contain}.hero-copy{position:relative;top:auto;left:auto;width:auto;margin:0;border:0;background:#102f33;padding:32px 25px 42px;box-shadow:none}.hero h1{font-size:27px;margin-top:13px}.hero-title{font-size:49px;margin:19px 0;line-height:1.4}.hero-sub{font-size:17px}.hero-price{padding-top:17px;margin-top:22px}.hero-price strong{font-size:30px}.hero-note{font-size:13px}.hero-secondary{margin-top:17px;margin-left:0;font-size:15px}.hero-caption{font-size:11px;bottom:40px;right:12px}.facts-strip{margin:-22px 18px 0;padding:25px 7px;gap:23px 0;grid-template-columns:1fr 1fr}.facts-strip strong{font-size:20px;line-height:1.6}.facts-strip span{font-size:12px;margin-top:4px}.intro{display:block;padding-top:56px;padding-bottom:52px}.intro h2{font-size:31px;margin-bottom:23px;line-height:1.6}.intro .lead{font-size:18px}.intro-body>p:not(.lead){font-size:17px}.position-line{font-size:13px;gap:8px 18px}.split{padding:0 18px;display:block;margin-bottom:0}.split>img{height:auto;max-height:440px;object-fit:cover;box-shadow:0 10px 24px rgba(22,48,36,.1)}.split-copy{margin:-20px 12px 0;padding:27px 24px 29px;box-shadow:0 12px 30px rgba(26,45,32,.09)}.split-copy h2{font-size:30px}.split-copy>p:not(.eyebrow):not(.caption){font-size:17px}.caption,figcaption,.small{font-size:13px}.privacy{margin-top:56px;padding-left:25px;padding-right:25px;padding-top:53px;padding-bottom:50px}.privacy h2{font-size:31px}.privacy-grid{gap:24px;margin-top:30px}.privacy-grid>article+article{border-left:0;padding-left:0;border-top:1px solid #446459;padding-top:23px}.privacy .large-stat{font-size:50px;min-height:0;margin-bottom:14px}.privacy .large-stat.words{font-size:34px}.privacy-grid h3{font-size:22px}.privacy-foot{font-size:13px;margin-top:26px;padding-top:22px}.arrival-feature{display:block;margin-top:33px}.arrival-feature img{height:auto;max-height:340px}.arrival-copy{margin:-18px 10px 0;padding:26px 24px}.arrival-copy h3{font-size:26px}.arrival-copy>p:not(.eyebrow){font-size:16px}.arrival-copy .text-link{font-size:14px}.arrival-feature figcaption{bottom:auto;top:10px;left:10px;font-size:11px}.panorama{display:block}.panorama>img{height:310px;object-position:center}.panorama-copy{position:relative;top:auto;left:auto;bottom:auto;width:auto;margin:-30px 25px 0;padding:28px 25px;z-index:1}.panorama-copy h2{font-size:29px}.panorama-copy p:not(.eyebrow){font-size:16px}.panorama-caption{position:relative;bottom:auto;right:auto;margin:0;padding:13px 25px;font-size:11px;line-height:1.7;background:#183a3e}
.plan-row{display:flex;flex-direction:column;padding:25px 22px;gap:25px;margin:26px 0}.plan-copy h3{font-size:38px}.plan-copy h4{font-size:19px}.plan-beds{font-size:22px}.plan-thumb{padding:12px}.plan-thumb img{height:300px}.plan-actions{gap:10px}.outline{font-size:14px;padding:9px 12px}.price.section{padding-top:54px;padding-bottom:54px}.price-layout{gap:27px}.price-detail{padding:26px 24px}.price-number{font-size:35px}.price-detail>p:not(.price-number){font-size:15px}.price-detail .small{font-size:13px}.price-detail .button{width:100%;font-size:14px}.facilities{margin-top:55px}.facilities>img{height:auto;max-height:440px}.facilities .split-copy{margin:-20px 12px 0}.city-split{grid-template-columns:1fr;gap:26px}.city-split h3{font-size:29px}.city-split figure{padding:8px}.city-split figure img{height:280px}.city-lower{gap:28px}.city-lower h3{font-size:24px}.masterplan{padding:12px;margin-top:30px}.routes{gap:22px}.routes article{padding:23px}.distance-grid strong{font-size:29px}.distance-grid span{font-size:13px}.amenities article{padding:24px}.amenities h3{font-size:24px}.scenario-grid{gap:26px}.scenario-grid h3{font-size:23px}.details-section{margin:0 18px 45px;padding:32px 22px}.details-section h2{font-size:29px}.project-details{margin-top:24px}.project-details>div{grid-template-columns:108px minmax(0,1fr);font-size:14px;padding:16px 0}.project-details dd{overflow-wrap:anywhere}.faq details{padding:10px 15px;margin:11px 0}.faq summary{font-size:16px}.faq details p{font-size:16px}.contact.section{padding-top:42px;padding-bottom:42px}.contact-grid{gap:28px}.contact-options{padding:21px 22px}.contact-options select{font-size:16px}.contact-options label{font-size:14px}.contact .small{font-size:12px}.footer{padding-top:23px;padding-bottom:calc(84px + env(safe-area-inset-bottom));gap:12px}.footer>.small{font-size:11px}.mobile-bar{box-shadow:0 -4px 22px rgba(14,37,28,.10)}.mobile-bar .button{border-radius:3px}}
@media(max-width:370px){.wrap{padding-left:20px;padding-right:20px}.hero-copy{padding-left:22px;padding-right:22px}.hero-title{font-size:44px}.hero h1{font-size:25px}.facts-strip strong{font-size:18px}.facts-strip span{font-size:11px}.intro h2{font-size:28px}.split-copy{padding:24px 20px}.privacy{padding-left:22px;padding-right:22px}.privacy h2{font-size:25px}.arrival-copy{padding:23px 20px}.plan-row{padding:23px 19px}.price-detail{padding:24px 20px}.price-number{font-size:32px}.project-details>div{grid-template-columns:96px minmax(0,1fr)}.contact-options{padding:20px}.panorama-copy{margin-left:20px;margin-right:20px;padding:25px 22px}}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}
/* Keep the seafront composition visible in the first mobile screen. */
@media(max-width:760px){.hero-copy{padding:26px 25px 30px}.hero-copy .eyebrow{font-size:10px;letter-spacing:.08em}.hero h1{font-size:26px;margin-top:12px}.hero-title{font-size:45px;line-height:1.35;margin:17px 0}.hero-sub{font-size:16px}.hero-price{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px}.hero-price span{font-size:9px;line-height:1.6;letter-spacing:.08em;max-width:80px}.hero-price strong{font-size:28px;line-height:1.5;margin-top:0;white-space:nowrap}.hero-note{font-size:12px;margin:6px 0 17px}.hero-secondary{display:none}}
@media(max-width:370px){.hero-copy{padding-left:22px;padding-right:22px}.hero h1{font-size:24px}.hero-title{font-size:42px}.hero-price{gap:9px}.hero-price span{max-width:70px;font-size:8px}.hero-price strong{font-size:25px}}

/* Project-only language navigation and translated text wrapping. */
.language-switch{color:var(--green);font-size:14px;font-weight:600;text-decoration:underline;white-space:nowrap;padding:10px 4px}
.parent-return{font-size:14px}
html[lang="en-MY"] .hero-title{font-family:Georgia,serif;font-size:38px;line-height:1.3;margin:20px 0}
html[lang="en-MY"] .hero-copy{top:40px;padding-top:28px;padding-bottom:28px}
html[lang="en-MY"] .hero h1{font-size:28px}
html[lang="en-MY"] .hero-price strong{font-size:28px}
html[lang="en-MY"] .price-number span{margin-left:8px}
html[lang="en-MY"] .facts-strip strong{font-size:19px}
@media(min-width:761px) and (max-width:1100px){html[lang="en-MY"] .hero-price strong{font-size:26px}}
@media(max-width:1100px){.header{gap:16px}.header nav{gap:16px}}
@media(max-width:760px){.header{gap:12px}.language-switch{margin-left:auto}.header .nav-contact{margin-left:0}html[lang="en-MY"] .hero-copy{top:auto}html[lang="en-MY"] .hero-title{font-size:36px}html[lang="en-MY"] .hero-price strong{font-size:23px;white-space:normal}}
@media(max-width:370px){.header{padding-inline:14px;gap:8px}.header .brand{font-size:22px}.header .nav-contact{padding-inline:10px}html[lang="en-MY"] .hero-title{font-size:36px}}
@media(max-width:760px){.price-layout{grid-template-columns:minmax(0,1fr)}.price-detail{min-width:0}.price-number{overflow-wrap:anywhere}}