/* Measured target: 736 x 2135 reference. Desktop geometry scales from that canvas. */
body{container-type:inline-size;--u:calc(100cqw / 736);background:#faf7ef}h1,h2,h3{font-weight:700}h2{letter-spacing:0}html:lang(zh-Hant) h1{font-weight:700}.wrap{width:calc(100% - 80 * var(--u));max-width:none}.masthead{background:transparent;border:0}.masthead>.wrap{height:calc(70 * var(--u));width:calc(100% - 128 * var(--u));gap:calc(24 * var(--u))}.brand{font-size:calc(18 * var(--u));letter-spacing:.18em;line-height:1.2}.brand small{font-size:calc(9 * var(--u));letter-spacing:.3em}.brand-location{display:block;font-size:calc(6.7 * var(--u));font-weight:500;letter-spacing:.18em;margin-top:calc(6 * var(--u))}.main-nav{font-size:calc(9.2 * var(--u));gap:calc(25 * var(--u));font-weight:500}.language{font-size:calc(9 * var(--u));padding-left:calc(13 * var(--u));border-color:#073e4740}.hero-image{filter:saturate(1.16) brightness(1.02);object-position:center center}#overview{height:calc(375 * var(--u));min-height:0;max-height:none}#overview:after{background:linear-gradient(90deg,#00343de6 0%,#00343db0 25%,#00343d24 59%,transparent 80%),linear-gradient(0deg,#00343d55,transparent 55%)}.hero-copy{width:calc(100% - 80 * var(--u));padding-top:calc(112 * var(--u))}.hero-copy .eyebrow{font-size:calc(8 * var(--u));letter-spacing:.2em;margin:0 0 calc(4 * var(--u));color:#dfc88d}.hero-copy .eyebrow:after{display:none}.hero-identity{font:500 calc(15 * var(--u))/1.5 var(--title);letter-spacing:.13em}.hero-identity small{display:block;font:500 calc(6.5 * var(--u))/1.5 var(--body);letter-spacing:.35em;margin-top:calc(2 * var(--u))}h1,html:lang(zh-Hant) h1{font-size:calc(43 * var(--u));line-height:1.22;letter-spacing:.01em;margin-top:calc(15 * var(--u));max-width:none}html:lang(en-MY) h1{font-size:calc(49 * var(--u));line-height:1.02;max-width:calc(500 * var(--u))}.hero-caption{margin-top:calc(9 * var(--u));font-size:calc(13 * var(--u));line-height:1.4;max-width:none}.hero-actions{margin-top:calc(12 * var(--u));gap:calc(14 * var(--u))}.hero-actions a,.hero-actions button{font-size:calc(10.5 * var(--u));min-height:calc(34 * var(--u));padding:calc(9 * var(--u)) calc(20 * var(--u));gap:calc(14 * var(--u));border-radius:calc(2 * var(--u))}.gold-button,#plan-original-link{background:linear-gradient(#edd9a6,#dfc486)}.facts{width:calc(100% - 80 * var(--u));height:calc(69 * var(--u));padding:0;gap:0;align-items:center}.fact{gap:calc(13 * var(--u));padding:0 calc(22 * var(--u));min-height:calc(30 * var(--u))}.fact>img{width:calc(27 * var(--u));height:calc(27 * var(--u))}.fact strong{font-size:calc(13 * var(--u));line-height:1.35}.fact small{font-size:calc(8.5 * var(--u));margin-top:calc(4 * var(--u));line-height:1.4}.eyebrow{font-size:calc(8 * var(--u));line-height:1.5;letter-spacing:.2em;margin-bottom:calc(7 * var(--u));color:#7f8b89}.eyebrow:after{width:calc(30 * var(--u));margin-left:calc(12 * var(--u))}h2{font-size:calc(31 * var(--u));line-height:1.3}.plans{padding:calc(24 * var(--u)) 0 calc(17 * var(--u))}.project-definition{font-size:calc(11.5 * var(--u));line-height:1.5;margin-top:calc(6 * var(--u));max-width:calc(430 * var(--u));color:#7b8583}.plan-stage{display:grid;grid-template-columns:1.54fr 1fr;gap:calc(22 * var(--u));margin-top:calc(15 * var(--u))}.plan-left{min-width:0}.plan-choices{margin:0 0 calc(9 * var(--u));gap:calc(6 * var(--u));max-width:none}.plan-choices button{font-size:calc(9 * var(--u));min-height:calc(26 * var(--u));padding:0;border-radius:calc(2 * var(--u))}.plan-paper{padding:calc(16 * var(--u));height:calc(304 * var(--u));overflow:hidden}.plan-paper img{height:calc(273 * var(--u));min-height:0;max-height:none;width:100%;object-fit:contain}.plan-paper figcaption{display:none}.plan-text{padding:calc(20 * var(--u)) calc(24 * var(--u));border-radius:calc(6 * var(--u));justify-content:flex-start;min-height:calc(344 * var(--u));gap:0}.plan-view{font-size:calc(10 * var(--u));line-height:1.4;margin:0 0 calc(6 * var(--u));color:#dccb91}#plan-type{font-size:calc(26 * var(--u));line-height:1.1;font-weight:500;white-space:nowrap}#plan-rooms{font-size:calc(13 * var(--u));line-height:1.3;margin:calc(8 * var(--u)) 0 calc(10 * var(--u))}.plan-text>p:nth-of-type(3){font-size:calc(10 * var(--u));line-height:1.65;padding:0 0 calc(10 * var(--u));border-bottom:1px solid #dfc88d77;opacity:.95}.plan-points{list-style:none;padding:0;margin:calc(9 * var(--u)) 0;display:grid;gap:calc(6 * var(--u))}.plan-points li{display:flex;gap:calc(10 * var(--u));align-items:center;font-size:calc(10 * var(--u));line-height:1.3}.plan-points img{width:calc(18 * var(--u));height:calc(18 * var(--u));filter:brightness(0) saturate(100%) invert(86%) sepia(20%) saturate(420%)}.plan-text #plan-original-link{font-size:calc(10 * var(--u));min-height:calc(29 * var(--u));padding:calc(6 * var(--u));margin-top:auto}.plan-links{margin-top:calc(6 * var(--u));gap:0}.plan-links button{font-size:calc(10 * var(--u));min-height:calc(29 * var(--u));padding:calc(6 * var(--u));width:100%;border-radius:2px}.plan-full-guide{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.plan-full-guide:focus{position:static;clip-path:none;width:auto;height:auto}.facility-grid{min-height:calc(213 * var(--u));height:calc(213 * var(--u));grid-template-columns:1.57fr 1fr}.facility-copy{padding:0 calc(25 * var(--u)) 0 0}.facility-copy h2{font-size:calc(31 * var(--u));line-height:1.3;letter-spacing:.01em}.facility-copy h2 span{display:block}.facility-copy p{font-size:calc(10.5 * var(--u));line-height:1.6;margin-top:calc(13 * var(--u));max-width:calc(210 * var(--u))}.facility-grid:after{background:linear-gradient(90deg,transparent 40%,#003640dc 70%,#003640 100%)}.facility-photos img{object-position:center 48%;filter:saturate(1.12) brightness(1.04)}.facility-photos figcaption{top:calc(26 * var(--u));right:calc(28 * var(--u));font-size:calc(8 * var(--u))}.photo-tabs{left:calc(24 * var(--u));bottom:calc(9 * var(--u));gap:calc(6 * var(--u));opacity:0;transition:opacity .2s}.facility-photos:hover .photo-tabs,.photo-tabs:focus-within{opacity:1}.photo-tabs button{font-size:calc(8 * var(--u));padding:calc(4 * var(--u)) calc(9 * var(--u))}.facility-list{height:calc(69 * var(--u));padding:calc(13 * var(--u)) calc(24 * var(--u));gap:0;align-items:center}.facility-list li{font-size:calc(9 * var(--u));gap:calc(10 * var(--u));padding:0 calc(10 * var(--u));font-weight:500;line-height:1.4}.facility-list img{width:calc(25 * var(--u));height:calc(25 * var(--u));flex-basis:calc(25 * var(--u))}.facility-list small{display:block;color:#8c9390;font-size:calc(7 * var(--u));font-weight:400;margin-top:calc(4 * var(--u))}.nearby{padding:calc(20 * var(--u)) 0 calc(10 * var(--u));background:#f5f0e4}.nearby>.wrap{width:calc(100% - 40 * var(--u))}.nearby-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:calc(20 * var(--u));align-items:center;padding:0 calc(20 * var(--u));margin-bottom:calc(15 * var(--u))}.nearby-heading h2{font-size:calc(29 * var(--u));margin:0;white-space:nowrap}.nearby-heading>p{font-size:calc(9 * var(--u));line-height:1.7;color:#8a8e87}.nearby-heading .eyebrow{font-size:calc(7 * var(--u))}.cafe-feature{min-height:0;height:calc(163 * var(--u));margin-bottom:calc(10 * var(--u))}.cafe-feature .caption{padding:calc(16 * var(--u)) calc(20 * var(--u))}.cafe-feature h3{font-size:calc(18 * var(--u));font-weight:500}.cafe-feature .place-use{font-size:calc(10 * var(--u));line-height:1.4;margin-top:calc(5 * var(--u))}.cafe-feature .map-link{padding:calc(8 * var(--u));background:#ffffff28;border:1px solid #ffffff30;font-size:calc(8 * var(--u))}.cafe-feature:after{inset:45% 0 0;background:linear-gradient(0deg,#00343deb,transparent)}.grid{gap:calc(12 * var(--u))}.place img{height:calc(112 * var(--u))}.cafe-feature .photo img{height:100%}.caption{padding:calc(10 * var(--u)) calc(10 * var(--u)) calc(8 * var(--u))}.place h3{font-size:calc(13.5 * var(--u));font-weight:700;line-height:1.35}.place-heading{gap:calc(9 * var(--u));align-items:center}.place-use{font-size:calc(7.5 * var(--u));line-height:1.5;margin-top:calc(5 * var(--u))}.map-link{font-size:calc(7 * var(--u));padding:calc(4 * var(--u)) 0}.nearby-next{justify-content:center;margin-top:calc(5 * var(--u))}.nearby-next button{font-size:calc(9 * var(--u));min-height:calc(24 * var(--u));padding:calc(4 * var(--u)) calc(30 * var(--u));gap:calc(13 * var(--u))}.more-places{margin-top:calc(5 * var(--u));border:0;text-align:center;font-size:calc(7 * var(--u))}.more-places>summary{padding:calc(4 * var(--u));list-style:none;cursor:pointer;color:#687b77}.more-places>summary:after{content:' +';color:var(--ink)}.directory{text-align:left;padding:calc(12 * var(--u));gap:calc(20 * var(--u))}.directory h3{font-size:calc(18 * var(--u))}.directory a{font-size:calc(10 * var(--u))}.location-guide{font-size:calc(10 * var(--u));display:block;text-align:center;padding:calc(8 * var(--u))}
.closing{background:#003640}.closing:before{background:linear-gradient(90deg,#003b43e8,#003b4355),url('/waterstone-residence/assets/closing-ocean-palm.webp') center/cover}.faq{padding:calc(18 * var(--u)) 0 calc(7 * var(--u))}.faq .eyebrow{font-size:calc(8 * var(--u));margin-bottom:calc(3 * var(--u))}.faq h2{font-size:calc(29 * var(--u));margin-bottom:calc(10 * var(--u))}.faq-list{gap:calc(5 * var(--u)) calc(16 * var(--u))}.faq-list summary{font-size:calc(10 * var(--u));min-height:calc(28 * var(--u));padding:calc(5 * var(--u)) calc(13 * var(--u));line-height:1.4}.faq-list summary:after{font-size:calc(14 * var(--u))}.faq-list p{font-size:calc(10 * var(--u));padding:calc(6 * var(--u)) calc(13 * var(--u)) calc(12 * var(--u));line-height:1.7}.more-faq>summary{font-size:calc(7 * var(--u));color:#d2d9cf;cursor:pointer;text-align:right;list-style:none;padding-top:calc(6 * var(--u))}.more-faq>summary:after{content:' +';margin-left:5px}.more-faq .faq-list{margin-top:calc(8 * var(--u))}.project-facts{font-size:calc(10 * var(--u));margin-top:calc(10 * var(--u));line-height:1.7}.contact{padding:calc(8 * var(--u)) 0 calc(12 * var(--u))}.contact-grid{grid-template-columns:1fr 1.06fr;gap:calc(22 * var(--u))}.contact-intro .eyebrow{font-size:calc(8 * var(--u));margin:calc(6 * var(--u)) 0 calc(5 * var(--u))}.contact-intro h2{font-size:calc(26 * var(--u));line-height:1.35;margin-bottom:calc(9 * var(--u));letter-spacing:0}.contact-intro>p{font-size:calc(10 * var(--u));line-height:1.6;max-width:none}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:calc(6 * var(--u));margin-top:calc(14 * var(--u))}.quick-links a,.quick-links button{font-size:calc(10 * var(--u));min-height:calc(49 * var(--u));padding:calc(8 * var(--u)) calc(11 * var(--u));justify-content:flex-start;gap:calc(9 * var(--u));border-radius:calc(3 * var(--u))}.quick-links .direct-wa{background:#00bc78;grid-column:1;grid-row:1}.quick-links button{grid-column:2;grid-row:1}.quick-links a:nth-child(2){grid-column:1;grid-row:2;background:#00424a}.quick-links svg{width:calc(22 * var(--u));height:calc(22 * var(--u));fill:currentColor;flex-shrink:0}.quick-links button img{filter:brightness(0) invert(.9);width:calc(23 * var(--u));height:calc(23 * var(--u));flex-shrink:0}.quick-links small{font-size:calc(7 * var(--u));display:block;opacity:.8;line-height:1.4;margin-top:calc(3 * var(--u))}.advisor{display:none}.enquiry{padding:calc(11 * var(--u)) calc(14 * var(--u));border-radius:calc(4 * var(--u))}.enquiry h3{font-size:calc(13 * var(--u));line-height:1.3;margin:0 0 calc(3 * var(--u))}.form-intro{font-size:calc(8.5 * var(--u));color:#6a7b77;line-height:1.4;margin-bottom:calc(7 * var(--u))}.form-grid{gap:calc(6 * var(--u)) calc(15 * var(--u))}.enquiry label>span{font-size:calc(8 * var(--u));line-height:1.3;margin-bottom:calc(3 * var(--u))}.enquiry select,.enquiry textarea{font-size:calc(8 * var(--u));padding:calc(3 * var(--u)) calc(5 * var(--u));min-height:calc(20 * var(--u));height:calc(20 * var(--u));border-color:#cdd4d0}.enquiry textarea{height:calc(39 * var(--u));min-height:calc(39 * var(--u));resize:vertical}.enquiry button{min-height:calc(30 * var(--u));font-size:calc(9 * var(--u));margin-top:calc(7 * var(--u));padding:calc(7 * var(--u))}.contact-help{font-size:calc(6 * var(--u));margin-top:calc(4 * var(--u));line-height:1.4}.footer{padding:calc(12 * var(--u)) 0;min-height:calc(55 * var(--u))}.footer>.wrap{width:calc(100% - 60 * var(--u));display:grid;grid-template-columns:1.05fr 1.9fr 1fr;gap:calc(20 * var(--u));align-items:center}.footer-brand{font-size:calc(9 * var(--u));font-weight:700;letter-spacing:.13em;text-decoration:none;line-height:1.5;white-space:nowrap}.footer-brand small{font-size:calc(6 * var(--u));letter-spacing:.14em;display:block}.advisor-note{font-size:calc(6.3 * var(--u));line-height:1.6;border-left:1px solid #073e4720;padding-left:calc(14 * var(--u))}.footer-guides{font-size:calc(8 * var(--u));position:relative;text-align:right}.footer-guides summary{cursor:pointer;list-style:none}.footer-guides nav{position:absolute;bottom:100%;right:0;width:calc(220 * var(--u));padding:calc(14 * var(--u));background:var(--cream);box-shadow:0 5px 25px #00343d33;display:grid;gap:calc(9 * var(--u));text-align:left;z-index:40;font-size:calc(9 * var(--u))}.contact-rail{right:0;top:calc(150 * var(--u));padding:calc(12 * var(--u)) calc(7 * var(--u));gap:calc(10 * var(--u));border-radius:calc(5 * var(--u)) 0 0 calc(5 * var(--u));background:#003b43;color:white;border-color:#ffffff25;box-shadow:none}.contact-rail small{writing-mode:initial;text-align:center;font-size:calc(8 * var(--u));letter-spacing:0;line-height:1.35;max-width:calc(28 * var(--u));margin:0}.contact-rail a{height:calc(25 * var(--u));width:calc(25 * var(--u))}.contact-rail svg{height:calc(18 * var(--u));width:calc(18 * var(--u))}
@media(max-width:800px){body{--u:1px}.masthead>.wrap{width:calc(100% - 40px);height:70px;gap:14px}.main-nav{display:none}.brand{font-size:18px}.brand small{font-size:9px}.brand-location{font-size:6px}.language{font-size:11px;padding-left:12px}.mobile-menu{font-size:12px}.mobile-menu nav{top:70px}.hero-copy{width:calc(100% - 40px);padding-top:145px}.hero-copy .eyebrow{font-size:9px}.hero-identity{font-size:17px}.hero-identity small{font-size:7px}#overview{height:600px}.hero-image{object-position:58% center}#overview:after{background:linear-gradient(90deg,#00343dd9,#00343d50 80%,#00343d20),linear-gradient(0deg,#00343d50,transparent)}h1,html:lang(zh-Hant) h1{font-size:clamp(27px,6vw,42px);line-height:1.4;letter-spacing:0;margin-top:18px}html:lang(en-MY) h1{font-size:clamp(48px,8vw,64px);line-height:1.02;max-width:600px}.hero-caption{font-size:13px;max-width:450px;margin-top:15px}.hero-actions{margin-top:20px;gap:10px}.hero-actions a,.hero-actions button{font-size:11px;min-height:43px;padding:12px 14px}.facts{height:auto;min-height:140px;width:calc(100% - 40px);grid-template-columns:1fr 1fr;gap:18px 10px;padding:20px 0}.fact{padding:0 0 0 10px;gap:10px}.fact>img{width:25px;height:25px}.fact strong{font-size:13px}.fact small{font-size:9px}.wrap{width:calc(100% - 40px)}.plans{padding:32px 0 28px}.eyebrow{font-size:9px;margin-bottom:8px}h2{font-size:32px;line-height:1.3}.project-definition{font-size:13px;line-height:1.7;max-width:600px;margin-top:10px}.plan-stage{gap:18px;margin-top:20px;grid-template-columns:1.25fr 1fr}.plan-choices{gap:5px;margin-bottom:10px}.plan-choices button{min-height:36px;font-size:11px}.plan-paper{height:360px;padding:15px}.plan-paper img{height:330px}.plan-text{padding:23px 20px;min-height:405px}.plan-view{font-size:11px;margin-bottom:8px}#plan-type{font-size:29px}#plan-rooms{font-size:14px;margin:10px 0 13px}.plan-text>p:nth-of-type(3){font-size:12px;line-height:1.7;padding-bottom:13px}.plan-points{gap:9px;margin:15px 0}.plan-points li{font-size:11px;gap:10px;line-height:1.4}.plan-points img{width:21px;height:21px}.plan-text #plan-original-link,.plan-links button{font-size:12px;min-height:41px;padding:10px}.plan-links{margin-top:8px}.facility-grid{height:330px;min-height:330px;grid-template-columns:1.1fr 1fr}.facility-copy{padding-right:25px}.facility-copy h2{font-size:33px}.facility-copy p{font-size:12px;max-width:280px;line-height:1.7;margin-top:16px}.facility-photos figcaption{font-size:9px;top:20px;right:20px}.photo-tabs{opacity:1;left:20px;bottom:16px;gap:6px}.photo-tabs button{font-size:10px;padding:7px 10px}.facility-list{height:auto;min-height:120px;grid-template-columns:repeat(3,1fr);padding:22px 20px;gap:20px 10px}.facility-list li{font-size:11px;gap:10px;padding:0;border:0}.facility-list img{width:28px;height:28px;flex-basis:28px}.facility-list small{font-size:8px;margin-top:4px}.nearby{padding:30px 0 24px}.nearby>.wrap{width:calc(100% - 40px)}.nearby-heading{display:block;padding:0;margin-bottom:18px}.nearby-heading h2{font-size:31px;white-space:normal}.nearby-heading .eyebrow{font-size:9px}.nearby-heading p{font-size:12px;line-height:1.7;margin-top:10px}.cafe-feature{height:300px;margin-bottom:15px}.cafe-feature .caption{padding:22px}.cafe-feature h3{font-size:29px;line-height:1.2}.cafe-feature .place-use{font-size:12px;line-height:1.7;margin-top:8px}.cafe-feature .map-link{font-size:11px;padding:10px}.grid{gap:13px}.place img{height:160px}.caption{padding:15px 12px}.place h3{font-size:20px}.place-use{font-size:11px;line-height:1.6;margin-top:7px}.map-link{font-size:10px;padding:8px 0}.nearby-next{margin-top:16px}.nearby-next button{min-height:42px;font-size:12px;padding:12px 22px}.more-places{font-size:10px;margin-top:12px}.more-places>summary{padding:8px}.directory{gap:20px;padding:15px}.directory h3{font-size:22px}.directory a,.location-guide{font-size:12px}.faq{padding:30px 0 10px}.faq .eyebrow{font-size:9px;margin-bottom:5px}.faq h2{font-size:31px;margin-bottom:15px}.faq-list{gap:8px 15px}.faq-list summary{font-size:12px;min-height:44px;line-height:1.5;padding:12px}.faq-list summary:after{font-size:16px}.faq-list p{font-size:12px;line-height:1.8;padding:0 12px 15px}.more-faq>summary{font-size:10px;padding-top:12px}.project-facts{font-size:12px;line-height:1.8;margin-top:15px}.contact{padding:20px 0 35px}.contact-grid{grid-template-columns:1fr;gap:25px}.contact-intro .eyebrow{font-size:9px;margin:0 0 8px}.contact-intro h2{font-size:32px;margin-bottom:13px}.contact-intro>p{font-size:13px;line-height:1.8}.quick-links{max-width:600px;gap:9px;margin-top:20px}.quick-links a,.quick-links button{min-height:65px;font-size:12px;padding:12px;gap:10px}.quick-links small{font-size:9px;line-height:1.4;margin-top:4px}.quick-links svg,.quick-links button img{width:25px;height:25px}.enquiry{padding:24px}.enquiry h3{font-size:24px;margin-bottom:6px}.form-intro{font-size:12px;line-height:1.7;margin-bottom:18px}.form-grid{gap:15px}.enquiry label>span{font-size:12px;margin-bottom:7px}.enquiry select,.enquiry textarea{height:42px;min-height:42px;padding:8px;font-size:12px}.enquiry textarea{height:85px;min-height:85px}.enquiry button{min-height:44px;font-size:12px;margin-top:17px;padding:12px}.contact-help{font-size:10px;margin-top:9px}.footer{min-height:80px;padding:25px 0 95px}.footer>.wrap{width:calc(100% - 40px);grid-template-columns:1fr;gap:16px}.footer-brand{font-size:13px}.footer-brand small{font-size:9px}.advisor-note{font-size:10px;border:0;padding:0}.footer-guides{font-size:12px;text-align:left}.footer-guides nav{font-size:12px;width:270px;gap:12px;padding:18px;left:0;right:auto}.contact-rail{display:none}}
@media(max-width:600px){#overview{height:590px}.hero-copy{padding-top:145px}.hero-identity{font-size:15px}.hero-caption{max-width:320px}.hero-actions{max-width:350px}.plans h2,html:lang(zh-Hant) .plans h2{font-size:27px}.plan-stage{display:flex;flex-direction:column;gap:0}.plan-left{width:100%}.plan-choices button{font-size:11px}.plan-paper{height:auto;min-height:280px;padding:20px}.plan-paper img{height:auto;min-height:220px;max-height:380px}.plan-text{min-height:0;border-radius:0 0 5px 5px;padding:24px}.plan-points{grid-template-columns:1fr 1fr;gap:15px}.plan-points li{align-items:start;font-size:10px;gap:8px}.plan-points img{width:20px;height:20px}.plan-text #plan-original-link{margin-top:8px}.facility-grid{height:430px;min-height:430px}.facility-copy{position:absolute;left:20px;bottom:75px;padding:0;width:calc(100% - 40px)}.facility-copy h2,html:lang(zh-Hant) .facility-copy h2{font-size:31px}.facility-copy p{max-width:300px;font-size:12px}.facility-grid:after{background:linear-gradient(0deg,#003b43 0%,#003b43de 27%,#003b4325 70%,transparent)}.facility-list{grid-template-columns:1fr 1fr;gap:23px 12px;padding:23px 20px}.facility-list li{font-size:10px}.facility-list small{font-size:8px}.nearby-heading h2,html:lang(zh-Hant) .nearby-heading h2{font-size:27px}.cafe-feature{height:320px}.cafe-feature h3{font-size:25px;max-width:240px}.cafe-feature .caption{padding:20px}.cafe-feature .place-use{max-width:100%;font-size:11px}.grid{grid-template-columns:1fr;gap:15px}.place img{height:210px}.cafe-feature .photo img{height:100%}.caption{padding:17px}.place h3{font-size:24px}.place-use{font-size:12px}.map-link{font-size:11px;padding:10px 0}.nearby-next button{width:100%}.faq-list{grid-template-columns:1fr}.faq h2,html:lang(zh-Hant) .faq h2{font-size:27px}.contact-intro h2,html:lang(zh-Hant) .contact-intro h2{font-size:28px}.quick-links a,.quick-links button{font-size:11px;padding:11px;gap:8px}.quick-links small{font-size:8px}.quick-links svg,.quick-links button img{width:22px;height:22px}.enquiry{padding:22px 18px}.enquiry h3{font-size:23px}.form-grid{gap:13px}.enquiry label>span{font-size:11px}.enquiry select{font-size:11px;padding:6px}.form-intro{font-size:11px}.directory{grid-template-columns:1fr}}

/* Iteration 2: corrections grounded in the side-by-side comparison. */
@media(min-width:801px){
#overview:after{top:calc(65 * var(--u));mask-image:linear-gradient(0deg,#000 78%,transparent)}
.facility-grid{width:100%;margin:0}.facility-list{width:100%;margin:0}
#plans .plan-text>p:not(.plan-view):not(#plan-rooms){font-size:calc(11 * var(--u));line-height:1.65;opacity:.95}
.plan-text{min-height:calc(344 * var(--u));padding-top:calc(18 * var(--u));padding-bottom:calc(14 * var(--u))}.plan-points{gap:calc(5 * var(--u));margin:calc(8 * var(--u)) 0}
#plans .plan-paper img{transform:scale(1.14)}
.nearby .cafe-feature h3{font-size:calc(18 * var(--u));font-weight:500}
.nearby>.wrap{position:relative}.more-places:not([open]){position:absolute;right:0;bottom:0;margin:0;max-width:calc(170 * var(--u))}.more-places>summary{font-size:calc(6 * var(--u));padding:calc(6 * var(--u)) 0}
.contact-intro h2{font-size:calc(24.5 * var(--u))}
#faq>.wrap{position:relative}.more-faq:not([open]){position:absolute;right:0;bottom:calc(-10 * var(--u));max-width:calc(200 * var(--u))}.more-faq>summary{font-size:calc(6 * var(--u));padding-top:calc(3 * var(--u))}
.footer>.wrap{grid-template-columns:1fr 1.6fr 1.3fr}.footer-mini{display:flex!important;flex-wrap:nowrap!important;gap:calc(8 * var(--u))!important;font-size:calc(7 * var(--u));justify-content:flex-end;white-space:nowrap}.footer-guides{font-size:calc(5.5 * var(--u));margin-top:calc(4 * var(--u))}.footer-guides nav{display:grid!important}
}
html:lang(en-MY) h1,html:lang(en-MY) h2,html:lang(en-MY) h3{font-weight:600}
.footer-mini{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;margin-bottom:5px}

:root{--ink:#003d4a;--deep:#012b36;--cream:#fcf9f2;--gold:#e5ce97}
.plan-text{background:linear-gradient(115deg,#033d4a,#003743 65%,#012b36)}.fact-band{background:#003542}
.quick-links>*{min-width:0}.quick-links span{min-width:0}
@media(min-width:801px){.plans{padding-bottom:calc(10 * var(--u))}.project-definition{line-height:1.45}.contact{padding-top:calc(6 * var(--u));padding-bottom:calc(8 * var(--u))}.enquiry{padding-top:calc(10 * var(--u));padding-bottom:calc(9 * var(--u))}.contact-help{margin-top:calc(3 * var(--u))}.faq{padding-bottom:calc(5 * var(--u))}}
@media(max-width:600px){html:lang(zh-Hant) h1{font-size:clamp(25px,6vw,40px)}.more-faq>summary{min-height:44px}.more-places>summary{min-height:40px}}

/* User approved vivid presentation of the genuine photos. Original scene bytes stay untouched. */
.hero-image{filter:url("#waterstone-daylight") saturate(1.52) contrast(1.13) brightness(1.025)}
.facility-photos img{filter:saturate(1.30) brightness(1.075) contrast(1.045)}
.nearby .cafe-feature .photo img{filter:saturate(1.40) brightness(1.10) contrast(1.04)}
.nearby .grid .place img{filter:saturate(1.16) brightness(1.055) contrast(1.035)}

@media(min-width:801px){#plans .plan-paper{padding:calc(8 * var(--u))}#plans .plan-paper img{height:calc(288 * var(--u));transform:none}}



/* Approved finishing pass: softly lift white hero lettering off the photograph. */
#overview h1{text-shadow:0 calc(1 * var(--u)) calc(1.5 * var(--u)) rgba(0,27,36,.42),0 calc(3 * var(--u)) calc(8 * var(--u)) rgba(0,24,33,.48)}
.hero-identity,.hero-caption,.hero-copy .eyebrow{text-shadow:0 1px 4px rgba(0,24,33,.55)}

/* Danny: brighter photograph, separate Livora hub identity, precise facility names. */
.facility-grid:after{pointer-events:none}
.masthead{background:#faf7ef;border-bottom:1px solid #073e4718}
.masthead .brand{font-family:var(--body);font-size:clamp(13px,calc(16 * var(--u)),24px);letter-spacing:.13em;white-space:nowrap}
.masthead .brand small{font-size:clamp(8px,calc(7 * var(--u)),11px);letter-spacing:.08em;margin-top:5px}
#overview:after{background:linear-gradient(90deg,rgba(0,40,49,.58) 0%,rgba(0,40,49,.34) 29%,rgba(0,40,49,.06) 53%,transparent 68%)}
.hero-image{filter:url("#waterstone-daylight") saturate(1.32) contrast(1.06) brightness(1.06)}
@media(max-width:800px){#overview:after{background:linear-gradient(90deg,rgba(0,40,49,.56),rgba(0,40,49,.22) 62%,transparent)}.masthead .brand{font-size:14px}.masthead .brand small{font-size:8px}}

/* Local review only: match reference hierarchy; preserve bright original photo. */
#overview:after{background:linear-gradient(90deg,rgba(0,35,43,.84) 0%,rgba(0,35,43,.75) 35%,rgba(0,35,43,.50) 55%,rgba(0,35,43,.14) 68%,transparent 80%)}
.hero-copy{padding-top:calc(112 * var(--u));isolation:isolate}
#overview h1{color:#fff;text-shadow:0 2px 2px rgba(0,17,24,.65),0 5px 16px rgba(0,18,25,.48);font-weight:700;line-height:1.18;letter-spacing:.025em}
.hero-identity{color:#fff;letter-spacing:.16em}
.hero-identity small{color:#e8eee9;letter-spacing:.27em}
.hero-caption{color:#fff;font-weight:500;text-shadow:0 1px 3px #001c26,0 2px 9px #001c26}
.hero-actions .outline-light{background:#00333d70;border-color:#d4dfdfb0;color:#fff}
@media(max-width:800px){#overview:after{background:linear-gradient(90deg,rgba(0,35,43,.84),rgba(0,35,43,.66) 56%,rgba(0,35,43,.12))}.hero-copy{padding-top:145px}#overview h1{line-height:1.3;letter-spacing:.015em}}
@media(max-width:600px){html:lang(en-MY) #overview h1{font-size:clamp(34px,9.5vw,44px);letter-spacing:0}}