:root{--navy:#171717;--deep:#0b0b0b;--ink:#242424;--yellow:#ddc184;--gold:#92743c;--paper:#faf9f5;--muted:#646464;--line:#deded7;--white:#fff;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 Arial,'Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b28c42;outline-offset:5px}img{display:block;max-width:100%;width:100%}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--yellow);padding:14px}.skip:focus{top:10px}.topbar{background:var(--deep);color:#dadad4;font-size:13px;letter-spacing:1px}.topbar .wrap{display:flex;justify-content:space-between;padding-block:10px}.nav{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:110px}header{background:var(--paper);border-bottom:1px solid var(--line)}.brand{font-size:31px;font-weight:700;letter-spacing:-1.3px;line-height:1.15}.brand span{color:var(--gold)}.brand small{display:block;font-size:15px;font-weight:400;letter-spacing:4px;margin-top:3px}.navlinks{display:flex;align-items:center;gap:28px;font-size:16px}.navlinks a[aria-current=page]{color:var(--gold)}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:56px;padding:14px 25px;background:var(--yellow);color:var(--deep);border:1px solid var(--yellow);font-size:16px;font-weight:600;line-height:1.45;transition:background .2s,transform .2s}.button:hover{background:#e8cf99;transform:translateY(-2px)}.button.dark{background:var(--navy);border-color:var(--navy);color:var(--white)}.button.outline{background:transparent;border-color:#a2a2a2;color:inherit}.button.small{min-height:46px;padding:10px 18px;font-size:15px}.menu{display:none;background:transparent;border:1px solid var(--line);padding:10px 15px;font-size:16px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:2px;font-weight:600;color:var(--gold);line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(48px,5.5vw,76px);line-height:1.08;letter-spacing:-2.3px}h2{font-size:clamp(37px,3.7vw,52px);line-height:1.17;letter-spacing:-1.3px;margin-bottom:24px}h3{font-size:32px;line-height:1.25;letter-spacing:-.5px}.subtle{color:var(--muted)}.hero{background:var(--navy);color:white;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding-block:76px}.hero h1{margin:26px 0;font-size:clamp(52px,5.2vw,78px)}.hero h1 em{color:var(--yellow);font-style:normal}.hero .eyebrow{color:var(--yellow)}.hero .lead{color:#d5d5d0;font-size:20px;max-width:540px;margin-bottom:28px}.hero .chinese-line{font-size:23px;letter-spacing:3px;color:#e5e6df;margin-bottom:27px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-signature{border-top:1px solid #484848;padding-top:24px;margin-top:35px;display:flex;gap:30px;color:#ccccca;font-size:14px}.hero-signature b{display:block;color:white;font-weight:400;font-size:17px}.hero-visual{position:relative}.hero-visual img{aspect-ratio:1.15;object-fit:cover;object-position:65% center}.hero-project-caption{padding:22px 26px;border:1px solid #616161;border-top:0;display:flex;justify-content:space-between;gap:15px;align-items:center;background:#202020}.hero-project-caption strong{display:block;font:28px var(--serif);margin:6px 0}.hero-project-caption .eyebrow{font-size:12px}.hero-project-caption small{font-size:13px;color:#c6c6c2}.hero-project-caption a{font-size:25px}.hero-visual:before{content:'';position:absolute;right:-18px;top:-18px;bottom:18px;left:18px;border:1px solid #bb9b5b;z-index:0;pointer-events:none}.hero-visual>*{position:relative}.hero-search{background:#f0eee7;border-bottom:1px solid var(--line)}.searchbar{display:grid;grid-template-columns:1.45fr 1fr auto;gap:35px;padding:30px 0;color:var(--ink)}label{font-size:13px;font-weight:600;letter-spacing:1px;display:block;text-transform:uppercase}input,select{display:block;margin-top:9px;background:transparent;border:0;border-bottom:1px solid #b3b3b0;border-radius:0;width:100%;min-width:0;padding:11px 0;color:var(--ink);font-size:17px;line-height:1.5}select{padding-right:15px}.searchbar .button{align-self:end}.section{padding:90px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:38px}.section-head h2{margin:12px 0 0}.section-head p{margin:15px 0 0;max-width:590px}.text-link{display:inline-block;font-size:15px;font-weight:600;padding-bottom:5px;border-bottom:1px solid #aeaeaa;line-height:1.6}.collection-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #ccccc5;background:transparent;padding:11px 20px;color:var(--ink);font-size:16px;min-height:48px}.chip[aria-pressed=true],.chip.active{background:var(--navy);color:white;border-color:var(--navy)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.project-card{background:white;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.card-media{position:relative;overflow:hidden;display:block;aspect-ratio:1.6;background:#e8e7e0}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.project-card:hover .card-media img{transform:scale(1.025)}.image-caption{position:absolute;bottom:0;right:0;background:#171717ed;color:white;font-size:12px;padding:6px 10px}.card-placeholder{height:100%;padding:32px;color:#f1f1e9;background:var(--navy);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.card-placeholder:after{content:'';position:absolute;inset:18px;border:1px solid #a9905c66;pointer-events:none}.card-placeholder .initial{font:36px/1.15 var(--serif);color:var(--yellow)}.card-placeholder small{font-size:13px;letter-spacing:1px}.status-line{display:flex;justify-content:space-between;gap:12px;margin-bottom:17px;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.status{display:inline-flex;align-items:center;gap:8px}.status:before{content:'';width:6px;height:6px;background:var(--gold);border-radius:50%}.card-body{padding:29px 30px 0;flex:1}.location{font-size:14px;letter-spacing:.5px;color:var(--muted)}.card-body h3{font-size:34px;margin:12px 0 17px}.card-meta{font-size:16px;color:var(--muted);margin-bottom:22px}.card-price{border-top:1px solid var(--line);padding-top:21px;font-size:20px;font-weight:500}.card-price small{display:block;font-weight:400;color:var(--muted);font-size:14px;margin-top:5px}.card-actions{display:flex;justify-content:space-between;align-items:center;padding:22px 30px 28px;gap:16px}.compare-toggle{border:1px solid #c1c1bc;background:transparent;color:var(--ink);font-size:14px;padding:9px 14px;min-height:44px}.compare-toggle[aria-pressed=true]{background:var(--navy);color:white}.note{font-size:15px;color:var(--muted);line-height:1.7}.source-note{margin-top:28px;max-width:1000px}.area-section{background:#f0eee7;border-block:1px solid var(--line)}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.area-card{border-top:2px solid #b79a60;padding:24px 0;display:flex;flex-direction:column;min-height:185px}.area-card:hover h3{color:var(--gold)}.area-card .area-count{font-size:15px;color:var(--muted);margin-top:auto}.area-card h3{font-size:30px;margin:16px 0 25px}.area-card .arrow{float:right}.compare-promo{background:var(--navy);color:white;padding:44px;display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:40px}.compare-promo h2{font-size:39px;margin:12px 0}.compare-promo p{color:#cececa;margin-bottom:0;max-width:650px}.compare-promo .eyebrow{color:var(--yellow)}.team-section{display:grid;grid-template-columns:.9fr 1.3fr;gap:70px;align-items:start}.people{display:grid;grid-template-columns:1fr 1fr;gap:24px}.person{padding:32px;border:1px solid var(--line);background:white}.person .monogram{width:68px;height:68px;display:grid;place-items:center;background:var(--navy);color:var(--yellow);font:28px var(--serif);margin-bottom:27px}.person h3{margin:0 0 9px;font-size:35px}.person .role{font-size:14px;color:var(--muted);line-height:1.6}.person .ren{font-size:16px;margin:14px 0 25px}.person .button{width:100%;padding-inline:12px;gap:12px}.person .phone{font-size:16px;color:var(--muted);margin:17px 0 0}.contact-band{background:#dfc895;padding:60px 0}.contact-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-band h2{font-size:43px;margin-bottom:14px}.contact-band p{margin-bottom:0;font-size:18px}.contact-actions{display:flex;gap:12px;flex-shrink:0}footer{padding:60px 0 110px;background:var(--deep);color:#dcdcd6}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:65px}.footer-top p{font-size:16px;color:#bebebe;max-width:400px;margin-top:24px}.footer-column b{font-size:14px;letter-spacing:1px;display:block;margin-bottom:22px;color:var(--yellow)}.footer-column a{display:block;font-size:16px;margin-bottom:12px}.footer-bottom{border-top:1px solid #454545;margin-top:40px;padding-top:27px;font-size:12px;color:#bebebe}.footer-bottom p{margin-bottom:13px}.page-head{padding:55px 0 42px}.breadcrumb{font-size:15px;color:var(--muted);margin-bottom:35px}.page-head h1{font-size:clamp(45px,5.2vw,70px);margin:20px 0 25px}.page-head p{max-width:800px;color:var(--muted)}.notice{border-left:3px solid #b89a5b;background:#eeeadf;padding:18px 23px;font-size:15px;line-height:1.75}.directory-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:35px;align-items:start;padding-bottom:90px}.filter-panel{padding:26px;background:white;border:1px solid var(--line)}.filter-panel h3{font-size:28px;margin-bottom:26px}.filter-panel label{margin-bottom:24px}.filter-panel input,.filter-panel select{font-size:16px}.filter-panel .button{width:100%}.results-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px;font-size:16px}.results-toolbar label{display:flex;align-items:center;gap:16px}.results-toolbar select{width:auto;margin:0}.directory-layout .cards{gap:26px}.directory-layout .card-body{padding:23px 24px 0}.directory-layout .card-actions{padding:20px 24px 25px}.directory-layout .card-body h3{font-size:30px}.empty{text-align:center;border:1px solid var(--line);padding:50px 25px}.compare-bar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:16px 22px;border:1px solid #858585;box-shadow:0 10px 40px #00000033;z-index:30;display:flex;align-items:center;gap:22px;width:min(760px,calc(100% - 30px))}.compare-bar p{margin:0;font-size:16px;flex:1}.compare-bar small{display:block;font-size:14px;color:#ccccca}.plain-button{border:0;background:none;color:inherit;text-decoration:underline;font-size:15px;padding:10px}.comparison{overflow:auto;margin:35px 0 70px}.comparison table{border-collapse:collapse;width:100%;min-width:760px;background:white}.comparison th,.comparison td{padding:24px;text-align:left;border:1px solid var(--line);vertical-align:top;font-size:17px;min-width:190px}.comparison th{background:#f0eee7}.comparison thead a{font:30px var(--serif)}.comparison .plain-button{display:block;margin-top:20px;padding:0}.detail-top{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:end}.detail-top .detail-meta{border-left:1px solid var(--line);padding-left:35px;margin-bottom:20px}.detail-top .detail-meta b{font:35px var(--serif);display:block;margin:10px 0}.detail-banner{aspect-ratio:2;overflow:hidden;background:var(--navy)}.detail-banner img{height:100%;object-fit:cover}.detail-banner .card-placeholder{padding:50px}.detail-banner .initial{font-size:65px}.detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:65px}.detail-grid aside{background:#f0eee7;padding:34px;align-self:start}.detail-grid aside .button{width:100%;margin-bottom:12px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:35px 0}.facts div{border-bottom:1px solid var(--line);padding-bottom:20px}.facts dt{font-size:15px;color:var(--muted);margin-bottom:8px}.facts dd{margin:0;font-size:19px}.source-box{border:1px solid var(--line);background:white;padding:26px;margin-top:35px}.source-box p{margin:12px 0;font-size:16px}.detail-links{display:flex;gap:20px;align-items:center;margin-top:25px;flex-wrap:wrap}.detail-grid ul{padding-left:23px;font-size:18px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:24px 0}summary{cursor:pointer;font:28px var(--serif)}details p{padding-top:20px;color:var(--muted);font-size:18px;margin-bottom:0}.about-lead{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-panel{background:var(--navy);color:white;padding:50px}.about-panel .chinese{font-size:47px;letter-spacing:6px;color:var(--yellow);margin:30px 0}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.values article{border-top:1px solid var(--line);padding-top:24px}.values span{font-size:14px;color:var(--gold)}.values h3{margin:15px 0}.values p{font-size:18px;color:var(--muted)}.sources-table{border-collapse:collapse;width:100%;font-size:17px}.sources-table td,.sources-table th{text-align:left;border-bottom:1px solid var(--line);padding:18px 16px;vertical-align:top}.sources-table a{text-decoration:underline}.sources-wrap{overflow:auto}.sources-table th{white-space:nowrap;background:#f0eee7}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.navlinks{gap:20px;font-size:15px}.navlinks .button{padding:12px 18px}.hero-grid{gap:45px}.hero h1{font-size:61px}.team-section{grid-template-columns:1fr;gap:35px}.area-grid{grid-template-columns:repeat(2,1fr)}.contact-band .wrap{align-items:start;flex-direction:column}.directory-layout{grid-template-columns:230px minmax(0,1fr);gap:25px}.directory-layout .cards{grid-template-columns:1fr}.detail-grid{gap:35px}.topbar .wrap span:last-child{display:none}}@media(max-width:900px){.menu{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:153px;z-index:40;background:var(--paper);padding:28px 32px;border-bottom:1px solid var(--line)}.navlinks.open{display:flex;align-items:stretch;flex-direction:column;font-size:18px}.hero-grid{grid-template-columns:1fr;gap:45px;padding-block:55px}.hero h1{font-size:67px;max-width:680px}.hero .lead{max-width:650px}.hero-visual{max-width:720px}.hero-visual img{aspect-ratio:1.7;object-position:center}.searchbar{grid-template-columns:1fr 1fr;gap:25px}.searchbar .button{grid-column:1/-1;justify-self:start}.section{padding:65px 0}.section-head{align-items:start;flex-direction:column;gap:20px}.compare-promo{padding:35px;align-items:start;flex-direction:column}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-top>div:first-child{grid-column:1/-1}.detail-top,.detail-grid,.about-lead{grid-template-columns:1fr}.detail-top{gap:0}.detail-top .detail-meta{border:0;padding:0;margin-bottom:15px}.detail-banner{aspect-ratio:1.6}.about-lead{gap:35px}.values{grid-template-columns:1fr;gap:20px}.detail-grid aside{max-width:650px}.contact-actions{flex-wrap:wrap}}@media(max-width:640px){.wrap{width:calc(100% - 40px)}body{font-size:18px}.topbar{font-size:12px}.topbar .wrap{padding-block:9px}.nav{min-height:96px}.brand{font-size:28px}.brand small{font-size:14px}.navlinks{top:134px;padding:25px 20px}.hero-grid{padding:44px 0;gap:35px}.hero h1{font-size:52px;letter-spacing:-1.5px}.hero .lead{font-size:19px}.hero .chinese-line{font-size:21px;letter-spacing:2px}.hero-actions{gap:12px}.hero-signature{gap:22px;font-size:13px}.hero-signature b{font-size:16px}.hero-visual:before{right:-8px;top:-8px;bottom:8px;left:8px}.hero-project-caption{padding:20px}.hero-project-caption strong{font-size:27px}.searchbar{grid-template-columns:1fr;gap:20px;padding-block:26px}.searchbar .button{grid-column:auto;width:100%}.section{padding:55px 0}h2{font-size:38px}.cards,.people{grid-template-columns:1fr;gap:28px}.card-body{padding:26px 24px 0}.card-body h3{font-size:33px}.card-actions{padding:20px 24px 26px}.area-grid{gap:22px}.area-card{min-height:175px}.area-card h3{font-size:27px}.area-card .eyebrow{font-size:12px}.area-card .area-count{font-size:14px}.person{padding:30px}.contact-band h2{font-size:38px}.contact-band .wrap{gap:28px}.contact-actions{width:100%;flex-direction:column}.contact-actions .button{width:100%}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}.footer-top p{font-size:17px}.footer-column a{font-size:17px}.directory-layout{grid-template-columns:1fr}.filter-panel{padding:23px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.filter-panel h3,.filter-panel label:first-of-type,.filter-panel .note{grid-column:1/-1}.filter-panel label{margin:0}.filter-panel .button{align-self:end}.filter-panel select{font-size:16px}.results-toolbar{align-items:start;gap:15px;flex-direction:column}.page-head{padding-top:35px}.page-head h1{font-size:47px}.breadcrumb{font-size:14px}.compare-bar{gap:12px;padding:14px}.compare-bar p{font-size:14px}.compare-bar small{display:none}.compare-bar .button{padding-inline:14px;font-size:14px}.compare-bar .plain-button{padding:5px;font-size:14px}.facts{gap:20px}.facts dd{font-size:18px}.detail-grid aside{padding:28px}.detail-banner .initial{font-size:41px}.detail-banner .card-placeholder{padding:30px}.about-panel{padding:35px}.about-panel .chinese{font-size:38px}.notice{padding:17px 20px}.comparison th,.comparison td{font-size:16px;padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero-visual img{aspect-ratio:1.6;object-position:center}.card-media:has(img[src$="phoeniz.png"]),.card-media:has(img[src$="maba.webp"]){background:#ebeae5}.card-media img[src$="phoeniz.png"],.card-media img[src$="maba.webp"]{object-fit:contain}.detail-banner:has(img[src$="phoeniz.png"]),.detail-banner:has(img[src$="maba.webp"]){background:#ebeae5}.detail-banner img[src$="phoeniz.png"],.detail-banner img[src$="maba.webp"]{object-fit:contain}
.card-media img[src$="maba.webp"]{object-fit:cover;object-position:center 78%}.card-media img[src$="phoeniz.png"]{object-fit:cover;object-position:center 48%}

/* Supplied PropertyLau brand and team photography. */
.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0}.brand-emblem{width:51px;height:51px;object-fit:contain;flex-shrink:0}.brand-wordmark{display:block;color:inherit!important}.brand-wordmark>span{color:var(--gold)}.person .person-photo{width:154px;height:154px;border-radius:50%;object-fit:cover;margin:0 0 26px;border:1px solid #ded4bd;background:#fff}.team-brand-photo{margin:0;align-self:start}.team-brand-photo>img{width:100%;height:auto;border:1px solid #c9ae6d;border-radius:8px}.team-brand-photo figcaption{font-size:15px;color:var(--muted);margin-top:13px;letter-spacing:.5px}footer .brand-emblem{width:55px;height:55px}@media(max-width:640px){.brand{gap:10px}.brand-emblem{width:43px;height:43px}.person .person-photo{width:160px;height:160px}.team-brand-photo figcaption{font-size:14px}}

/* Welcome photo keeps both team members visible at every screen size. */
.hero-visual.team-welcome img{aspect-ratio:4/3;object-fit:contain;height:auto;background:#202020}.team-welcome .hero-project-caption{background:#202020}
/* Expanded project presentations */
.project-jump{position:sticky;top:0;z-index:20;background:#171717;color:#eee9de;border-bottom:1px solid #585044}.project-jump .wrap{display:flex;gap:30px;overflow:auto;padding-block:17px}.project-jump a{font-size:16px;white-space:nowrap}.project-jump a:hover{color:var(--yellow)}.project-section{padding:65px 0;border-bottom:1px solid var(--line);scroll-margin-top:78px}.project-section .reading{max-width:880px}.project-section h2{margin-top:13px}.project-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-highlight{border-top:2px solid #b79a60;padding-top:23px}.project-highlight h3{font-size:29px;margin-bottom:15px}.project-highlight p{color:var(--muted)}.project-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin:30px 0}.project-stat-grid div{padding:23px;border-right:1px solid var(--line)}.project-stat-grid div:last-child{border:0}.project-stat-grid b{display:block;font:32px var(--serif);margin-bottom:9px}.project-stat-grid span{font-size:15px;color:var(--muted)}.layout-plan{background:white;border:1px solid var(--line);padding:0;margin-top:20px}.layout-plan summary{padding:23px;font-size:27px}.layout-plan .plan-body{padding:0 25px 28px}.layout-plan img{max-height:690px;object-fit:contain;background:white}.layout-plan .note{padding-top:0}.layout-pills{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.layout-pills span{padding:10px 16px;border:1px solid var(--line);background:white;font-size:17px}.project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0}.project-gallery figure{margin:0}.project-gallery img{aspect-ratio:1.45;object-fit:cover}.project-gallery figcaption{font-size:16px;margin-top:12px;color:var(--muted)}.project-map{display:grid;grid-template-columns:1.3fr 1fr;gap:38px;align-items:start}.project-map figure{margin:0}.project-map img{border:1px solid var(--line);max-height:650px;object-fit:contain;background:white}.project-resource-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}.project-table{width:100%;border-collapse:collapse;font-size:17px}.project-table th,.project-table td{text-align:left;padding:17px;border-bottom:1px solid var(--line);vertical-align:top}.project-table th{background:#f0eee7;font-weight:500}.project-table-wrap{overflow:auto}.project-contact{padding:45px;background:#171717;color:white;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;margin:55px 0}.project-contact .eyebrow{color:var(--yellow)}.project-contact .note{color:#ccc}.project-contact h2{font-size:40px;margin-top:15px}.project-contact .contact-actions{flex-direction:column}.project-contact .button.outline{color:white}.project-contact .contact-actions p{margin:0;font-size:15px;color:#ccc}.project-gallery-plans{grid-template-columns:1fr 1fr}.project-gallery-plans img{aspect-ratio:auto;max-height:650px;object-fit:contain;background:white}.project-section .source-box .note{font-size:15px}@media(max-width:800px){.project-stat-grid{grid-template-columns:1fr 1fr}.project-stat-grid div:nth-child(2){border-right:0}.project-stat-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}.project-highlights{grid-template-columns:1fr;gap:20px}.project-map,.project-contact{grid-template-columns:1fr}.project-gallery{grid-template-columns:1fr 1fr}.project-section{padding:45px 0}.project-jump .wrap{gap:23px}.project-contact{padding:30px;gap:25px}}@media(max-width:480px){.project-gallery{grid-template-columns:1fr}.project-stat-grid b{font-size:28px}.project-stat-grid div{padding:18px}.layout-plan summary{font-size:24px;padding:19px}.layout-plan .plan-body{padding:0 18px 22px}.project-table{font-size:16px;min-width:530px}.project-contact h2{font-size:35px}}
/* Tenure, key project benefits and enquiries */
.tenure-badge{display:inline-flex;align-items:center;border:1px solid #cbb278;background:#f3ead7;color:#4f3e1b;padding:4px 10px;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.2px;text-transform:none}.card-usps{padding:0 0 4px 20px;margin:0 0 20px;font-size:16px;color:#565650}.card-usps li{margin-bottom:7px}.project-key-points{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;padding:5px 0 23px;font-size:16px;color:#55554f}.project-key-points>span:not(.tenure-badge){border-bottom:1px solid #d6ccb7;padding-bottom:3px}.layout-enquiry{padding:24px;margin-top:25px;background:#f1ede3;border-left:3px solid #b79a60}.layout-enquiry p{padding:0;margin:0 0 16px;color:var(--ink);font-size:20px}.layout-enquiry-actions{display:flex;gap:12px;flex-wrap:wrap}.layout-enquiry small{display:block;margin-top:14px;font-size:14px;color:var(--muted)}.floating-whatsapp{position:fixed;right:25px;bottom:25px;z-index:45}.whatsapp-trigger{display:flex;align-items:center;gap:12px;padding:17px 21px;border:1px solid #dfc184;border-radius:5px;background:#151515;color:#ecd5a1;font-size:16px;font-weight:600;box-shadow:0 5px 28px #0003;min-height:60px}.whatsapp-trigger:hover{background:#2a251d}.whatsapp-panel{position:absolute;right:0;bottom:77px;width:365px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 175px);overflow:auto;padding:25px;background:#171717;color:#f4f0e5;border:1px solid #b79a60;box-shadow:0 12px 45px #0004;border-radius:6px}.whatsapp-panel-heading{display:flex;gap:12px;align-items:start;justify-content:space-between}.whatsapp-panel-heading span{font-size:11px;letter-spacing:1px;color:#ddc184}.whatsapp-panel h2{font-size:29px;margin:13px 0 17px;letter-spacing:-.5px}.whatsapp-close{border:1px solid #77705f;color:#eee;background:none;font-size:24px;line-height:1;min-width:36px;min-height:36px}.whatsapp-panel p{font-size:16px;line-height:1.65;margin:0 0 20px;color:#dedbd3}.whatsapp-people{display:grid;gap:12px}.whatsapp-people a{display:flex;align-items:center;gap:14px;background:#f6f2e8;color:#222;padding:14px;font-size:18px}.whatsapp-people a:hover{background:#ead8ae}.whatsapp-people img{width:48px;height:48px;border-radius:50%;object-fit:cover}.whatsapp-people span{flex:1}.whatsapp-people small{display:block;font-size:13px;color:#626059}.whatsapp-panel .whatsapp-fineprint{font-size:13px;color:#c9c4b6;margin:18px 0 0}body:has(.compare-bar:not([hidden])) .floating-whatsapp{bottom:120px}footer{padding-bottom:135px}@media(max-width:640px){.floating-whatsapp{right:18px;bottom:18px}.whatsapp-trigger{font-size:14px;padding:15px 17px;gap:10px;min-height:56px}.whatsapp-panel{bottom:72px;padding:22px;max-height:calc(100dvh - 200px)}.layout-enquiry{padding:20px}.layout-enquiry-actions{flex-direction:column}.layout-enquiry-actions .button{width:100%}.project-key-points{gap:10px 16px;font-size:15px}body:has(.compare-bar:not([hidden])) .floating-whatsapp{bottom:115px}}

.hero-h1-subtitle{display:block;font:400 24px/1.45 Arial,sans-serif;letter-spacing:0;color:#ddd5c3;margin-top:24px;max-width:510px}.project-related-links{padding:55px 0}.project-related-links h2{font-size:32px}.project-related-links ul{padding-left:23px}.project-related-links a{text-decoration:underline;text-underline-offset:4px}.no-js .menu{display:none}.no-js .navlinks{display:flex;position:static;flex-wrap:wrap;gap:15px;border:0;padding:12px 0}.no-js .nav{flex-wrap:wrap;height:auto;padding-block:20px}.no-js [data-collection],.no-js .compare-toggle{display:none}

/* Balanced project assessments. */
.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0}.pros-cons-column{background:#fff;border:1px solid var(--line);border-top:3px solid #b79a60;padding:30px}.pros-cons-column:last-child{background:#f1efe8;border-top-color:#5b5850}.pros-cons-column h3{font-size:29px;margin-bottom:26px}.pros-cons-column ul{list-style:none;padding:0;margin:0}.pros-cons-column li+li{border-top:1px solid var(--line);padding-top:23px;margin-top:23px}.pros-cons-column h4{font-size:19px;line-height:1.5;font-weight:600;margin:0 0 10px}.pros-cons-column p{font-size:17px;color:var(--muted);margin:0;line-height:1.75}@media(max-width:760px){.pros-cons-grid{grid-template-columns:1fr;gap:22px}.pros-cons-column{padding:25px}}
/* Local project photo galleries; no autoplay or external slider library. */
.property-gallery{margin-bottom:20px}.gallery-stage{position:relative;background:#171717;border:1px solid #655a43;touch-action:pan-y}.gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.gallery-slide{margin:0;flex:0 0 100%;min-width:0;scroll-snap-align:start}.gallery-slide>a{display:block}.gallery-slide img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#171717}.gallery-slide figcaption{padding:16px 24px;color:#e7ddc6;font-size:17px;border-top:1px solid #4e4534;background:#202020}.gallery-slide figcaption small{display:block;font-size:13px;color:#c4bfae;margin-top:4px}.property-gallery.is-enhanced .gallery-track{display:block;overflow:hidden}.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#202020;color:#eee4cc;padding:13px 20px;border-top:1px solid #504738}.gallery-controls button{display:grid;place-items:center;min-width:52px;min-height:48px;border:1px solid #bda36a;color:#ead5a6;background:transparent;font-size:26px;line-height:1}.gallery-controls button:hover{background:#393124}.gallery-controls span{font-size:16px;letter-spacing:1px}.gallery-thumbnails{display:flex;gap:12px;overflow-x:auto;padding:16px 2px 8px}.gallery-thumbnails button{flex:0 0 116px;border:2px solid transparent;padding:3px;background:#e9e4d8;color:#333}.gallery-thumbnails button[aria-pressed=true]{border-color:#9b752c;background:#e1c58c}.gallery-thumbnails img{height:75px;width:100%;object-fit:cover}.gallery-thumbnails small{display:block;font-size:12px;line-height:1.4;padding:6px 3px}.property-gallery .note{margin-top:15px}.gallery-stage:focus-visible{outline:3px solid #c39528;outline-offset:4px}@media(max-width:640px){.gallery-slide img{aspect-ratio:4/3}.gallery-slide figcaption{padding:15px 18px;font-size:16px}.gallery-controls{padding:12px 16px}.gallery-controls button{min-width:48px;min-height:46px}.gallery-thumbnails button{flex-basis:95px}.gallery-thumbnails img{height:62px}}

.gallery-stage{touch-action:auto}.property-gallery.is-enhanced .gallery-stage{touch-action:pan-y}

/* Expanded regional collection and buyer context */
.card-developer{font-size:15px;font-weight:600;letter-spacing:.04em;color:#76613b;margin:12px 0 7px}
.amenity-map{margin:30px 0 0}.amenity-map img{width:100%;max-height:640px;object-fit:contain;background:white;border:1px solid var(--line)}
.buyer-notice{border-left:4px solid #b79a60;background:#eee9df;padding:25px 30px;margin:30px 0}.buyer-notice h3{font-size:28px;margin:0 0 12px}.buyer-notice p{margin:0;max-width:900px}
.facility-list{display:grid;grid-template-columns:1fr 1fr;gap:18px 45px;padding-left:23px;font-size:20px}.plan-pending{border:1px dashed #b79a60;padding:25px!important;background:#f4f0e7}.project-table caption{text-align:left;padding:15px 0;font-weight:600}.project-faqs summary{line-height:1.4}
@media(max-width:640px){.facility-list{grid-template-columns:1fr}.buyer-notice{padding:22px}.project-faqs summary{font-size:24px}}

/* Homepage: three projects per desktop row; keep directory layout independent. */
body[data-page="home"] [data-featured]{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.footer-column .footer-collection{border-top:1px solid #5b5040;padding-top:17px;margin-top:17px;color:#ead5a6}.collection-notes{margin:35px 0}.collection-notes h3{font-size:27px}.collection-notes li{margin-bottom:15px}.collection-notes a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1150px){body[data-page="home"] [data-featured]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){body[data-page="home"] [data-featured]{grid-template-columns:1fr}}

/* Completion and buyer-fit summaries */
.status-line{align-items:flex-start;flex-wrap:wrap;text-transform:none;font-size:14px;line-height:1.5}.status-line .status{flex:1 1 155px}.status-line .tenure-badge{flex:0 1 auto}.status:before{flex-shrink:0;margin-top:5px}.card-buyer-fit{font-size:17px;line-height:1.6;color:#555047;margin:17px 0 22px}.card-buyer-fit strong{display:block;color:#2b2925;font-size:14px;letter-spacing:.04em;margin-bottom:3px}.buyer-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0}.buyer-profile-grid article{border:1px solid var(--line);border-top:3px solid #b79a60;background:white;padding:27px}.buyer-profile-grid h3{font-size:27px;line-height:1.3;margin:0 0 18px}.buyer-profile-grid p{font-size:18px;line-height:1.8;color:var(--muted);margin:0}
@media(max-width:900px){.buyer-profile-grid{grid-template-columns:1fr}.buyer-profile-grid article{padding:25px}}

/* Subtle, consistent button corners across desktop and mobile. */
:root{--button-radius:8px}
button,.button,.chip,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],.whatsapp-people a{border-radius:var(--button-radius)}
.collection-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ccccc5;background:transparent;padding:11px 20px;color:var(--ink);font-size:16px;line-height:1.5;min-height:48px}
.collection-tabs button[aria-pressed="true"]{background:var(--navy);color:white;border-color:var(--navy)}
.collection-tabs button:hover{border-color:var(--gold)}

/* Team and appointment contact section */
.project-contact.enquiry-section{display:block;padding:clamp(26px,4vw,48px);background:linear-gradient(125deg,#faf5e9 0%,#f0e4c9 100%);border:1px solid #d4b97f;border-radius:12px;color:#29251d;margin:55px 0;box-shadow:0 8px 28px #70562708}
.enquiry-main{display:grid;grid-template-columns:.95fr 1.35fr;gap:40px;align-items:center}.project-contact.enquiry-section .eyebrow{color:#876326}.project-contact.enquiry-section h2{font-size:clamp(33px,3.5vw,44px);line-height:1.16;margin:17px 0 22px;color:#29251d}.enquiry-intro h2 em{font-style:normal;color:#8a692f}.enquiry-intro>p{font-size:18px;color:#625845;line-height:1.8;margin-bottom:25px}.enquiry-signature{display:flex;align-items:center;gap:20px;border-top:1px solid #cfbb95;padding-top:22px}.enquiry-signature>span:first-child{font-size:24px;letter-spacing:3px;color:#826329}.enquiry-signature>span:last-child{font-size:15px;line-height:1.65;color:#74664e}
.enquiry-team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.enquiry-person{padding:22px;background:#fffdf7;border:1px solid #d7c5a1;border-top:3px solid #b99450;border-radius:10px;min-width:0}.enquiry-person-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.enquiry-person .enquiry-portrait{width:76px;height:76px;border-radius:50%;object-fit:cover;border:2px solid #dec99b;background:white;flex-shrink:0}.enquiry-person h3{font-size:29px;line-height:1.2;margin:0 0 6px;color:#29251d}.enquiry-person .enquiry-ren{font-size:14px;color:#7a653e;margin:0;letter-spacing:.5px}.enquiry-person .enquiry-role{font-size:14px;line-height:1.6;color:#776c59;margin:17px 0 20px}.project-contact.enquiry-section .enquiry-whatsapp{width:100%;gap:9px;padding:12px;min-height:52px;background:#d9bc7e;border-color:#c7a45e;color:#272116;font-size:15px}.project-contact.enquiry-section .enquiry-whatsapp:hover{background:#e6cc95}.contact-whatsapp-icon{width:21px;height:21px;flex:0 0 21px;display:block}
.enquiry-appointments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border-top:1px solid #d1bd96;margin-top:32px;padding-top:28px}.enquiry-booking{background:#ffffff87;border:1px solid #d7c4a0;border-radius:10px;padding:25px}.enquiry-booking-title{display:flex;align-items:flex-start;gap:13px}.enquiry-booking-icon{display:grid;place-items:center;color:#98743a;flex:0 0 32px;padding-top:2px}.enquiry-booking h3{font-size:27px;line-height:1.3;margin:0 0 12px;color:#3b3020}.enquiry-booking>p{font-size:17px;color:#6a5c45;line-height:1.7;margin:0 0 20px}.enquiry-booking-actions{display:flex;gap:12px;flex-wrap:wrap}.project-contact.enquiry-section .enquiry-booking-actions .button{background:transparent;border-color:#ad8b4d;color:#493719;gap:9px;font-size:15px;min-height:46px;padding:11px 14px}.project-contact.enquiry-section .enquiry-booking-actions .button:hover{background:#ead9b5}.enquiry-appointment-note{font-size:15px;line-height:1.7;color:#79694d;margin:20px 0 0}
@media(max-width:1050px){.enquiry-main{grid-template-columns:1fr;gap:28px}.enquiry-person-head{flex-wrap:nowrap}.enquiry-person .enquiry-whatsapp{font-size:16px}.enquiry-team{max-width:760px}}
@media(max-width:640px){.project-contact.enquiry-section{padding:26px 22px}.enquiry-team,.enquiry-appointments{grid-template-columns:1fr}.enquiry-person{padding:21px}.enquiry-person .enquiry-portrait{width:78px;height:78px}.enquiry-person h3{font-size:30px}.enquiry-booking{padding:22px}.enquiry-booking h3{font-size:25px}.enquiry-booking-actions .button{flex:1 1 130px}.enquiry-signature{gap:16px;flex-wrap:wrap}.enquiry-appointments{margin-top:26px;padding-top:23px}}

/* Tenure on the cover; completion below the project name. */
.cover-tenure{position:absolute;top:15px;left:15px;z-index:1;display:inline-flex;align-items:center;max-width:calc(100% - 30px);padding:7px 12px;background:#89672f;color:#fff;border:1px solid #b99755;border-radius:5px;font-size:12px;font-weight:700;line-height:1.45;letter-spacing:1.3px;text-transform:uppercase;box-shadow:0 2px 8px #00000012}.project-card .card-body h3{margin-bottom:13px}.card-completion{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 9px;font-size:16px;line-height:1.6;margin:0 0 13px;color:#4d473c}.card-completion svg{align-self:center;flex:0 0 19px;color:#92743c}.completion-label{color:#84704c;font-size:14px}.completion-value{font-weight:600;min-width:0}.card-completion+.card-developer{margin-top:0}
@media(max-width:640px){.cover-tenure{top:13px;left:13px;font-size:12px;padding:7px 11px}.card-completion{font-size:16px}}

/* Price illustration, chart requests and a crawlable project snapshot. */
.instalment-example{margin:15px 0 0}.detail-top .detail-meta .instalment-line{font-size:16px;line-height:1.7;margin:0;color:#6b5834}.instalment-line strong{font-weight:600;color:#6d5122}.detail-top .detail-meta .instalment-note{font-size:13px;line-height:1.6;color:#777064;margin:7px 0 0}.instalment-unquoted{font-size:16px;line-height:1.7;color:#70634e;margin:15px 0 0}.price-chart-request{padding:0;border:0;margin:19px 0 0}.price-chart-request>summary{list-style:none;display:flex;justify-content:center;gap:10px;width:100%;font:600 16px/1.5 Arial,'Microsoft YaHei',sans-serif;letter-spacing:0;min-height:54px;padding:14px 18px}.price-chart-request>summary::-webkit-details-marker{display:none}.price-chart-request>summary::marker{content:''}.price-chart-icon{display:block;width:21px;height:21px;flex:0 0 21px}.price-chart-arrow{font-size:20px;line-height:1;transition:transform .2s}.price-chart-request[open] .price-chart-arrow{transform:rotate(180deg)}.price-chart-choices{display:grid;gap:9px;padding:12px;background:#f2ead9;border:1px solid #d3bd91;border-radius:8px;margin-top:10px}.price-chart-choices>a{display:flex;align-items:center;gap:12px;padding:12px;background:#fffdf7;border:1px solid #ded0b4;border-radius:7px;font-size:16px;line-height:1.5}.price-chart-choices>a:hover{background:#f3e4c5}.price-chart-choices img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 40px}.price-chart-choices>a>span:nth-child(2){flex:1}.price-chart-choices small{display:block;font-size:12px;color:#7a6a4e}
.project-glance{margin-bottom:30px}.glance-inner{padding:30px 34px;background:#f0eadb;border:1px solid #d8c9a8;border-left:4px solid #b18c49;border-radius:9px}.glance-inner .eyebrow{color:#8a672b}.glance-inner h2{font-size:30px;line-height:1.3;letter-spacing:-.5px;margin:12px 0 17px}.glance-summary{font-size:18px;line-height:1.85;color:#494233;max-width:1080px;margin:0 0 25px}.glance-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 30px;margin:0}.glance-facts>div{border-top:1px solid #d7c9ac;padding-top:16px;min-width:0}.glance-facts dt{font-size:13px;text-transform:uppercase;letter-spacing:.7px;color:#806b43;margin-bottom:6px}.glance-facts dd{font-size:17px;line-height:1.65;color:#383227;margin:0}.glance-links{display:flex;gap:15px 30px;flex-wrap:wrap;margin-top:25px}.glance-links a{font-size:15px;font-weight:600;color:#795b27;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.glance-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.glance-inner{padding:25px 22px}.glance-inner h2{font-size:28px}.glance-facts{grid-template-columns:1fr;gap:18px}.glance-summary{font-size:18px}.price-chart-request>summary{font-size:16px}}

/* Gallery navigation stays on the image; selected thumbnails stay in view. */
.gallery-stage{position:relative}.gallery-controls{position:absolute;top:0;left:0;width:100%;aspect-ratio:16/10;height:auto;display:block;padding:0;border:0;background:none;pointer-events:none;z-index:3}.gallery-controls button{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;width:54px;height:54px;border:1px solid #c9ad73;border-radius:9px;background:#171717dc;color:#f5e5c3;font-size:30px;box-shadow:0 3px 12px #0003}.gallery-controls button:hover{background:#8c6a2e}.gallery-controls [data-gallery-prev]{left:15px}.gallery-controls [data-gallery-next]{right:15px}.gallery-controls [data-gallery-counter]{position:absolute;top:15px;right:15px;background:#171717dc;border:1px solid #b5975c;color:#f4e6c8;padding:5px 12px;border-radius:6px;font-size:14px;letter-spacing:1px;pointer-events:none}.gallery-open-image{position:absolute;bottom:15px;right:15px;pointer-events:auto;background:#171717dc;border:1px solid #b5975c;color:#f4e6c8;padding:8px 13px;border-radius:6px;font-size:14px;font-weight:600}.gallery-open-image:hover{background:#8c6a2e}.gallery-thumbnails{scroll-behavior:auto}.gallery-thumbnails button{position:relative;flex-basis:105px;border-radius:7px}.gallery-thumbnails button[aria-pressed=true]{box-shadow:0 0 0 1px #9b752c}.gallery-thumb-number{position:absolute;right:7px;bottom:7px;min-width:22px;padding:1px 5px;background:#171717da;color:white;border-radius:3px;font-size:12px;line-height:1.6}.gallery-browse-hint{font-size:14px;color:#6e624b;margin:12px 0 3px}.gallery-visual-note{font-size:12px;color:#857d6e;margin:0 0 15px}.glance-inner h2{margin-bottom:22px}
@media(max-width:640px){.gallery-controls{aspect-ratio:4/3}.gallery-controls button{width:46px;height:46px;min-width:46px;min-height:46px;font-size:27px}.gallery-controls [data-gallery-prev]{left:10px}.gallery-controls [data-gallery-next]{right:10px}.gallery-controls [data-gallery-counter]{top:10px;right:10px;padding:4px 9px}.gallery-open-image{right:10px;bottom:10px;padding:7px 10px;font-size:13px}.gallery-thumbnails button{flex-basis:85px}}

/* Full-width project cover, using the existing local project imagery. */
.project-breadcrumb{padding-block:20px}.project-breadcrumb .breadcrumb{margin:0;font-size:14px;line-height:1.7}.project-cover{position:relative;isolation:isolate;background:#171717;color:#fff;overflow:hidden;margin-bottom:36px}.project-cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;z-index:-3}.project-cover-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#090909ed 0%,#090909c7 32%,#0909095e 66%,#0909091f 100%),linear-gradient(0deg,#090909a8 0%,#09090900 65%)}.project-cover-content{min-height:570px;display:flex;align-items:center;padding-block:66px}.project-cover .detail-top{display:block;width:100%;max-width:760px}.project-cover .eyebrow{color:#dfc184;max-width:720px}.project-cover h1{font-size:clamp(43px,5.2vw,72px);line-height:1.06;letter-spacing:-1.8px;margin:18px 0 20px;color:#fff;text-wrap:balance}.project-cover .detail-top>div:first-child>p{color:#e6dfd0;font-size:19px;line-height:1.7;margin:0 0 14px}.project-cover .project-key-points{color:#e8dfcb;padding:0;margin:0 0 24px;gap:10px 19px}.project-cover .project-key-points>span:not(.tenure-badge){border-bottom-color:#a48d5c80}.project-cover .tenure-badge{background:#a181409e;color:#fff2d2;border-color:#d5b571}.project-cover .detail-top .detail-meta{border:0;padding:0;margin:0;max-width:570px;color:#fff}.project-cover .detail-top .detail-meta>.eyebrow{font-size:12px;letter-spacing:1.6px}.project-cover .detail-top .detail-meta>b{font-size:36px;line-height:1.25;margin:8px 0 10px;color:#fff}.project-cover .detail-top .detail-meta>.note{display:block;color:#e4d4ae;font-size:15px}.project-cover .detail-top .detail-meta .instalment-line{color:#f0e8d7}.project-cover .instalment-line strong{color:#efd7a3}.project-cover .instalment-example{margin-top:13px}.project-cover .instalment-unquoted{color:#e9dcc3}.project-cover .price-chart-request{max-width:390px;margin-top:22px}.project-cover .price-chart-request>summary{justify-content:flex-start;background:#ddc184;border-color:#ddc184;color:#17140d;box-shadow:0 4px 18px #0002}.project-cover .price-chart-request>summary:hover{background:#ecd39f}.project-cover .price-chart-arrow{margin-left:auto}.project-cover .price-chart-choices{background:#f1e6cf}.project-cover .price-chart-choices>a{color:#29251d}.project-cover .price-chart-choices small{color:#7a6845}
@media(min-width:1500px){.project-cover-photo{object-position:center 40%}.project-cover-content{min-height:620px}}
@media(max-width:900px){.project-cover-content{min-height:550px;padding-block:50px}.project-cover .detail-top{max-width:680px}.project-cover-shade{background:linear-gradient(90deg,#090909e3 0%,#090909ac 55%,#09090952 100%),linear-gradient(0deg,#09090991 0%,#0909090a 80%)}}
@media(max-width:640px){.project-breadcrumb{padding-block:16px}.project-breadcrumb .breadcrumb{font-size:13px}.project-cover{margin-bottom:26px}.project-cover-content{min-height:560px;padding-block:42px}.project-cover-photo{object-position:60% center}.project-cover-shade{background:linear-gradient(90deg,#090909c7,#0909097d),linear-gradient(0deg,#090909bd 0%,#0909090a 90%)}.project-cover h1{font-size:43px;letter-spacing:-1.2px;line-height:1.1;margin:16px 0 18px}.project-cover .detail-top>div:first-child>p{font-size:17px}.project-cover .project-key-points{font-size:14px;gap:8px 14px;margin-bottom:22px}.project-cover .detail-top .detail-meta>b{font-size:32px}.project-cover .detail-top .detail-meta .instalment-line{font-size:15px}.project-cover .price-chart-request{max-width:100%}.project-cover .price-chart-request>summary{font-size:16px;padding:13px 16px}}

/* Overview first; compact appointment links within each negotiator card. */
.project-section.overview-first{padding-top:0;padding-bottom:35px;border-bottom:0}.overview-first .project-summary{max-width:980px;margin-bottom:0}.overview-first .project-table-wrap{margin-top:25px}.enquiry-quick-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 15px;margin-top:14px}.enquiry-quick-actions a{display:inline-flex;align-items:center;gap:6px;color:#80602a;font-size:14px;font-weight:600;line-height:1.6;padding:5px 0}.enquiry-quick-actions a:hover{color:#4c3512;text-decoration:underline;text-underline-offset:4px}.enquiry-quick-actions svg{display:block;width:18px;height:18px;flex:0 0 18px}.enquiry-intro>p:last-child{margin-bottom:0}
@media(max-width:640px){.project-section.overview-first{padding-bottom:28px}.enquiry-quick-actions{gap:10px 24px}.enquiry-quick-actions a{font-size:15px}}



/* Horizontal directory search with three projects per desktop row. */
.directory-layout{grid-template-columns:minmax(0,1fr);gap:32px}
.directory-layout>div{min-width:0}
.directory-layout .filter-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 26px;align-items:end;padding:28px 30px}
.directory-layout .filter-panel h3{grid-column:1/-1;margin:0}
.directory-layout .filter-panel label{grid-column:auto;margin:0;min-width:0}
.directory-layout .filter-panel .button{grid-column:1;width:auto;justify-self:start}
.directory-layout .filter-panel .note{grid-column:2/-1;margin:0;align-self:center}
.directory-layout .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
@media(max-width:1000px){
 .directory-layout .filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
 .directory-layout .filter-panel .note{grid-column:2}
 .directory-layout .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .directory-layout .filter-panel{grid-template-columns:minmax(0,1fr);padding:23px;gap:20px}
 .directory-layout .filter-panel h3,.directory-layout .filter-panel label,.directory-layout .filter-panel .button,.directory-layout .filter-panel .note{grid-column:1}
 .directory-layout .filter-panel .button{width:100%}
 .directory-layout .cards{grid-template-columns:minmax(0,1fr)}
}

/* Compact, fully linked project cards; Compare stays independent. */
.project-card{position:relative;transition:border-color .2s,box-shadow .2s}
.project-card:hover,.project-card:focus-within{border-color:#b49454;box-shadow:0 5px 18px #30251410}
.project-card .card-body,.directory-layout .card-body{padding:20px 22px 0}
.project-card .location{font-size:14px;line-height:1.5;margin-bottom:9px;color:#6b624f}
.project-card .card-body h3,.directory-layout .card-body h3{font-size:29px;line-height:1.2;margin:0 0 12px}
.project-card .card-price{border:0;padding:0;margin:0 0 12px;font-size:21px;font-weight:600;line-height:1.4}
.project-card .card-price small{font-size:13px;font-weight:400;margin-top:3px}
.project-card .card-meta{font-size:15px;line-height:1.6;margin:0 0 11px}
.project-card .card-usps{list-style:none;padding:0;margin:0 0 11px;font-size:15px;line-height:1.6}
.project-card .card-usps li{display:inline;margin:0}
.project-card .card-usps li+li:before{content:' · ';color:#92743c}
.project-card .card-buyer-fit{font-size:15px;line-height:1.6;margin:0 0 6px}
.project-card .card-buyer-fit strong{display:inline;font-size:14px;letter-spacing:0;margin:0 4px 0 0}
.project-card .card-actions,.directory-layout .card-actions{padding:16px 22px 22px;gap:12px;margin-top:auto}
.project-card .card-view{font-size:15px;min-height:45px;padding:10px 16px;gap:8px}
.project-card .compare-toggle{position:relative;z-index:2;background:white;font-size:14px;padding:9px 12px;min-height:45px}

.glance-fact-note{font-size:14px;color:#74664f;line-height:1.65;margin:22px 0 0;padding-top:16px;border-top:1px solid #d7c9ac}.glance-facts dd{overflow-wrap:anywhere}

/* Compact affordability line and familiar green WhatsApp launcher. */
.project-card .card-price .card-monthly{color:#80602a;font-size:16px;font-weight:600;margin-top:5px}
.card-loan-basis{display:block;font-size:12px;font-weight:400;color:#6b6b62;margin-top:2px}
.floating-whatsapp .whatsapp-trigger{display:flex;align-items:center;justify-content:center;min-width:0;width:60px;height:60px;padding:0;border-radius:50%;background:#25d366;border:1px solid #20bd5a;color:white;box-shadow:0 5px 18px #0003}
.floating-whatsapp .whatsapp-trigger:hover{background:#20bd5a}
.floating-whatsapp .whatsapp-trigger svg{width:32px;height:32px}
@media(max-width:640px){.floating-whatsapp .whatsapp-trigger{width:56px;height:56px}}

.project-cover .project-key-points{gap:10px 20px}.project-cover .project-key-points>span{line-height:1.55}.project-cover .hero-availability{width:100%;margin-top:12px;border-color:#ddc184;color:#fff;background:transparent}.project-cover .hero-availability:hover{background:#ffffff12}

/* Concrete project facilities, kept readable without JavaScript. */
.facility-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;padding:0;margin:25px 0}.facility-grid li{position:relative;padding:20px 22px 20px 43px;background:#fff;border:1px solid #e0d9c9;border-radius:8px;font-size:18px;line-height:1.65}.facility-grid li:before{content:"";position:absolute;left:22px;top:31px;width:6px;height:6px;border-radius:50%;background:#a78645}@media(max-width:640px){.facility-grid{grid-template-columns:1fr;gap:12px}.facility-grid li{padding:17px 20px 17px 38px;font-size:17px}.facility-grid li:before{left:19px;top:28px}}

/* Preference collections */
.preference-browser{margin:32px 0}.preference-browser h3{font-size:25px;margin-bottom:16px}.preference-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.preference-link{position:relative;border:1px solid #d7c59f;border-radius:8px;padding:18px 30px 18px 18px;background:#fffdf7;display:block;color:#24221e}.preference-link small{display:block;color:#77613e;font-size:14px;margin-top:5px}.preference-link b{position:absolute;right:13px;top:18px}.preference-link:hover{background:#f4ead4;border-color:#a17c36}.collection-browse-label{font-size:15px;font-weight:bold;color:#89662d;margin:24px 0 12px}.collection-reason{font-size:15px;line-height:1.55;border-left:2px solid #c5a05d;padding-left:12px;margin:14px 0 0;color:#61533c}.collection-guide{padding-bottom:32px}.collection-guide>p{background:#f4ecd9;border-left:3px solid #b58b42;padding:20px}.collection-guide li{margin:8px 0}.preference-projects{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-other{padding-top:40px;padding-bottom:70px}.collection-other a{display:inline-block;margin:5px 12px 5px 0}.mm2h-enquiry-panel{background:#f4ecd9;border:1px solid #d4b879;border-radius:10px;padding:32px;margin:20px 0 36px}.mm2h-enquiry-panel h2{font-size:36px}.preference-note{border-left:3px solid #b58b42;padding:12px 18px;background:#faf4e7;font-size:16px}.footer-preferences{margin-top:16px}.footer-preferences summary{cursor:pointer;color:#e1c483;font-weight:bold;margin-bottom:10px}.footer-preferences a{padding-left:10px}.footer-preferences[open]{padding-bottom:12px}
@media(min-width:1100px){.directory-layout .filter-panel{grid-template-columns:1.4fr repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.preference-links{grid-template-columns:repeat(2,minmax(0,1fr))}.preference-projects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.preference-projects{grid-template-columns:1fr}.preference-link{padding:14px 25px 14px 12px;font-size:16px}.mm2h-enquiry-panel{padding:22px}.mm2h-enquiry-panel h2{font-size:30px}}

/* Header project search, available with or without JavaScript */
.nav{position:relative}.header-search{margin-left:auto;flex-shrink:0}.header-search summary{list-style:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;cursor:pointer;color:var(--ink)}.header-search summary::-webkit-details-marker{display:none}.header-search[open] summary,.header-search summary:hover{background:#f0e5ca;border-color:#b38b42}.header-search-form{position:absolute;right:0;top:calc(100% - 8px);width:min(540px,100%);padding:24px;background:var(--paper);border:1px solid #cbb47c;border-radius:10px;box-shadow:0 14px 36px #0002;z-index:60}.header-search-form>div{display:flex;align-items:end;gap:14px}.header-search-form input{flex:1;min-width:0}.header-search-form .button{flex-shrink:0;gap:0}.header-search-form label{letter-spacing:.5px}@media(max-width:640px){.nav{gap:12px}.header-search-form{padding:18px}.header-search-form>div{gap:10px}.header-search-form .button{padding:12px 16px;min-height:48px}.header-search-form input{font-size:16px}.header-search summary{width:40px;height:40px}}
@media(max-width:480px){header .brand{font-size:24px;gap:8px}header .brand-emblem{width:38px;height:38px}header .brand small{font-size:12px;letter-spacing:3px}.menu{font-size:0;padding:8px 10px;min-height:40px}.menu:after{content:"☰";font-size:21px;line-height:1}}

/* Location and preference navigation */
.navlinks{gap:20px}.nav-dropdown{position:relative}.nav-dropdown>summary{cursor:pointer;list-style:none;white-space:nowrap;display:flex;align-items:center;gap:7px}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary:after{content:"⌄";font-size:15px;color:var(--gold)}.nav-dropdown[open]>summary{color:var(--gold)}.nav-dropdown-panel{position:absolute;top:calc(100% + 16px);left:-18px;width:250px;padding:10px;background:var(--paper);border:1px solid #d3c197;border-radius:9px;box-shadow:0 14px 32px #0002;z-index:65}.nav-dropdown-panel a{display:block;padding:9px 12px;border-radius:5px;font-size:15px;line-height:1.4}.nav-dropdown-panel a:hover{background:#f1e6ce;color:#765522}.nav-dropdown-panel small{color:var(--muted)}
@media(min-width:901px) and (max-width:1250px){.nav{gap:16px}.navlinks{gap:14px;font-size:14px}.navlinks>.button{padding:12px 15px;font-size:14px}.nav>.brand{font-size:26px}.nav>.brand .brand-emblem{width:44px;height:44px}.nav>.brand small{font-size:13px;letter-spacing:3px}}
@media(max-width:1100px){.menu{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:100%;z-index:40;background:var(--paper);padding:24px;border:1px solid var(--line);border-radius:0 0 10px 10px}.navlinks.open{display:flex;align-items:stretch;flex-direction:column;gap:18px;font-size:18px}.nav-dropdown-panel{position:static;width:100%;box-shadow:none;margin-top:12px;background:#f5f0e5}.nav-dropdown>summary{padding:4px 0}.nav-dropdown-panel a{font-size:16px}.navlinks>.button{align-self:start}}

/* Compact navigation labels; override global disclosure typography. */
.nav-dropdown>summary{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:inherit;font-weight:400;line-height:1.5;letter-spacing:normal;margin:0;padding:0;border:0}.header-search>summary{font-family:Arial,sans-serif;font-size:16px;line-height:1;margin:0;padding:0;border-bottom:1px solid var(--line)}.navlinks>a{white-space:nowrap}.navlinks>.button{gap:8px;white-space:nowrap}@media(max-width:1100px){.nav-dropdown>summary{padding:4px 0}}
header .nav-dropdown,header .header-search{padding:0;border:0}

/* Footer negotiator portraits */
.footer-column a.footer-agent{display:flex;align-items:center;gap:12px;padding:6px 0;line-height:1.45}.footer-agent .footer-agent-photo{width:44px;height:44px;flex:0 0 44px;object-fit:cover;border-radius:50%;border:1px solid #c5a05d;background:#fff}.footer-agent span{min-width:0}.footer-agent:hover .footer-agent-photo{border-color:#efd392}

/* Scalable, compact footer browsing */
.footer-explore .footer-browse{padding:0;border:0;margin:10px 0}.footer-browse>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;font:400 16px/1.5 Arial,"Microsoft YaHei",sans-serif;letter-spacing:0;color:#d7d7d1;padding:6px 0;margin:0;cursor:pointer;border:0}.footer-browse>summary::-webkit-details-marker{display:none}.footer-browse>summary:after{content:"+";font-size:21px;color:var(--yellow)}.footer-browse[open]>summary:after{content:"−"}.footer-browse-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px;margin:8px 0 16px;padding:8px 0 8px 12px;border-left:1px solid #68532e}.footer-column .footer-browse-links a{font-size:14px;line-height:1.5;margin:0;padding:6px 0}.footer-explore .footer-collection{margin-top:16px;padding-top:14px}.footer-explore>b{margin-bottom:20px}@media(max-width:640px){.footer-browse>summary{font-size:17px}.footer-column .footer-browse-links a{font-size:15px}}

/* Sea Crestz buyer-focused content */
.sea-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}.sea-benefits article{border-top:2px solid #c6a56c;padding:18px 0}.sea-benefits h3{font-size:24px;margin-bottom:12px}.sea-benefits p{font-size:16px;line-height:1.65;margin:0}.sea-benefits a{text-decoration:underline;text-underline-offset:3px}.sea-management{background:#f3ecd9;padding:30px;border:1px solid #ddc89c;border-radius:10px}.sea-management-steps{padding-left:24px}.sea-management-steps li{padding:8px 0}.sea-management-steps h3{font-size:25px;margin:0 0 8px}.sea-location-list li{margin:12px 0}@media(max-width:1000px){.sea-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.sea-benefits{grid-template-columns:1fr;gap:4px}.sea-management{padding:22px}}
.project-related-links .related-project-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.related-project-links a{display:block;padding:18px;border:1px solid var(--line);border-radius:8px;font-size:17px}@media(max-width:640px){.project-related-links .related-project-links{grid-template-columns:1fr}}

/* Five concise project highlights before the overview */
.project-highlights{padding-top:40px;padding-bottom:18px}.project-highlights h2{font-size:clamp(29px,3vw,39px);margin:12px 0 24px}.project-highlights-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}.project-highlights-grid li{background:#f4eedf;border:1px solid #e1d2b3;border-radius:9px;padding:20px 17px}.highlight-number{display:block;font:600 13px/1.4 Arial,sans-serif;color:#927039;letter-spacing:1px;margin-bottom:12px}.project-highlights-grid h3{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:17px;font-weight:600;line-height:1.4;letter-spacing:0;margin:0 0 10px}.project-highlights-grid p{font-size:15px;line-height:1.65;margin:0;color:#5a5448}@media(max-width:1100px){.project-highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-highlights-grid li:last-child{grid-column:1/-1}}@media(max-width:600px){.project-highlights{padding-top:28px}.project-highlights-grid{grid-template-columns:1fr;gap:10px}.project-highlights-grid li{display:flex;align-items:flex-start;gap:14px;padding:16px}.highlight-number{margin-top:3px;flex-shrink:0}.project-highlights-grid h3{margin-bottom:6px}.project-highlights-grid li:last-child{grid-column:auto}}

/* Isolate the new highlights section from an older three-column layout. */
section.project-highlights.project-selling-points{display:block;grid-template-columns:none;gap:normal}.project-selling-points>.eyebrow,.project-selling-points>h2,.project-selling-points>.project-highlights-grid{width:100%;min-width:0}.project-selling-points .project-highlights-grid li{min-width:0}.project-selling-points h3,.project-selling-points p{overflow-wrap:anywhere}.highlight-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;color:#927039;background:#fffaf0;border:1px solid #dfcba1;border-radius:10px;margin-bottom:16px}.highlight-icon svg{width:25px;height:25px}@media(max-width:600px){.highlight-icon{margin-bottom:0;width:38px;height:38px;flex-basis:38px}.highlight-icon svg{width:23px;height:23px}}

/* Buyer-fit cards */
.suitable-buyers .buyer-fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.suitable-buyers .buyer-fit-card{min-width:0;padding:24px;background:#fffdf8;border:1px solid #ddd2bd;border-radius:10px;border-top:3px solid #c3a164}.buyer-fit-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:18px;border-radius:10px;color:#927039;background:#f4ecd9}.buyer-fit-icon svg{width:26px;height:26px}.suitable-buyers .buyer-fit-card h3{font:600 20px/1.4 Arial,"Microsoft YaHei",sans-serif;letter-spacing:0;margin:0 0 14px}.suitable-buyers .buyer-fit-card p{font-size:17px;line-height:1.75;margin:0;color:#5a554c;overflow-wrap:anywhere}@media(max-width:1050px){.suitable-buyers .buyer-fit-grid{grid-template-columns:1fr}.suitable-buyers .buyer-fit-card{padding:22px}.buyer-fit-icon{margin-bottom:14px}}

/* Consistent facility and location icon cards */
.facility-icon-grid li,.location-icon-grid li{display:flex;align-items:flex-start;gap:14px;min-width:0;background:#fffdf8;border:1px solid #ddd2bd;border-radius:9px;padding:20px!important;line-height:1.65}.facility-icon-grid li:before{display:none}.amenity-icon,.location-intro-icon{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;background:#f4ecd9;border-radius:9px;color:#927039}.amenity-icon svg,.location-intro-icon svg{width:24px;height:24px}.amenity-label{display:block;min-width:0;align-self:center;overflow-wrap:anywhere}.location-intro-card{display:flex;align-items:flex-start;gap:18px;margin:24px 0;padding:24px;background:#fffdf8;border:1px solid #ddd2bd;border-radius:10px}.location-intro-card>p{margin:0;min-width:0}.location-icon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;margin:22px 0;padding:0}.sea-location-list.location-icon-grid li{margin:0;font-size:17px}.location-icon-grid li::marker{content:""}@media(max-width:700px){.location-icon-grid{grid-template-columns:1fr}.location-intro-card{padding:18px;gap:14px}.facility-icon-grid li,.location-icon-grid li{padding:17px!important;font-size:17px}.amenity-icon,.location-intro-icon{width:36px;height:36px;flex-basis:36px}}

/* Compact related-property thumbnails */
.project-related-links .related-project-links a.related-project-card{display:flex;align-items:center;gap:13px;padding:12px;text-decoration:none;min-width:0;background:#fffdf8;transition:border-color .2s,background .2s}.related-project-card .related-project-thumb{width:86px;height:70px;flex:0 0 86px;object-fit:cover;border-radius:6px}.related-project-copy{display:block;min-width:0}.related-project-copy strong{display:block;font-size:17px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}.related-project-copy small{display:block;margin-top:5px;font-size:13px;line-height:1.5;color:var(--muted)}.related-project-arrow{color:var(--gold);margin-left:auto;align-self:flex-start;font-size:19px}.project-related-links .related-project-links a.related-project-card:hover{border-color:#b79550;background:#f7f0df}@media(max-width:950px){.project-related-links .related-project-links{grid-template-columns:1fr}.related-project-card .related-project-thumb{width:82px;flex-basis:82px;height:66px}}

/* Recognisable preference icons beside text labels */
.preference-icon{width:21px;height:21px;flex:0 0 21px;color:#927039;vertical-align:middle}.nav-dropdown-panel a.preference-icon-link,.footer-browse-links a.preference-icon-link{display:flex;align-items:center;gap:10px}.footer-browse-links .preference-icon{color:#d7b872;width:18px;height:18px;flex-basis:18px}.preference-link>.preference-icon{float:left;width:25px;height:25px;margin:2px 12px 20px 0}.collection-other a.preference-icon-link{display:inline-flex;align-items:center;gap:7px}.collection-other .preference-icon{width:18px;height:18px;flex-basis:18px}@media(max-width:600px){.preference-link>.preference-icon{width:22px;height:22px;margin-right:9px}}

/* Small supporting icons for project facts and disclosures */
.detail-fact-icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;color:#927039;vertical-align:middle}.glance-facts dt,.facts dt{display:flex;align-items:center;gap:8px}.glance-facts dt .detail-fact-icon{width:19px;height:19px;flex-basis:19px}.project-key-points>span{display:inline-flex;align-items:center;gap:7px}.project-cover .project-key-points .detail-fact-icon{color:#e6c57f;width:18px;height:18px;flex-basis:18px}.disclosure-icon{margin-right:11px;vertical-align:-3px}.layout-plan .disclosure-icon{width:23px;height:23px}.project-faqs .disclosure-icon{width:21px;height:21px}@media(max-width:600px){.disclosure-icon{margin-right:8px}.glance-facts dt{gap:6px}}

/* Simple icons distinguish reasons to consider and trade-offs. */
.pros-cons-column .tradeoff-heading{display:flex;align-items:flex-start;gap:11px}.tradeoff-icon{display:flex;align-items:center;justify-content:center;width:27px;height:27px;flex:0 0 27px;border-radius:50%;margin-top:1px}.tradeoff-icon svg{width:20px;height:20px}.tradeoff-pro{color:#8b6729;background:#f4e8cb;border:1px solid #dfc58b}.tradeoff-con{color:#68645b;background:#e8e5dd;border:1px solid #cbc7bc}.tradeoff-heading>span:last-child{min-width:0}

/* Match preference listing headings to their menu icons. */
.page-head h1.preference-page-title{display:flex;align-items:center;gap:22px}.preference-heading-badge{display:flex;align-items:center;justify-content:center;flex:0 0 78px;width:78px;height:78px;background:#f4ecd9;border:1px solid #dfcba1;border-radius:16px;color:#927039}.preference-heading-icon{width:43px;height:43px}.preference-page-title>span:last-child{min-width:0}@media(max-width:640px){.page-head h1.preference-page-title{gap:14px;font-size:39px}.preference-heading-badge{width:54px;height:54px;flex-basis:54px;border-radius:12px}.preference-heading-icon{width:30px;height:30px}}

/* Google documented preferred-source deeplink; no extra tracking script. */
footer .google-preferred-source{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:11px 16px;margin-top:10px;border:1px solid #d1c4a5;border-radius:28px;background:#faf9f5;color:#292720;font:500 14px/1.4 Arial,"Microsoft YaHei",sans-serif;text-decoration:none}footer .google-preferred-source>svg{flex:0 0 19px;color:#927039}footer .google-preferred-source small{display:block;font-size:11px;line-height:1.4;color:#73674e;margin-top:1px}footer .google-preferred-source:hover{background:#f1e7d1;border-color:#c5a15c}

/* Official Google badge at the start of page content, as in the supplied IQI reference. */
.preferred-source-top{padding-top:20px;padding-bottom:6px}.preferred-source-badge{display:inline-block;line-height:0;border-radius:22px;max-width:100%}.preferred-source-badge img{display:block;width:220px;max-width:100%;height:auto}.preferred-source-top+.project-selling-points{padding-top:24px}@media(max-width:640px){.preferred-source-top{padding-top:16px}.preferred-source-badge img{width:200px}}

/* A concise project summary introduces the highlights, without a repeated overview. */
section.project-summary-section{display:block;padding-top:20px;padding-bottom:0}.project-summary-panel{padding:24px 28px;background:#f5eedc;border:1px solid #e1d0a7;border-left:3px solid #b38b42;border-radius:9px}.project-summary-panel h2{font-size:29px;line-height:1.25;letter-spacing:-.5px;margin:0 0 13px}.project-summary-panel .project-summary{font-size:18px;line-height:1.8;margin:0;color:#3d382e;max-width:none}.project-summary-section+.project-selling-points{padding-top:30px}@media(max-width:640px){.project-summary-panel{padding:20px}.project-summary-panel h2{font-size:26px}.project-summary-panel .project-summary{font-size:17px;line-height:1.75}}

.project-summary-panel .project-location-link{margin:15px 0 0;font-size:15px;line-height:1.5}.location-projects-section{padding-top:35px}

/* Gold location flags match the preference icon treatment. */
.location-flag-icon{display:inline-block;width:21px;height:21px;flex:0 0 21px;color:#927039;vertical-align:middle}.nav-dropdown-panel a.location-icon-link,.footer-browse-links a.location-icon-link{display:flex;align-items:center;gap:10px}.footer-browse-links .location-flag-icon{width:18px;height:18px;flex-basis:18px;color:#d7b872}.area-card h3{display:flex;align-items:center;gap:12px}.area-card h3 .location-flag-icon{width:27px;height:27px;flex-basis:27px}.breadcrumb .location-icon-link{display:inline-flex;align-items:center;gap:5px}.breadcrumb .location-flag-icon{width:15px;height:15px;flex-basis:15px}.project-location-link .location-icon-link,.collection-other .location-icon-link{display:inline-flex;align-items:center;gap:7px}.location-page-title .location-flag-icon{width:43px;height:43px;flex-basis:43px}@media(max-width:640px){.location-page-title .location-flag-icon{width:30px;height:30px;flex-basis:30px}}

/* Local state flags retain their complete 2:1 artwork at every size. */
.location-flag-icon.state-flag{width:26px;height:13px;flex:0 0 26px;object-fit:contain;border-radius:1px;box-shadow:0 0 0 1px rgba(90,80,60,.18);background:#fff}.footer-browse-links .location-flag-icon.state-flag{width:24px;height:12px;flex-basis:24px;box-shadow:0 0 0 1px rgba(255,255,255,.22)}.area-card h3 .location-flag-icon.state-flag{width:32px;height:16px;flex-basis:32px}.breadcrumb .location-flag-icon.state-flag{width:20px;height:10px;flex-basis:20px}.location-page-title .location-flag-icon.state-flag{width:44px;height:22px;flex-basis:44px}@media(max-width:640px){.location-page-title .location-flag-icon.state-flag{width:34px;height:17px;flex-basis:34px}}

/* Display state flags in their original full colours. */
.location-flag-icon.state-flag{filter:none}

/* PropertyLau Blog: readable articles with static section links. */
.blog-hub{padding-bottom:80px}.blog-hub-intro{max-width:820px;margin-bottom:32px}.blog-hub-intro h2{font-size:34px}.blog-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dfd4bf;border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .2s}.blog-card:hover{box-shadow:0 12px 30px #30281712;transform:translateY(-3px)}.blog-card>img{aspect-ratio:16/10;object-fit:cover}.blog-card>div{display:flex;flex-direction:column;flex:1;padding:26px}.blog-card h3{font-size:27px;line-height:1.25;margin:14px 0}.blog-card p{font-size:16px;line-height:1.65;margin:0 0 24px;color:#5d594f}.blog-read{font-size:16px;font-weight:700;color:#80602b;margin-top:auto}.blog-hub-bottom{padding:40px;margin-top:46px;border-radius:10px;background:#f1ead8}.blog-hub-bottom h2{font-size:34px}.blog-article-head{max-width:1000px;padding:30px 0 36px;border:0;background:transparent}.blog-article-head h1{font-size:clamp(36px,4.5vw,62px);line-height:1.12;margin:22px 0}.blog-article-head>p{max-width:850px;font-size:20px;color:#5d594f}.blog-byline{display:flex;align-items:center;gap:12px;font-size:15px;margin-top:24px}.blog-byline>img{width:42px;height:42px;flex:0 0 42px;border-radius:50%;border:1px solid #d0b36d}.blog-byline small{display:block;color:#6a6358}.blog-byline a{text-decoration:underline;text-underline-offset:3px}.blog-summary{padding:26px 30px;border:1px solid #dfcfac;background:#f2ecd9;border-radius:8px;margin-bottom:42px}.blog-summary p{margin:10px 0 0;max-width:1040px}.blog-article-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;align-items:start}.blog-article-layout>aside{position:sticky;top:24px}.article-toc{margin:0;padding:20px;background:#fff;border:1px solid #dfd4bf;border-radius:8px}.article-toc summary{font:700 17px/1.5 Arial,sans-serif;padding:0;border:0;color:#84632e;cursor:pointer}.article-toc nav{margin-top:14px}.article-toc ol{margin:0;padding-left:21px}.article-toc li{padding:6px 0;font-size:15px;line-height:1.5}.article-toc a:hover{text-decoration:underline;color:#80602b}.blog-article-body{min-width:0;max-width:900px}.blog-article-image{margin:0 0 38px}.blog-article-image>img{aspect-ratio:16/9;object-fit:cover;border-radius:8px}.blog-article-image figcaption{font-size:13px;color:#6c655b;margin-top:8px}.article-section{scroll-margin-top:24px;padding:8px 0 32px;margin-bottom:22px;border-bottom:1px solid #e1dcd1}.article-section h2{font-size:clamp(29px,3vw,38px);line-height:1.2;margin:18px 0 24px}.article-section h3{font-size:26px}.article-section p,.article-section li{font-size:18px;line-height:1.8}.article-section li{margin-bottom:10px}.blog-article-body a:not(.button){text-decoration:underline;text-underline-offset:4px;text-decoration-color:#bca064}.blog-table-scroll{overflow-x:auto;border:1px solid #ded4c1;border-radius:8px;margin:24px 0;-webkit-overflow-scrolling:touch}.blog-table-scroll table{width:100%;min-width:620px;border-collapse:collapse;font-size:15px;line-height:1.6;text-align:left;background:#fff}.blog-table-scroll th,.blog-table-scroll td{padding:16px;vertical-align:top;border-bottom:1px solid #e3ddcf}.blog-table-scroll thead{background:#eee4cc}.blog-table-scroll tbody th{font-weight:600;min-width:145px}.blog-table-scroll small{color:#655e53}.blog-faq{border:1px solid #ded4c1;background:#fff;border-radius:7px;margin:12px 0;padding:18px 20px}.blog-faq summary{font:600 17px/1.55 Arial,sans-serif;border:0;padding:0;cursor:pointer}.blog-faq p{margin-bottom:0;font-size:17px}.blog-contact{padding:30px;background:#f2ead5;border:1px solid #ddc89b;border-radius:10px}.blog-contact-actions{display:flex;flex-wrap:wrap;gap:12px}.blog-contact p.blog-note{font-size:14px;line-height:1.65;margin-bottom:0}.blog-project-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.blog-project-links>a{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #dfd4bf;border-radius:8px;text-decoration:none!important}.blog-project-links img{width:72px;height:60px;object-fit:cover;flex:0 0 72px;border-radius:4px}.blog-project-links strong{font-size:15px;line-height:1.4;display:block}.blog-project-links small{display:block;font-size:12px;color:#6a6255}.blog-references{padding:18px 0;margin-top:24px}.blog-references summary{font:600 16px/1.5 Arial,sans-serif;cursor:pointer}.blog-references p,.blog-references li{font-size:14px;line-height:1.7}.blog-references a{overflow-wrap:anywhere}.blog-related .blog-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-related h2,.blog-preview h2{font-size:38px}.blog-preview{padding-top:50px;padding-bottom:70px}.blog-preview-head{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:24px}.blog-preview-head>a{font-weight:600;font-size:16px;text-decoration:underline;text-underline-offset:4px}.project-blog-reading{padding-top:30px;padding-bottom:40px}.project-blog-reading h2{font-size:30px}.project-blog-reading ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px}.project-blog-reading li{border:1px solid #dfd4bf;border-radius:7px;background:#fff;max-width:520px}.project-blog-reading a{display:block;padding:15px 20px;font-size:16px;font-weight:600;line-height:1.6}.project-blog-reading a:hover{color:#80602b;text-decoration:underline}@media(min-width:1101px) and (max-width:1350px){.nav{gap:18px}.navlinks{gap:16px}.navlinks>.button{padding-inline:18px}}@media(max-width:1050px){.blog-article-layout{grid-template-columns:230px minmax(0,1fr);gap:28px}.blog-cards{gap:16px}.blog-card>div{padding:20px}.blog-card h3{font-size:24px}.blog-project-links{grid-template-columns:1fr}}@media(max-width:800px){.blog-article-layout{grid-template-columns:minmax(0,1fr);gap:24px}.blog-article-layout>aside{position:static}.blog-cards,.blog-related .blog-cards{grid-template-columns:1fr}.blog-card{display:grid;grid-template-columns:35% minmax(0,1fr)}.blog-card>img{height:100%;aspect-ratio:auto}.blog-summary{padding:22px}.blog-article-head>p{font-size:18px}.article-toc li{font-size:16px}.blog-hub-bottom{padding:26px}.blog-preview-head{align-items:flex-start;flex-direction:column}.blog-table-scroll table{min-width:580px}}@media(max-width:480px){.blog-card{display:flex}.blog-card>img{aspect-ratio:16/9;height:auto}.blog-contact{padding:22px}.blog-contact-actions{flex-direction:column}.blog-contact-actions .button{width:100%}.blog-article-head h1{font-size:36px}.blog-summary{padding:20px}.blog-byline{font-size:13px}.article-section p,.article-section li{font-size:17px}.blog-preview{padding-top:30px;padding-bottom:45px}.blog-hub-bottom h2{font-size:29px}}

/* Blog article cover heroes: full-width imagery, readable text and one lead photo. */
.blog-breadcrumb .breadcrumb{margin-block:24px}.blog-hero{position:relative;isolation:isolate;overflow:hidden;min-height:480px;border:0;background:#171717;color:#fff;display:flex;align-items:center}.blog-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;z-index:-2}.blog-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,10,13,.88) 0%,rgba(9,10,13,.74) 52%,rgba(9,10,13,.38) 100%)}.blog-hero-content{padding-block:64px}.blog-hero .eyebrow{color:#ead39e}.blog-hero h1{max-width:1000px;margin:18px 0 24px;color:#fff;font-size:clamp(37px,4.2vw,60px);line-height:1.13;overflow-wrap:break-word;text-shadow:0 2px 14px #0003}.blog-hero-content>p{max-width:820px;margin:0 0 28px;font-size:20px;line-height:1.7;color:#f0eee9}.blog-hero .blog-byline{color:#fff;margin-top:0}.blog-hero .blog-byline small{color:#e0dbd1}.blog-hero .blog-byline a{color:#fff;text-decoration-color:#d7bd82}.blog-hero-caption{display:block;margin-top:26px;color:#e1d9c9;font-size:12px;line-height:1.5}.blog-article-main{padding-top:40px}.article-toc nav{max-height:calc(100vh - 140px);overflow-y:auto;overscroll-behavior:contain}@media(max-width:800px){.blog-hero{min-height:440px}.blog-hero-content{padding-block:44px}.blog-hero h1{font-size:clamp(34px,6vw,48px)}.blog-hero-content>p{font-size:18px}.blog-hero::before{background:linear-gradient(90deg,rgba(9,10,13,.86),rgba(9,10,13,.67))}.blog-article-main{padding-top:28px}.article-toc nav{max-height:none;overflow:visible}}@media(max-width:480px){.blog-breadcrumb .breadcrumb{font-size:13px;margin-block:18px}.blog-hero-content{padding-block:36px}.blog-hero h1{font-size:34px;line-height:1.15}.blog-hero-content>p{font-size:17px;line-height:1.7}.blog-hero-caption{margin-top:20px}.blog-hero .blog-byline{font-size:13px;line-height:1.6}}

/* Blog cards share the property cards’ 8:5 image window on every screen. */
.blog-card{display:flex;flex-direction:column}.blog-card .blog-card-media{display:block;position:relative;width:100%;aspect-ratio:1.6;flex:none;overflow:hidden;background:#e8e7e0}.blog-card-media>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.blog-hero{min-height:570px}.blog-hero-image{object-position:center}@media(max-width:800px){.blog-card{display:flex;grid-template-columns:none;flex-direction:column}.blog-card .blog-card-media{aspect-ratio:1.6;width:100%;height:auto}.blog-card-media>img{width:100%;height:100%;object-fit:cover}.blog-hero{min-height:550px}}@media(max-width:480px){.blog-card .blog-card-media{aspect-ratio:1.6}.blog-hero{min-height:560px}}

/* Connected Zenia guides remain readable without a separate navigation service. */
.zenia-series{padding:24px;border:1px solid #ddcfb2;border-radius:8px;background:#f3edde;margin:28px 0}.zenia-series ol{padding-left:22px;margin:12px 0 0}.zenia-series li{font-size:16px;line-height:1.6;margin:10px 0}.zenia-series a[aria-current="page"]{font-weight:700;color:#7c5b26}

/* Visible official-image credits and developer access update. */
.zenia-photo-credit{display:block;font:11px/1.45 Arial,sans-serif;color:#665b45;margin-top:5px}.card-media,.blog-card-media{position:relative}.card-media>.zenia-photo-credit,.blog-card-media>.zenia-photo-credit,.project-cover>.zenia-photo-credit{position:absolute;bottom:0;left:0;right:0;z-index:2;margin:0;padding:5px 8px;background:rgba(12,12,12,.78);color:#fff;font-size:10px;line-height:1.4}.project-cover>.zenia-photo-credit{left:auto;max-width:100%}.gallery-slide .zenia-photo-credit{color:inherit}.access-status{padding:18px 20px;border-left:3px solid #b08a3c;background:#f3edde;font-size:16px;line-height:1.7}.blog-hero-caption{max-width:100%}

.related-project-links a.related-project-card:has(>.zenia-photo-credit){display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px 13px}.related-project-card>.zenia-photo-credit{grid-column:1/-1;grid-row:2;margin:0}.related-project-card:has(>.zenia-photo-credit)>.related-project-copy{grid-column:2;grid-row:1}

/* Compact Zenia reading cards share the related-link thumbnail treatment. */
.zenia-guide-reading ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.zenia-guide-reading li{max-width:none;min-width:0}.zenia-guide-reading a{display:flex;align-items:center;gap:14px;padding:12px;height:100%;box-sizing:border-box}.zenia-guide-reading .guide-reading-thumb{width:112px;height:76px;flex:0 0 112px;object-fit:cover;border-radius:5px}.guide-reading-copy{display:block;min-width:0}.guide-reading-copy .zenia-photo-credit{font-size:10px;font-weight:400;line-height:1.4;margin-top:6px}.zenia-guide-reading a:focus-visible{outline:2px solid #a98339;outline-offset:3px;border-radius:7px}@media(max-width:1000px){.zenia-guide-reading ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.zenia-guide-reading ul{grid-template-columns:1fr}}@media(max-width:400px){.zenia-guide-reading .guide-reading-thumb{width:88px;height:66px;flex-basis:88px}.zenia-guide-reading a{gap:10px;font-size:15px}}

/* Keep-reading cards: three desktop, two tablet, one phone. */
@media(max-width:1000px){.blog-related .blog-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.blog-related .blog-cards{grid-template-columns:1fr}}

/* Official Parkhomes plans expand without cropping the drawing. */
.parkhomes-plan img{display:block;width:100%;height:auto;max-width:100%;margin:18px 0 8px}.parkhomes-plan .blog-contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}

/* Shared blog lead CTA: recommendations, availability and appointment choices. */
.blog-lead h2{font-size:clamp(29px,3vw,38px);line-height:1.2;margin:12px 0 18px}.blog-lead>p{margin:0 0 18px}.blog-lead-icon{width:21px;height:21px;flex:0 0 21px;vertical-align:middle}.blog-lead .blog-lead-services{display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;padding:0;margin:18px 0 22px}.blog-lead-services li{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;line-height:1.5;margin:0}.blog-lead-services .blog-lead-icon{color:#947037}.blog-lead p.blog-lead-investment{font-size:16px;line-height:1.65;margin-bottom:22px}.blog-lead-agents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.blog-lead-agent{min-width:0;padding:18px;background:#fffdf8;border:1px solid #d9c49b;border-top:3px solid #bd9348;border-radius:8px}.blog-lead-person{display:flex;align-items:center;gap:12px;margin-bottom:16px}.blog-lead-person img{width:48px;height:48px;flex:0 0 48px;border-radius:50%;object-fit:cover;border:1px solid #c7a463}.blog-lead-person strong{display:block;font-size:19px;line-height:1.35}.blog-lead-person small{display:block;font-size:13px;color:#75633f}.blog-lead-whatsapp{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:12px 10px;font-size:15px}.blog-lead-appointments{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:14px}.blog-lead-appointments a{display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:1.5;color:#6f542a;text-decoration:underline;text-underline-offset:3px}.blog-lead-appointments .blog-lead-icon{width:17px;height:17px;flex-basis:17px}.blog-lead .blog-note{margin:16px 0 0}@media(max-width:560px){.blog-lead-agents{grid-template-columns:1fr}.blog-lead-agent{padding:16px}.blog-lead .blog-lead-services{gap:10px 16px}.blog-lead-services li{font-size:14px}}

/* Managed-investment highlights stay readable in the article column. */
.mana-usp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.mana-usp-card{padding:20px;border:1px solid #ddcfb2;border-radius:8px;background:#fffdf8;min-width:0}.mana-usp-icon{display:block;width:27px;height:27px;color:#9b783b;margin-bottom:12px}.blog-article-body .mana-usp-card h3{font:600 19px/1.4 Arial,sans-serif;margin:0 0 10px}.blog-article-body .mana-usp-card p{font-size:16px;line-height:1.65;margin:0}.mana-usp-note{font-size:15px;color:#625b4c}@media(max-width:600px){.mana-usp-grid{grid-template-columns:1fr}.mana-usp-card{padding:18px}}

/* Homepage search leads directly from the welcome hero. */
body[data-page="home"] .hero-search{background:linear-gradient(115deg,#f2e6c9,#f8f2e4);border-top:1px solid #d8bc7d;border-bottom:1px solid #d8bc7d}body[data-page="home"] .searchbar{gap:24px;padding-block:26px}body[data-page="home"] .searchbar label{min-width:0}body[data-page="home"] .home-search-label{display:flex;align-items:center;gap:9px;min-height:24px;margin-bottom:0}body[data-page="home"] .home-search-icon{width:22px;height:22px;flex:0 0 22px;color:#8f6828}body[data-page="home"] .searchbar input,body[data-page="home"] .searchbar select{display:block;width:100%;margin-top:8px;padding:13px 14px;background:#fffdf9;border:1px solid #cbb47f;border-radius:8px;font-size:17px;line-height:1.5;min-height:54px;color:#242424}body[data-page="home"] .searchbar input:focus,body[data-page="home"] .searchbar select:focus{border-color:#92743c}body[data-page="home"] .home-search-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:13px 22px;font-size:16px}body[data-page="home"] .home-search-submit .home-search-icon{color:inherit;width:20px;height:20px;flex-basis:20px}body[data-page="home"] .hero-search+.preferred-source-top{padding-top:20px;padding-bottom:0}@media(max-width:650px){body[data-page="home"] .searchbar{gap:18px;padding-block:22px}body[data-page="home"] .home-search-submit{width:100%}}

.blog-preview-more{display:flex;justify-content:center;margin-top:32px}.blog-preview-more .button{min-width:210px;text-align:center}@media(max-width:480px){.blog-preview-more .button{width:100%}}
/* Blog categories and topics: static navigation with optional local search. */
.blog-category-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.blog-category-nav a,.blog-topics a{display:inline-flex;align-items:center;border:1px solid #d9c79f;border-radius:7px;padding:10px 15px;background:#fffdf8;color:#59451f;font:600 15px/1.5 Arial,sans-serif}.blog-category-nav a[aria-current=page]{background:#dfc383;color:#171717;border-color:#c7a45a}.blog-category-nav a:hover,.blog-topics a:hover{background:#f1e7cf}.blog-category-nav a:focus-visible,.blog-topics a:focus-visible{outline:2px solid #9b783b;outline-offset:3px}.blog-search{padding:22px;border:1px solid #d9c79f;border-radius:8px;background:#f3eddf;margin-bottom:20px}.blog-search>label{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:12px}.blog-search>div{display:flex;gap:10px;align-items:center}.blog-search input{flex:1;min-width:0;background:#fff;border:1px solid #c4b494;border-radius:6px;padding:14px;font:inherit;color:#171717}.blog-search-clear{border:0;background:transparent;padding:12px;color:#655024;text-decoration:underline;font:inherit;cursor:pointer}.blog-results{font-size:15px;color:#655e53;margin:0 0 24px}.blog-topics{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0 0 26px}.blog-topics>span{font-size:14px;color:#655e53;margin-right:4px}.blog-topics a{font-size:13px;padding:6px 10px}.blog-hero .blog-category-label{text-decoration:underline;text-underline-offset:4px}.blog-search-empty{padding:28px;border:1px solid #ded4bf;border-radius:8px}.blog-search-empty h2{font-size:28px}.blog-search-empty a{text-decoration:underline}.blog-card[hidden],.blog-search[hidden],.blog-search-empty[hidden]{display:none!important}@media(max-width:600px){.blog-search{padding:16px}.blog-search>div{flex-wrap:wrap}.blog-search input{flex:1 1 100%;width:100%}.blog-category-nav{gap:8px}.blog-category-nav a{font-size:14px;padding:8px 11px}}

/* Compact preferred-source button on blog articles. */
.blog-preferred-source{margin:0 0 20px}.blog-preferred-source .preferred-source-badge{border-radius:5px}.blog-preferred-source .preferred-source-badge img{width:160px;height:auto}.blog-preferred-source .preferred-source-badge:focus-visible{outline:2px solid #9b783b;outline-offset:4px}

/* Compact preferred-source badge site-wide. */
.preferred-source-badge img{width:160px;height:auto}

/* Keep the small Google badge close to the introduction and following content. */
.preferred-source-top{padding-block:16px;line-height:0}
.preferred-source-top .preferred-source-badge{display:block;width:160px;border-radius:5px}
.page-head:has(+.preferred-source-top){padding-bottom:12px}
.page-head:has(+.preferred-source-top)>:last-child{margin-bottom:0}
.project-cover:has(+.preferred-source-top){margin-bottom:0}
.preferred-source-top+.section{padding-top:8px}
.preferred-source-top+section.project-summary-section{padding-top:0}
.preferred-source-top+.collection-guide>:first-child{margin-top:0}
body[data-page="home"] .hero-search+.preferred-source-top{padding-block:16px}
.blog-article-main{padding-top:20px}
.blog-preferred-source{margin-bottom:14px;line-height:0}
.blog-preferred-source .preferred-source-badge{display:block;width:160px}
@media(max-width:640px){.preferred-source-top{padding-block:14px}.page-head:has(+.preferred-source-top){padding-bottom:8px}.blog-article-main{padding-top:16px}body[data-page="home"] .hero-search+.preferred-source-top{padding-block:14px}}

.oaka-shuttle-display{padding:16px;border:1px solid #d9c79f;border-radius:8px;background:#fffdf8}.oaka-shuttle-display summary{font:600 16px/1.6 Arial,sans-serif;cursor:pointer}.oaka-shuttle-display figure{max-width:460px;margin:18px 0 0}.oaka-shuttle-display img{width:100%;height:auto;aspect-ratio:auto;border-radius:5px}.oaka-shuttle-display figcaption{font-size:13px;color:#655e53;margin-top:8px}

/* Stable non-emoji link arrows and compact, readable floor-plan summaries. */
.inline-arrow{display:inline-block;width:1em;height:1em;min-width:1em;flex:0 0 auto;vertical-align:-.12em;overflow:visible;pointer-events:none}
.preference-links .preference-link{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;column-gap:10px;row-gap:5px;padding:18px;align-items:center}
.preference-links .preference-link>.preference-icon{grid-column:1;grid-row:1 / 3;float:none;margin:0;width:24px;height:24px}
.preference-links .preference-link>span{grid-column:2;grid-row:1;min-width:0;overflow-wrap:normal}
.preference-links .preference-link>small{grid-column:2;grid-row:2;margin:0}
.preference-links .preference-link>b{grid-column:3;grid-row:1 / 3;position:static;display:flex;align-items:center;justify-content:center;font-weight:400;color:#92743c}
.layout-plan>summary{display:flex;align-items:center;gap:12px;list-style:none}
.layout-plan>summary::-webkit-details-marker{display:none}
.layout-plan>summary::marker{content:""}
.layout-plan>summary>.disclosure-icon{flex:0 0 22px;margin:0}
.layout-plan-title{display:flex;flex:1;align-items:baseline;flex-wrap:wrap;gap:4px 16px;min-width:0}
.layout-type-name{min-width:0}
.layout-size{margin-left:auto;white-space:nowrap;font:600 15px/1.5 Arial,sans-serif;color:#92743c;letter-spacing:0}
.layout-toggle-icon{flex:0 0 18px;width:18px;height:18px;color:#92743c;transition:transform .2s}
.layout-plan[open]>summary>.layout-toggle-icon{transform:rotate(180deg)}
@media(max-width:640px){.preference-links .preference-link{grid-template-columns:21px minmax(0,1fr) 14px;gap:5px 8px;padding:14px 12px}.preference-links .preference-link>.preference-icon{width:21px;height:21px}.preference-links .preference-link>b{font-size:14px}.layout-plan>summary{gap:9px}.layout-plan-title{gap:3px 10px}.layout-size{font-size:14px}.layout-type-name{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.layout-toggle-icon{transition:none}}

/* Listing heroes follow the current project and blog cover treatment. */
.listing-breadcrumb{padding-block:20px}.listing-breadcrumb .breadcrumb{margin:0;font-size:14px}
.listing-cover{position:relative;isolation:isolate;overflow:hidden;background:#171717;color:#fff;margin:0}
.listing-cover-photo{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.listing-cover-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,10,12,.88),rgba(8,10,12,.76) 55%,rgba(8,10,12,.48)),linear-gradient(0deg,rgba(8,10,12,.38),transparent 70%)}
.listing-cover .listing-cover-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:400px;padding-block:48px 66px}
.listing-cover .eyebrow{color:#e6c780}
.listing-cover .page-head h1{max-width:1040px;margin:18px 0 20px;font-size:clamp(42px,5vw,66px);line-height:1.12;color:#fff;overflow-wrap:break-word}
.listing-cover .page-head>p{max-width:850px;margin:0;color:#f0efeb;font-size:18px;line-height:1.75}
.listing-cover .preference-heading-badge{background:rgba(255,246,218,.10);border-color:rgba(229,198,126,.55);color:#edcf8f}
.listing-cover-caption{position:absolute;bottom:10px;right:max(24px,calc((100% - 1280px)/2));margin:0;padding:4px 9px;border-radius:4px;background:rgba(10,10,10,.5);color:#ece9df;font:12px/1.5 Arial,sans-serif;max-width:calc(100% - 40px)}
@media(max-width:900px){.listing-cover .listing-cover-content{min-height:365px}.listing-cover .page-head h1{font-size:48px}.listing-cover .page-head>p{font-size:17px}}
@media(max-width:640px){.listing-breadcrumb{padding-block:16px}.listing-breadcrumb .breadcrumb{font-size:13px}.listing-cover .listing-cover-content{min-height:330px;padding-block:32px 56px}.listing-cover .page-head h1,.listing-cover .page-head h1.preference-page-title{font-size:38px;line-height:1.16;gap:14px;margin:15px 0 18px}.listing-cover .page-head>p{font-size:16px;line-height:1.75}.listing-cover .preference-heading-badge{width:50px;height:50px;flex-basis:50px;border-radius:12px}.listing-cover .preference-heading-icon{width:29px;height:29px}.listing-cover-photo{object-position:62% center}.listing-cover-caption{font-size:10px;bottom:9px;right:18px;max-width:calc(100% - 36px)}}

/* Real KLCC skyline behind the existing homepage welcome layout. */
body[data-page="home"] .hero.home-klcc-hero{position:relative;isolation:isolate;overflow:hidden;background:#0c1420}
.home-klcc-skyline{position:absolute;inset:0;z-index:-3;display:block;width:100%;height:100%;object-fit:cover;object-position:15% center}
.home-klcc-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,8,14,.86),rgba(5,8,14,.72) 48%,rgba(5,8,14,.40)),linear-gradient(0deg,rgba(5,8,14,.50),rgba(5,8,14,.04) 55%)}
.home-klcc-hero .hero-grid{position:relative;z-index:1}
.home-klcc-hero .lead{color:#e5e5e1}
.home-klcc-hero .hero-signature{border-top-color:rgba(235,225,202,.28);color:#dfded8}
.home-klcc-hero .hero-visual:before{border-color:#d4b46b}
.home-skyline-credit{position:absolute;right:max(24px,calc((100% - 1280px)/2));bottom:10px;z-index:3;font:11px/1.5 Arial,sans-serif;color:#dfd8c8}
.home-skyline-credit>summary{border:0;padding:4px 0;font:inherit;text-align:right;cursor:pointer;color:inherit}
.home-skyline-credit>summary::-webkit-details-marker{display:none}
.home-skyline-credit>summary::marker{content:""}
.home-skyline-credit>p{position:absolute;bottom:26px;right:0;width:290px;max-width:calc(100vw - 40px);padding:14px;margin:0;background:#121821;border:1px solid #81704a;border-radius:7px;color:#e8e4db;font:12px/1.7 Arial,sans-serif;box-shadow:0 5px 20px #0005}
.home-skyline-credit a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.home-klcc-skyline{object-position:13% center}.home-klcc-shade{background:linear-gradient(90deg,rgba(5,8,14,.86),rgba(5,8,14,.60)),linear-gradient(0deg,rgba(5,8,14,.62),rgba(5,8,14,.04) 65%)}}
@media(max-width:640px){.home-klcc-skyline{object-position:13% center}.home-skyline-credit{right:24px;bottom:7px;font-size:10px}.home-klcc-hero .hero-grid{padding-bottom:48px}}

/* Owner-supplied KLCC photograph: preserve the tower spires in the cover crop. */
.home-klcc-hero .home-klcc-skyline{object-position:center 38%}
@media(max-width:1000px){.home-klcc-hero .home-klcc-skyline{object-position:43% 42%}}
@media(max-width:640px){.home-klcc-hero .home-klcc-skyline{object-position:43% center}}

/* Match the welcome team card and offset frame to the button corners. */
.home-klcc-hero .hero-visual.team-welcome{border-radius:8px}
.home-klcc-hero .hero-visual.team-welcome:before{border-radius:8px}
.home-klcc-hero .hero-visual.team-welcome>img{border-radius:8px 8px 0 0}
.home-klcc-hero .team-welcome .hero-project-caption{border-radius:0 0 8px 8px}

/* A real card-wide anchor avoids shrinking hover overlays and supports native taps. */
.project-card>.project-card-link{display:flex;flex-direction:column;flex:1;min-width:0;color:inherit;text-decoration:none;touch-action:manipulation;border-radius:inherit}
.project-card>.project-card-link:focus-visible{outline:3px solid #b28c42;outline-offset:3px}
.project-card-link>.card-body{flex:1}
.project-card-link>.card-actions{justify-content:flex-start;padding-right:126px}
.project-card .card-view::after{content:none;display:none}
.project-card-link .card-view,.project-card-link .card-view:hover{transform:none;white-space:nowrap;pointer-events:none}
.project-card>.compare-toggle{position:absolute;right:22px;bottom:22px;z-index:2;touch-action:manipulation}
@media(max-width:380px){.project-card-link>.card-actions{padding-left:16px;padding-right:112px}.project-card-link .card-view{padding-inline:12px;font-size:14px}.project-card>.compare-toggle{right:16px;padding-inline:10px;font-size:13px}}

@media(hover:none),(pointer:coarse){.project-card:hover .card-media img{transform:none}}

/* Compact footer invitation and accessible Eric-only shortlist dialog. */
.footer-shortlist{margin-top:24px;max-width:410px;padding-top:20px;border-top:1px solid #514a3c}
.footer-shortlist>strong{display:block;color:#e2c584;font:600 17px/1.5 Arial,sans-serif}
footer .footer-shortlist>p{font-size:15px;line-height:1.65;margin:8px 0 16px;color:#c8c5bc}
footer .footer-shortlist-trigger{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:11px 17px;border-radius:7px;font-size:14px;color:#171717}
.shortlist-is-open,.shortlist-is-open body{overflow:hidden}
.shortlist-dialog{width:min(710px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid #d4b778;border-radius:14px;background:#faf9f5;color:#242424;box-shadow:0 20px 80px #0005}
.shortlist-dialog::backdrop{background:rgba(0,0,0,.68)}
.shortlist-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:25px 28px 20px;border-bottom:1px solid #e0d8c7}
.shortlist-heading .eyebrow{font:700 11px/1.5 Arial,sans-serif;letter-spacing:1.5px;color:#92743c}
.shortlist-heading h2{font:400 32px/1.18 Georgia,serif;letter-spacing:-.7px;margin:10px 0 0;max-width:510px}
.shortlist-close{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid #d8ccb4;border-radius:50%;background:#fffdf8;color:#655233;cursor:pointer}
.shortlist-form-scroll{padding:20px 28px 25px;overflow-y:auto;max-height:55dvh;overscroll-behavior:contain}
.shortlist-form-scroll>p{font-size:16px;line-height:1.65;margin:0 0 20px;color:#625c50}
.shortlist-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}
.shortlist-fields label{display:block;min-width:0;font:600 15px/1.5 Arial,sans-serif;color:#3a352d}
.shortlist-fields label>span{display:inline;font-size:11px;font-weight:400;color:#817663;margin-left:5px;white-space:nowrap}
.shortlist-fields label>.shortlist-required{color:#806026}
.shortlist-fields input,.shortlist-fields select,.shortlist-fields textarea{display:block;width:100%;max-width:100%;margin-top:7px;padding:12px 13px;border:1px solid #cfc5b1;border-radius:7px;background:#fff;color:#29251e;font:400 16px/1.5 Arial,sans-serif;min-height:48px}
.shortlist-fields textarea{resize:vertical;min-height:94px;max-height:220px}
.shortlist-fields .shortlist-full-width{grid-column:1 / -1}
.shortlist-submit-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 28px;border-top:1px solid #e0d8c7;background:#f2ecdD}
.shortlist-eric{display:flex;align-items:center;gap:10px}
.shortlist-eric>img{width:42px;height:42px;flex:0 0 42px;border:1px solid #cba75c;border-radius:50%;object-fit:cover}
.shortlist-eric strong{display:block;font:600 15px/1.5 Arial,sans-serif}
.shortlist-eric small{display:block;font:400 12px/1.5 Arial,sans-serif;color:#78684c}
.shortlist-submit-row .shortlist-submit{min-height:48px;padding:12px 19px;gap:10px;border-radius:7px;font-size:15px;white-space:nowrap;transform:none}
.shortlist-submit>svg{flex:0 0 21px}
@media(max-width:640px){.shortlist-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:12px}.shortlist-heading{padding:19px 18px 16px;gap:12px}.shortlist-heading h2{font-size:27px}.shortlist-heading .eyebrow{font-size:9px;letter-spacing:1.1px}.shortlist-close{width:40px;height:40px;flex-basis:40px}.shortlist-form-scroll{padding:17px 18px 20px;max-height:calc(100dvh - 240px)}.shortlist-form-scroll>p{font-size:15px}.shortlist-fields{grid-template-columns:1fr;gap:15px}.shortlist-submit-row{padding:14px 18px;gap:12px}.shortlist-submit-row .shortlist-submit{font-size:14px;padding-inline:14px}.shortlist-eric>img{width:36px;height:36px;flex-basis:36px}.shortlist-eric{gap:8px}.shortlist-eric strong{font-size:14px}.shortlist-eric small{font-size:11px}}
/* Browser-local repayment planning tool. */
.repayment-intro{padding-bottom:12px}.repayment-intro h1{font-size:clamp(40px,4.5vw,60px);margin-bottom:20px}.repayment-intro>p{margin-bottom:0}
.repayment-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding-block:20px 50px;scroll-margin-top:25px}.repayment-workbench[hidden]{display:none}
.repayment-inputs,.repayment-results{min-width:0;border:1px solid #dfd2b7;border-radius:12px;padding:30px;background:#fff}
.repayment-inputs h2{font:400 31px/1.2 Georgia,serif;margin:0 0 12px}.repayment-subtle,.repayment-project-note{font-size:14px;line-height:1.65;color:#786c56;margin:0 0 20px}
.repayment-inputs label{display:block;min-width:0;font:600 15px/1.5 Arial,sans-serif}.repayment-inputs label>span{float:right;font:400 12px/1.8 Arial,sans-serif;color:#887552;margin-left:7px}
.repayment-inputs input,.repayment-inputs select{display:block;width:100%;min-width:0;min-height:49px;margin-top:8px;padding:11px 13px;background:#fffdf8;border:1px solid #cdbd9b;border-radius:7px;color:#242424;font:400 17px/1.5 Arial,sans-serif}
.repayment-inputs [aria-invalid=true]{border-color:#a24732}.repayment-project-label{margin-top:24px}.repayment-project-note{margin:9px 0 23px}.repayment-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.repayment-margin-options{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:22px 0}.repayment-margin-options>span{font-size:13px;color:#76674a;margin-right:5px}.repayment-margin-options button{min-height:42px;padding:7px 13px;border:1px solid #d6c6a3;border-radius:6px;color:#66502d;background:#fff;font-size:14px}.repayment-margin-options button[aria-pressed=true]{background:#ead8ac;color:#292113;border-color:#b59655}
.repayment-form-actions{display:flex;align-items:center;gap:18px;margin-top:22px}.repayment-reset{border:0;background:transparent;color:#746139;padding:10px;text-decoration:underline;text-underline-offset:4px;font-size:15px}.repayment-error{font-size:14px;color:#943d2b;margin:16px 0}.repayment-error[hidden]{display:none}
.repayment-results{background:#171717;color:#fffdf7;border-color:#51452c}.repayment-results>.eyebrow{color:#ddc184;font-size:12px;line-height:1.5}.repayment-monthly{display:block;font:400 clamp(36px,4vw,51px)/1.15 Georgia,serif;color:#ead39d;margin:17px 0 12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.repayment-result-hint{font-size:13px;color:#c6bda9;margin:0 0 25px}.repayment-facts{margin:0}.repayment-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #4b4437}.repayment-facts dt{font-size:14px;color:#cdc4b2}.repayment-facts dd{font-size:17px;margin:0;white-space:nowrap;color:#f4ebd5;font-variant-numeric:tabular-nums}
.repayment-cost-bar{height:10px;border-radius:6px;overflow:hidden;background:#a38b53;margin:24px 0 9px}.repayment-cost-bar>span{display:block;height:100%;width:0;background:#e2cd96}.repayment-bar-label{font-size:12px;color:#ccc0a7;margin:0 0 20px;line-height:1.7}.repayment-assumption-note{font-size:13px;line-height:1.8;color:#c1b69e;margin:0 0 24px}
.repayment-eric{display:flex;align-items:center;gap:12px;font-size:14px;margin:24px 0 16px}.repayment-eric>img{width:44px;height:44px;border:1px solid #d5b46a;border-radius:50%;object-fit:cover;flex:0 0 44px}.repayment-eric small{display:block;font-size:12px;color:#c6b58f;margin-top:3px}.repayment-enquiry{width:100%;font-size:15px;padding-inline:16px}.repayment-enquiry[hidden]{display:none}
.repayment-rate-panel,.repayment-schedule{grid-column:1/-1;min-width:0;padding:28px;border:1px solid #ded2b6;background:#f6f0e2;border-radius:10px}.repayment-rate-panel h2{font-size:32px;margin:10px 0 15px}.repayment-rate-panel>p,.repayment-schedule>p{font-size:15px;line-height:1.75;color:#6d614a}.repayment-table-scroll{width:100%;overflow:auto;border:1px solid #ded2b6;border-radius:7px;background:#fff;margin-top:20px}.repayment-table-scroll table{width:100%;border-collapse:collapse;font-size:15px;text-align:left;min-width:520px}.repayment-table-scroll th,.repayment-table-scroll td{padding:14px 18px;border-bottom:1px solid #e5ddcf;white-space:nowrap;font-variant-numeric:tabular-nums}.repayment-table-scroll thead{background:#eee4ce}.repayment-table-scroll tbody th{font-weight:500}.repayment-table-scroll small{display:block;font-size:11px;font-weight:400;color:#847047}
.repayment-schedule{background:#fffdf8;padding:22px 28px}.repayment-schedule>summary{font:600 17px/1.7 Arial,sans-serif;cursor:pointer}.repayment-guidance{padding-bottom:65px}.repayment-guidance>h2{font-size:35px;margin:15px 0 25px}.repayment-guidance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:28px}.repayment-guidance-grid>div{padding:24px;background:#fff;border:1px solid #e3d9c5;border-radius:8px}.repayment-guidance-grid h3{font-size:25px;margin:0 0 15px}.repayment-guidance-grid p{font-size:16px;line-height:1.8;margin:0;color:#6e6452}.repayment-method{padding:22px 24px;background:#f4efE3;border:1px solid #ddcfb2;border-radius:8px;margin-bottom:40px}.repayment-method>summary{font-size:17px;font-weight:600;cursor:pointer}.repayment-method p{font-size:15px;line-height:1.9}.repayment-method a{text-decoration:underline;text-underline-offset:4px}.repayment-next{padding:28px;background:#f2ead5;border:1px solid #ddc89b;border-radius:10px;margin-top:35px}.repayment-next h2{font-size:32px;margin:0 0 16px}.repayment-next p{font-size:16px;margin-bottom:22px}
.repayment-project-link{display:inline-flex;align-items:center;gap:7px;font:500 14px/1.6 Arial,sans-serif;margin:6px 0 12px;color:#e3c681;text-decoration:underline;text-underline-offset:4px}.repayment-project-link>svg{flex:0 0 18px}.repayment-project-link>.inline-arrow{flex-basis:14px;width:14px;height:14px}
@media(max-width:900px){.repayment-workbench{grid-template-columns:1fr}.repayment-guidance-grid{grid-template-columns:1fr}.repayment-monthly{font-size:45px}.repayment-facts>div{padding-block:12px}.repayment-intro h1{font-size:44px}}
@media(max-width:640px){.repayment-intro{padding-top:30px}.repayment-intro h1{font-size:38px;line-height:1.15}.repayment-intro>p{font-size:17px}.repayment-inputs,.repayment-results{padding:22px 19px}.repayment-fields{gap:16px 13px}.repayment-inputs label{font-size:13px}.repayment-inputs input,.repayment-inputs select{font-size:16px;padding:11px}.repayment-facts>div{gap:14px}.repayment-facts dt{font-size:13px}.repayment-facts dd{font-size:16px}.repayment-rate-panel,.repayment-schedule{padding:21px 18px}.repayment-table-scroll th,.repayment-table-scroll td{padding:12px 14px}.repayment-form-actions .button{padding-inline:17px;font-size:14px}.repayment-margin-options>span{width:100%;margin-bottom:2px}.repayment-workbench{gap:18px;padding-bottom:35px}.repayment-guidance>h2{font-size:30px}.repayment-next{padding:22px}.repayment-next h2{font-size:29px}.repayment-project-link{font-size:13px}}

/* Bring the homepage preference choices forward within the existing gold theme. */
body:not(.modern-preview) .preference-browser{margin:34px 0 36px;padding:26px;border:1px solid #d9bc7d;border-top:3px solid #b48b3f;border-radius:12px;background:linear-gradient(120deg,#f5ecd6,#faf6eb);box-shadow:0 7px 24px rgba(104,78,29,.06)}
.preference-browser-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.preference-browser-heading .eyebrow{font-size:11px;letter-spacing:1.7px;color:#947135}
body:not(.modern-preview) .preference-browser h3{font:400 34px/1.2 Georgia,serif;letter-spacing:-.8px;color:#29251c;margin:8px 0 0}
.preference-browser-heading>p{font-size:15px;line-height:1.6;max-width:310px;color:#79684a;margin:0}
body:not(.modern-preview) .preference-browser .preference-links{gap:14px}
body:not(.modern-preview) .preference-browser .preference-link{grid-template-columns:44px minmax(0,1fr) 28px;column-gap:13px;row-gap:3px;align-content:center;min-height:110px;padding:18px;border:1px solid #ded0b0;border-radius:9px;background:#fffefa;box-shadow:0 3px 10px rgba(106,78,30,.035)}
body:not(.modern-preview) .preference-browser .preference-link>.preference-icon{width:44px;height:44px;padding:10px;border:1px solid #e5d2a5;border-radius:10px;background:#f7edD6;color:#967137}
body:not(.modern-preview) .preference-browser .preference-link>span{font-size:16px;font-weight:600;line-height:1.45;color:#302a20}
body:not(.modern-preview) .preference-browser .preference-link>small{font-size:13px;line-height:1.5;color:#8b7348}
body:not(.modern-preview) .preference-browser .preference-link>b{width:28px;height:28px;border-radius:50%;background:#f4ead2;font-size:14px;color:#967137}
@media(hover:hover) and (pointer:fine){body:not(.modern-preview) .preference-browser .preference-link:hover{background:#fff;border-color:#b79149;box-shadow:0 5px 18px rgba(106,78,30,.10)}}
@media(max-width:1000px){.preference-browser-heading{align-items:flex-start;flex-direction:column;gap:10px}.preference-browser-heading>p{max-width:none}}
@media(max-width:640px){body:not(.modern-preview) .preference-browser{padding:18px 14px;margin-block:28px;border-radius:10px}.preference-browser-heading{margin-bottom:18px;gap:9px}body:not(.modern-preview) .preference-browser h3{font-size:29px}.preference-browser-heading>p{font-size:14px}body:not(.modern-preview) .preference-browser .preference-links{gap:10px}body:not(.modern-preview) .preference-browser .preference-link{grid-template-columns:minmax(0,1fr) 28px;gap:3px 7px;padding:14px 12px;min-height:145px;align-content:start}body:not(.modern-preview) .preference-browser .preference-link>.preference-icon{grid-column:1;grid-row:1;width:38px;height:38px;padding:8px}body:not(.modern-preview) .preference-browser .preference-link>span{grid-column:1/-1;grid-row:2;font-size:15px;margin-top:2px}body:not(.modern-preview) .preference-browser .preference-link>small{grid-column:1/-1;grid-row:3;font-size:12px}body:not(.modern-preview) .preference-browser .preference-link>b{grid-column:2;grid-row:1;align-self:center}}

/* Project photos, current highlights and clear comparison actions. */
.comparison table{table-layout:fixed;min-width:850px}
.comparison th,.comparison td{min-width:0;overflow-wrap:break-word}
.comparison thead th:first-child,.comparison tbody th{width:160px}
.comparison .comparison-project{background:#faf6ec;padding:18px}
.comparison .comparison-photo{display:block;position:relative;border-radius:8px;overflow:hidden;margin-bottom:16px}
.comparison-photo img{display:block;width:100%;aspect-ratio:8/5;object-fit:cover}
.comparison .comparison-name{font:27px/1.2 var(--serif);display:block;color:#28241e}
.comparison .comparison-project .plain-button{font-size:13px;margin-top:12px;color:#74664d;min-height:32px}
.comparison-usps{list-style:none;margin:0;padding:0;display:grid;gap:15px}
.comparison-usps li{border-left:2px solid #c6a45e;padding-left:12px}
.comparison-usps strong{display:block;font-size:16px;line-height:1.4;margin-bottom:4px}
.comparison-usps span{display:block;font-size:14px;line-height:1.6;color:#625b4d}
.compare-monthly{color:#8a6628}.compare-assumptions{display:block;font-size:12px;color:#756b59;margin-top:5px}
.comparison-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.comparison-actions .button{font:600 14px/1.4 var(--sans);display:flex;justify-content:space-between;gap:8px;padding:13px 14px;white-space:normal}
.comparison-actions .compare-enquiry{background:#182d23;color:#fff;border-color:#182d23}
.comparison-actions>small{font-size:12px;color:#72664f}
.comparison-actions .compare-jason{font-size:14px;margin-top:4px;text-decoration:underline;text-underline-offset:4px}
.comparison-scroll-hint{display:none}
@media(max-width:900px){.comparison-scroll-hint{display:block;font-size:14px;color:#796239;margin-top:28px}.comparison{margin-top:12px}.comparison th,.comparison td{padding:16px}.comparison thead th:first-child,.comparison tbody th{width:130px}.comparison .comparison-name{font-size:24px}}

/* Shorter main navigation with grouped property browsing. */
.navlinks [data-compare-link][hidden]{display:none}
.nav-projects-panel{width:540px;max-width:calc(100vw - 48px);padding:16px;max-height:calc(100vh - 160px);overflow-y:auto}
.nav-project-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.nav-group-label{display:block;padding:12px 12px 8px;font:600 12px/1.5 Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#92743c}
.nav-projects-panel .nav-all-projects{font-weight:600;background:#f1e6ce;margin-bottom:4px}
.nav-project-groups>div+div{border-left:1px solid #e4d8be;padding-left:10px}
.nav-tools .nav-dropdown-panel{width:210px}
@media(max-width:1100px){.nav-projects-panel{width:100%;max-width:none;max-height:none;overflow:visible}.nav-tools .nav-dropdown-panel{width:100%}}
@media(max-width:560px){.nav-project-groups{grid-template-columns:1fr;gap:8px}.nav-project-groups>div+div{border-left:0;border-top:1px solid #e4d8be;padding-left:0;padding-top:6px}}

.header-utilities{display:flex;align-items:center;gap:9px;margin-left:auto;flex-shrink:0}
.header-calculator{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;color:#242424}
.header-calculator:hover{background:#f1e6ce;border-color:#c4a669;color:#89672d}
.header-utilities .header-search{margin:0}
@media(max-width:640px){.header-utilities{gap:6px}.header-calculator{width:40px;height:40px}}

/* Compact, fully visible project facts without decorative icons. */
.project-glance .glance-inner{padding:26px 30px}
.project-glance .glance-inner>.eyebrow{margin-bottom:12px}
.project-glance .glance-facts{gap:14px 28px}
.project-glance .glance-facts>div{padding-top:11px}
.project-glance .glance-facts dt{display:block;font-size:12px;line-height:1.5;letter-spacing:.6px;margin-bottom:4px}
.project-glance .glance-facts dd{font-size:16px;line-height:1.55}
.glance-contact{margin-top:18px}
.glance-contact .button{min-height:48px;padding:12px 20px;font-size:15px}
@media(max-width:640px){.project-glance .glance-inner{padding:22px 20px}.project-glance .glance-facts{grid-template-columns:1fr;gap:12px}.glance-contact .button{width:100%}}

/* Three distinct, coordinated sections: introduction, highlights and facts. */
.project-summary-section>.project-section-title,
.project-selling-points>h2,
.project-glance>.project-section-title{font-family:var(--serif);font-size:32px;line-height:1.25;letter-spacing:-.6px;margin:0 0 20px;color:var(--ink)}
section.project-summary-section .project-summary-panel{padding:22px 26px;background:#f6efdf;border-left-width:3px}
section.project-summary-section+.project-selling-points{padding-top:38px;padding-bottom:32px}
.project-selling-points>.eyebrow{margin-bottom:10px}
.project-selling-points .project-highlights-grid li{background:#fff;border-color:#e3d9c5}
.project-selling-points .highlight-icon{background:#f7efdc;border-color:#e7d5ad}
.project-glance .glance-inner{background:#fffdf8;border:1px solid #dfd2b6;border-radius:9px}
.project-glance{margin-top:0;margin-bottom:36px}
@media(max-width:640px){.project-summary-section>.project-section-title,.project-selling-points>h2,.project-glance>.project-section-title{font-size:28px;margin-bottom:16px}section.project-summary-section .project-summary-panel{padding:20px}section.project-summary-section+.project-selling-points{padding-top:30px;padding-bottom:28px}}

/* Landed project pages reuse the property design system. */
.location-amenity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.location-amenity-card{padding:22px;background:#fff;border:1px solid #e1d7c3;border-radius:8px}
.location-amenity-card>.amenity-icon{margin-bottom:12px}
.location-amenity-card h3{font:600 18px/1.4 Arial,sans-serif;margin:0 0 9px;letter-spacing:0}
.location-amenity-card p{font-size:16px;line-height:1.7;margin:0;color:#5e584d}
.project-related-links .landed-related{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.landed-related li{border:1px solid #dfd4bf;border-radius:8px;background:#fff;overflow:hidden}
.landed-related a{display:flex;align-items:center;gap:13px;padding:13px;font-size:16px;line-height:1.5;text-decoration:none}
.landed-related img{width:95px;height:75px;object-fit:cover;border-radius:5px;flex:0 0 95px}
@media(max-width:900px){.project-related-links .landed-related{grid-template-columns:1fr}}
@media(max-width:640px){.location-amenity-grid{grid-template-columns:1fr}.location-amenity-card{padding:18px}}

/* Nine homepage preferences form three balanced desktop rows. */
@media(min-width:1001px){body:not(.modern-preview) .preference-browser.has-landed-preference .preference-links{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Match the MANA MANA collection to other three-column project lists. */
.cards[data-mana-collection]{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.cards[data-mana-collection]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.cards[data-mana-collection]{grid-template-columns:1fr}}

/* Give the priority developer and collection size clear visual emphasis. */
.collection-headline{display:flex;align-items:center;gap:25px;margin-bottom:22px}
.collection-headline-number{font:400 clamp(90px,9vw,124px)/.95 var(--serif);letter-spacing:-6px;color:#92743c;flex:0 0 auto}
.collection-headline-copy{font:400 clamp(29px,3vw,42px)/1.15 var(--serif);letter-spacing:-1px}
.collection-headline-copy small{display:block;font:600 12px/1.5 Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#806632;margin-bottom:9px}
@media(max-width:640px){.collection-headline{gap:18px}.collection-headline-number{font-size:90px;letter-spacing:-4px}.collection-headline-copy{font-size:28px}.collection-headline-copy small{font-size:10px;letter-spacing:.9px}}

/* Supplied developer/operator logos retain their original brand colours. */
.mana-collection-count{font-size:13px;white-space:nowrap}

/* Text-only priority collection buttons. */
/* Dated unit availability: readable alongside the existing floor-plan accordions. */
.availability-table{overflow-x:auto;margin:24px 0 16px;border:1px solid var(--line);border-radius:8px;background:#fff}
.availability-table table{width:100%;border-collapse:collapse;text-align:left;font-size:16px;min-width:520px}
.availability-table caption{text-align:left;padding:16px 18px;font-weight:700;color:var(--gold)}
.availability-table th,.availability-table td{padding:14px 18px;border-top:1px solid var(--line);vertical-align:top}
.availability-table thead{background:#f4eddc}
/* Live-stock references and allocation notes. */
.price-allocation-note,.availability-allocation{display:block;font-size:12px;line-height:1.5;font-weight:400;color:var(--muted);margin-top:5px}
.stock-price-note{max-width:440px;color:inherit;font-size:13px;line-height:1.55;margin:8px 0 14px}
.availability-snapshot{margin:25px 0 30px}.availability-snapshot>h3{font-size:28px;margin-bottom:12px}
.availability-snapshot>p{font-size:16px;line-height:1.7}
.availability-plan-request{margin-block:24px;padding:22px;border:1px solid var(--line);border-radius:8px;background:#f4eddc}
.availability-plan-request h3{font-size:26px}.availability-plan-request p{font-size:16px}

/* Photo attribution below project hero images. */
.project-photo-source{font:11px/1.5 Arial,sans-serif;color:#6a6255;text-align:right;margin-top:7px;margin-bottom:7px;}

/* Remaining developer-unit selection */
.cover-availability{position:absolute;top:14px;right:14px;max-width:calc(100% - 125px);padding:7px 10px;border:1px solid #dac38f;background:#30291c;color:#fff5dd;font-size:12px;font-weight:650;line-height:1.35;z-index:2;border-radius:4px;text-align:right}
.availability-callout{padding-top:30px;padding-bottom:10px}.availability-callout-inner{border:1px solid #dac38f;border-left:4px solid #b79a60;border-radius:8px;background:#f6f0e1;padding:28px 32px}.availability-label{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#80622d}.availability-callout h2{font-size:clamp(27px,3.4vw,38px);line-height:1.2;margin:12px 0}.availability-callout p{max-width:850px;line-height:1.7}.availability-basis{color:#666158;font-size:13px!important}.availability-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}@media(max-width:760px){.availability-callout-inner{padding:22px}.availability-actions .button{flex:1 1 180px}.cover-availability{font-size:11px;top:12px;right:12px}}

/* Homepage collection filters and price ordering. */
.collection-results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:4px 0 24px}
.collection-results-count{margin:0;color:var(--muted);font-size:14px}
.collection-price-sort{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:14px;margin:0}
.collection-price-sort select{width:auto;max-width:100%;min-height:48px;padding:10px 34px 10px 14px;border:1px solid #ccccc5;border-radius:8px;background:var(--paper);color:var(--ink);font:inherit}
.collection-price-sort select:focus-visible,.collection-tabs button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.no-js .collection-tabs,.no-js .collection-results-toolbar{display:none}
@media(max-width:600px){.collection-results-toolbar{align-items:flex-start;gap:12px}.collection-price-sort{width:100%;justify-content:space-between}.collection-price-sort select{flex:1;max-width:260px}.collection-tabs{gap:8px}.collection-tabs button{padding:10px 14px}}

/* Verified collection statistics immediately below the homepage hero. */
.home-statistics{background:#f7f4ed;border-bottom:1px solid var(--line)}
.home-statistics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-block:0;padding-block:34px}
.home-statistics-grid>div{display:flex;flex-direction:column;gap:10px;padding:0 28px;border-right:1px solid #ded8cb;min-width:0}
.home-statistics-grid>div:first-child{padding-left:0}
.home-statistics-grid>div:last-child{border-right:0}
.home-statistics-grid dt{font-size:14px;line-height:1.55;color:var(--muted);max-width:210px}
.home-statistics-grid dd{order:-1;margin:0;color:#92743c;font:normal 38px/1.1 var(--serif);font-variant-numeric:lining-nums tabular-nums}
/* Search, collection filters and sorting form a single browsing area. */
.collection-search{margin:28px 0 26px;border:1px solid #ded2b7;border-radius:10px;background:#f6f1e6}
body[data-page="home"] .collection-search .searchbar{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;gap:20px;padding:24px}
.collection-search-actions{align-self:end;display:flex;flex-direction:column;align-items:center;gap:8px}
.collection-search-actions .plain-button{font-size:13px;min-height:28px;padding:3px 10px;color:var(--gold)}
.collection-empty{padding:24px;border:1px solid var(--line);border-radius:8px;background:#f7f4ed;color:var(--muted);line-height:1.65}
@media(max-width:760px){.home-statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:12px}.home-statistics-grid>div{padding:22px!important}.home-statistics-grid>div:nth-child(2n){border-right:0}.home-statistics-grid>div:nth-child(-n+2){border-bottom:1px solid #ded8cb}.home-statistics-grid dd{font-size:34px}.home-statistics-grid dt{font-size:13px}body[data-page="home"] .collection-search .searchbar{grid-template-columns:1fr;padding:20px;gap:18px}.collection-search-actions{width:100%}.collection-search-actions .home-search-submit{width:100%}}

/* Keep each listing title, refinement link and sort control in one compact header. */
.listing-browse-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:28px}
.listing-browse-heading{min-width:0}
.listing-browse-heading h2{margin-bottom:12px}
.listing-browse-heading>.text-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:1.5}
.listing-browse-sort{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin:0;max-width:340px}
.listing-browse-sort .collection-results-count{text-align:right;font-size:13px;line-height:1.5}
.listing-browse-sort .collection-results-count:empty{display:none}
@media(max-width:760px){.listing-browse-header{grid-template-columns:1fr;gap:20px;margin-bottom:24px}.listing-browse-sort{align-items:flex-start;max-width:none;width:100%}.listing-browse-sort .collection-price-sort{width:100%;justify-content:space-between}.listing-browse-sort .collection-price-sort select{flex:1;max-width:260px}.listing-browse-sort .collection-results-count{text-align:left}}

/* A compact invitation for overseas buyers below the homepage introduction. */
.home-klcc-hero .lead{margin-bottom:16px}
.hero .hero-overseas{margin:0 0 26px;font-size:15px;line-height:1.6;max-width:540px}
.hero-overseas a{display:inline-block;color:#ddc184;text-decoration:none}
.hero-overseas a>span{display:block;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.hero-overseas a:hover{color:#f5dfad}
.hero-overseas a:focus-visible{outline:2px solid #ddc184;outline-offset:5px;border-radius:2px}
.hero-overseas .inline-arrow{vertical-align:-3px;margin-left:3px}

/* Keep project controls and longer area references usable on narrow phones. */
@media(max-width:380px){header .nav{gap:8px}header .brand{font-size:18px;gap:5px}header .brand-emblem{width:28px;height:28px}header .brand small{font-size:10px;letter-spacing:2px}.header-utilities{gap:6px}.header-search summary,.header-calculator{width:34px;height:36px}.menu{width:34px;min-width:34px;padding:6px}.header-search-form>div{flex-wrap:wrap}.header-search-form input{width:100%;flex-basis:100%;min-width:0}.header-search-form .button{width:100%}}
@media(max-width:640px){.layout-size{max-width:100%;white-space:normal;overflow-wrap:anywhere}}

/* Compact homepage browsing mirrors the menu's preference icons and state flags. */
.home-explore{margin:30px 0;padding:22px;border:1px solid #d9bc7d;border-top:3px solid #b48b3f;border-radius:10px;background:linear-gradient(120deg,#f5ecd6,#faf6eb)}
.home-explore-group+.home-explore-group{margin-top:20px;padding-top:18px;border-top:1px solid #dfd2b5}
.home-explore-group h3{font:400 25px/1.25 Georgia,serif;letter-spacing:-.4px;color:#29251c;margin:0 0 12px}
.home-explore-links{display:grid;gap:6px 12px;grid-template-columns:repeat(5,minmax(0,1fr))}
.home-explore-locations{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-explore-link{display:flex;align-items:center;gap:9px;min-width:0;min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:6px;color:#302a20;font-size:16px;line-height:1.45;text-decoration:none}
.home-explore-link>span{min-width:0;overflow-wrap:break-word}
.home-explore-link .preference-icon{float:none;margin:0;width:21px;height:21px;padding:0;flex:0 0 21px;color:#927039}
.home-explore-link .state-flag{width:30px;height:16px;flex:0 0 30px;object-fit:contain;border-radius:1px}
.home-explore-link:hover{background:#fffdf7;border-color:#d7c59f;color:#76551e}
.home-explore-link:focus-visible{outline:2px solid #927039;outline-offset:2px;background:#fffdf7}
@media(max-width:1100px){.home-explore-preferences{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.home-explore{padding:18px 12px;margin-block:24px}.home-explore-group h3{font-size:23px;margin-bottom:9px}.home-explore-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 6px}.home-explore-link{padding:8px 5px;font-size:16px;gap:8px}.home-explore-group+.home-explore-group{margin-top:16px;padding-top:16px}}

/* Homepage locations reveal areas only when requested. Native details name keeps one open. */
.home-location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px;align-items:start}
.home-location{min-width:0;border-bottom:1px solid #dfd2b5}
.home-location-title{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 6px;color:#302a20;font-size:18px;font-weight:500;line-height:1.45;cursor:pointer;list-style:none}
.home-location-title::-webkit-details-marker{display:none}
.home-location-title .state-flag{width:30px;height:16px;flex:0 0 30px;object-fit:contain;border-radius:1px}
.home-location-title>span{flex:1;min-width:0}
.home-location-chevron{flex:0 0 16px;color:#927039}
.home-location[open] .home-location-chevron{transform:rotate(180deg)}
.home-location-content{padding:0 6px 14px}
.home-location-all{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#89662d;text-decoration:none}
.home-area-links{display:flex;flex-wrap:wrap;gap:0 16px}
.home-area-links a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;font-size:14px;line-height:1.5;color:#79684a;text-decoration:none;overflow-wrap:anywhere;padding-block:6px}
.home-area-links a:hover,.home-location-all:hover{text-decoration:underline;text-underline-offset:3px;color:#76551e}
.home-location-title:hover{background:#fffdf7;border-radius:5px}
.home-area-links a:focus-visible,.home-location-title:focus-visible,.home-location-all:focus-visible{outline:2px solid #927039;outline-offset:2px;border-radius:3px}
@media(max-width:700px){.home-location-grid{grid-template-columns:minmax(0,1fr);gap:0}.home-area-links{column-gap:14px}}



/* Dedicated area pages and state-to-area navigation. */
.state-area-browser{padding-block:28px}.state-area-browser h2,.area-overview h2{font-size:30px;line-height:1.25;margin:0 0 12px}.state-area-browser>p{margin:0 0 14px;color:#79684a}.state-area-links{display:flex;flex-wrap:wrap;gap:8px 12px}.state-area-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #dfd2b5;border-radius:6px;color:#76551e;font-size:16px;line-height:1.4;background:#fffdf7;text-decoration:none}.state-area-links a:hover{background:#f5ecd6;border-color:#b48b3f}.state-area-links a:focus-visible{outline:2px solid #927039;outline-offset:3px}.listing-cover-content>p>a{color:inherit;text-decoration:underline;text-underline-offset:3px}.area-overview{padding-bottom:8px}.area-overview>p{max-width:900px;line-height:1.8}.area-overview a{color:#89662d;text-underline-offset:3px}.area-context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin-top:22px}.area-context-grid article{padding:22px;border:1px solid #dfd2b5;border-radius:8px;background:#fffdf7}.area-context-grid h3{font-size:21px;line-height:1.4;margin:0 0 12px}.area-context-grid p{font-size:16px;line-height:1.8;margin:0 0 12px}.area-context-grid p:last-child{margin-bottom:0}@media(max-width:640px){.state-area-browser h2,.area-overview h2{font-size:26px}.state-area-links{gap:7px}.state-area-links a{font-size:15px;padding:8px 11px}.area-context-grid article{padding:18px}}