:root{--blue:#344957;--warm:#F7F7F5;--gold:#B5A186;--ink:#263b47;--muted:#5c6870;--line:#dce0df;--pale:#e9eef0;--white:#fff;--serif:Georgia,'Times New Roman','Songti SC','STSong',serif;--sans:Arial,'Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif;--wrap:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;color:var(--ink);background:var(--white);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer}p{margin:0 0 1em}h1,h2,h3{line-height:1.2;margin:0;font-weight:400}h1,h2{font-family:var(--serif)}h1{font-size:clamp(38px,4.5vw,62px);letter-spacing:-.035em}h2{font-size:clamp(30px,3vw,40px);letter-spacing:-.025em}h3{font-size:23px}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button:disabled{cursor:not-allowed}::selection{background:#dccfbd;color:var(--blue)}.container{width:min(var(--wrap),calc(100% - 96px));margin-inline:auto}.icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.skip-link{position:fixed;top:-100px;left:12px;z-index:200;background:var(--blue);color:white;padding:12px 20px}.skip-link:focus{top:10px}.site-header{position:relative;z-index:30;background:#fff;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:106px}.brand-block{flex-shrink:0}.wordmark{display:block;font-family:var(--serif);font-size:29px;letter-spacing:.065em;line-height:1.3}.brokerage-header{display:block;font-size:11px;color:var(--muted);margin-top:6px;letter-spacing:.01em}#site-navigation{display:flex;align-items:center;gap:26px}.nav-links{display:flex;align-items:center;gap:24px}.nav-link{font-size:13px;white-space:nowrap;position:relative;line-height:44px}.nav-link:not(.nav-contact):after{content:'';height:1px;background:var(--gold);position:absolute;bottom:5px;left:0;width:0;transition:width .2s}.nav-link:hover:after,.nav-link[aria-current=page]:after{width:100%}.nav-contact{border:1px solid var(--gold);padding:0 19px;line-height:42px}.nav-contact:hover,.nav-contact[aria-current=page]{background:var(--blue);color:white;border-color:var(--blue)}.language-switch{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}.language-switch a{padding:10px 2px;color:var(--muted)}.language-switch .current{color:var(--ink);font-weight:700}.language-switch span{color:#adb5b9}.menu-toggle{display:none;width:44px;height:44px;background:none;border:0;flex-shrink:0}.menu-toggle span{width:23px;height:1px;background:var(--blue);display:block;margin:6px auto}
.eyebrow{font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.19em;text-transform:uppercase;color:#76634a;margin-bottom:19px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:13px 23px;border:1px solid var(--blue);font-size:14px;line-height:1.4;transition:background .2s,color .2s;white-space:nowrap}.button .icon{width:18px;height:18px}.primary{background:var(--blue);color:white}.primary:hover{background:#223845}.secondary{background:transparent;color:var(--blue)}.secondary:hover{background:white}.button-row{display:flex;flex-wrap:wrap;gap:14px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;background:none;border:0;padding:0;line-height:1.5}.text-link .icon{width:18px;height:18px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.hero{position:relative;min-height:574px;background:linear-gradient(115deg,#eef2f3 15%,#e1e8eb 55%,#c3d0d5);overflow:hidden;border-bottom:1px solid #d7dfe2}.hero-inner{position:relative;min-height:574px;display:grid;grid-template-columns:34% 66%;align-items:center;z-index:2}.hero-portrait{position:relative;align-self:end;height:552px;overflow:visible}.portrait-original{height:635px;width:auto;max-width:none;position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);clip-path:polygon(46% 11.1%,53% 11.4%,60% 13.3%,62.5% 16%,63.3% 19.2%,62.5% 25%,60.7% 28%,60.1% 32%,61.5% 35.2%,67.6% 37.7%,72.4% 41%,73.8% 44.7%,77.2% 58%,80% 67%,81.4% 73%,80.5% 80%,76.5% 87.7%,75% 94%,75% 100%,25% 100%,26% 88%,23.1% 83%,19.2% 76%,18.6% 68%,18.4% 59%,19.1% 47%,20.3% 43%,25.3% 39.5%,33% 36.7%,39.6% 33%,39.5% 30.6%,37.4% 27.2%,36.9% 23%,37.8% 18%,39.3% 15.2%,42.2% 12.5%)}.hero-copy{position:relative;margin-left:14px;padding:44px 40px;background:rgba(236,241,243,.89);width:min(680px,100%);border-left:2px solid var(--gold);box-shadow:0 16px 70px #34495708}.hero-copy h1{font-size:clamp(48px,5.9vw,82px);letter-spacing:.025em;line-height:1.04;white-space:nowrap}.hero-title{font-size:14px;letter-spacing:.06em;margin:12px 0 22px;color:var(--muted)}.hero-slogan{font-family:var(--serif);font-size:clamp(22px,2.25vw,31px);line-height:1.4;letter-spacing:-.02em;margin-bottom:9px}.hero-services{font-size:14px;letter-spacing:.08em;color:var(--muted);margin-bottom:28px}.hero-background-placeholder{position:absolute;right:0;top:0;width:46%;height:100%;background:linear-gradient(110deg,transparent,#adbdc533)}.placeholder-pane{position:absolute;border:1px solid #a0b2bc6b;background:#fff2}.pane-one{inset:10% -14% 17% 41%;transform:skewY(-8deg)}.pane-two{inset:23% -5% 9% 66%;background:#b5a18618}.pane-three{inset:59% -15% -20% 15%;transform:skewY(-8deg)}.hero-pending{position:absolute;right:22px;bottom:12px;z-index:3;max-width:calc(100% - 44px);font-size:10px;color:#4f636f;letter-spacing:.015em;text-align:right}.hero-skyline{position:absolute;inset:0 30% 0 0}.hero-home{position:absolute;inset:0 0 0 46%}.hero-skyline img,.hero-home img{width:100%;height:100%;object-fit:cover}.hero:has(.hero-home):after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ebf0f3cc 15%,#dfe8ecaa 57%,#dfe8ec00)}
.section{padding-block:84px}.section-heading{display:flex;justify-content:space-between;gap:48px;align-items:end;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:13px}.section-heading>p{max-width:420px;color:var(--muted);font-size:15px;margin-bottom:3px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.service-card{padding:32px 28px 30px;border:1px solid var(--line);border-top:2px solid var(--gold);display:flex;flex-direction:column;align-items:start}.service-card>.icon{height:35px;width:35px;stroke-width:1.2;margin-bottom:27px;color:var(--blue)}.service-card h3{font-family:var(--serif);font-size:27px;margin-bottom:14px}.service-card p{font-size:15px;color:var(--muted);margin-bottom:26px}.service-card .text-link{margin-top:auto}.area-section{background:var(--warm)}.area-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.area-group-card{display:flex;flex-direction:column;align-items:start;padding:25px 28px;background:white;border:1px solid var(--line);min-height:235px;transition:border-color .2s,transform .2s}.area-group-card:hover{border-color:var(--gold);transform:translateY(-3px)}.area-number{font-family:var(--serif);font-size:16px;color:#8b775b;margin-bottom:20px}.area-group-card h3{font-family:var(--serif);font-size:27px;margin-bottom:12px}.area-group-card p{color:var(--muted);font-size:13px;line-height:1.75}.area-link-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;font-size:12px;margin-top:auto;padding-top:12px}.area-link-bottom .icon{width:19px;height:19px}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px}.feature>.icon{height:30px;width:30px;margin-bottom:19px;color:#8b775b}.feature h3{font-family:var(--serif);font-size:25px;margin-bottom:14px}.feature p{font-size:14px;color:var(--muted);margin:0}.connect-section{background:var(--blue);color:white;padding-block:53px}.connect-inner{display:flex;align-items:center;justify-content:space-between;gap:38px}.connect-inner h2{font-size:34px;margin-bottom:12px}.connect-inner p{color:#d6dfe4;font-size:14px;margin:0;max-width:670px}.connect-inner .primary{background:#d8c7b0;border-color:#d8c7b0;color:#263b47}.connect-inner .primary:hover{background:#e7d8c3}.site-footer{background:var(--warm);padding-top:40px;border-top:1px solid var(--line)}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-bottom:31px}.footer-name{font-family:var(--serif);font-size:26px;letter-spacing:.07em;margin-bottom:6px}.footer-main p{font-size:12px;margin-bottom:3px;color:var(--muted)}.footer-brokerage{max-width:300px;display:flex;flex-direction:column;align-items:center;gap:8px}.brokerage-logo{width:220px;height:auto}.footer-brokerage span{font-size:11px;color:var(--muted)}.footer-contact{display:flex;flex-direction:column;gap:6px;font-size:13px}.footer-contact a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:17px;font-size:11px;color:var(--muted)}.verification-note{font-size:10px;color:var(--muted);padding-bottom:14px;margin-bottom:0}
.page-intro{padding:65px 0 58px;background:var(--warm);border-bottom:1px solid var(--line)}.page-intro .eyebrow{margin-bottom:16px}.page-intro .lead{max-width:790px;margin:22px 0 0;color:var(--muted);font-size:17px;line-height:1.8}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted);margin-bottom:28px}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}.about-layout{display:grid;grid-template-columns:270px 1fr;gap:88px;max-width:1050px}.about-profile{text-align:center}.about-portrait{width:180px;height:215px;object-fit:cover;object-position:50% 16%;margin:0 auto 22px;background:var(--warm);border:1px solid var(--line)}.about-profile h2{font-size:25px;letter-spacing:.04em}.about-profile p{font-size:13px;color:var(--muted);margin-top:9px}.about-rule{display:block;width:45px;height:1px;background:var(--gold);margin:22px auto}.about-copy p{font-size:18px;line-height:1.95;margin-bottom:26px}.about-copy p:first-child{font-family:var(--serif);font-size:27px;line-height:1.6}.about-layout+.features-section{background:var(--warm)}.service-detail{border:1px solid var(--line);padding:28px;display:flex;flex-direction:column}.service-detail-top{display:flex;justify-content:space-between;align-items:center;color:#8b775b;margin-bottom:32px}.service-detail-top>.icon{width:33px;height:33px}.service-detail-top>span{font-family:var(--serif);font-size:22px}.service-detail h2{font-size:28px;margin-bottom:18px;min-height:68px}.service-detail>p{font-size:14px;color:var(--muted);margin-bottom:27px;min-height:69px}.service-detail ul{list-style:none;padding:22px 0 0;margin:0;border-top:1px solid var(--line)}.service-detail li{display:flex;align-items:start;gap:10px;font-size:14px;line-height:1.65;margin-bottom:17px}.service-detail li .icon{width:17px;height:17px;margin-top:3px;color:#8b775b}.commercial{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding:32px 0 0;margin-top:44px;border-top:1px solid var(--line)}.commercial h2{font-size:26px}.commercial p{font-size:15px;color:var(--muted);margin:0}
.community-heading{font-size:29px;margin-bottom:31px}.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.community-card{border:1px solid var(--line);padding:0;display:flex;flex-direction:column;background:white;min-width:0;text-align:left;transition:box-shadow .2s,border-color .2s}.community-card:hover{border-color:var(--gold);box-shadow:0 10px 24px #3449570b}.photo-placeholder{min-height:0;aspect-ratio:1.96;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;background:linear-gradient(135deg,#e9edee,#e0e6e8);color:#657883;border-bottom:1px solid #d9e0e2;width:100%;font-size:12px;letter-spacing:.025em}.photo-placeholder>.icon{width:29px;height:29px;opacity:.7}.community-card>img{width:100%;aspect-ratio:1.96;object-fit:cover}.community-card-copy{padding:25px 28px 22px;display:flex;flex-direction:column;width:100%;flex:1}.community-name{font-family:var(--serif);font-size:28px;line-height:1.3;margin-bottom:13px}.community-tags{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:23px}.community-link{display:flex;justify-content:space-between;gap:16px;width:100%;font-size:13px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.community-link>.icon{width:19px;height:19px}.other-areas{margin-top:50px;padding-top:27px;border-top:1px solid var(--line)}.other-areas h2{font-size:25px;margin-bottom:15px}.other-areas p{font-size:14px;color:var(--muted);line-height:2}.other-areas span{padding-inline:8px;color:var(--gold)}.area-note{font-size:12px;color:var(--muted);padding:19px 22px;background:var(--warm);margin:35px 0 0;line-height:1.8}.draft-note{font-size:12px;color:#675b4c;background:#f5f1ea;border-left:2px solid var(--gold);padding:17px 22px;margin:32px 0 0;line-height:1.8}.transaction-section{padding-top:45px;padding-bottom:35px}.transaction-section:last-child{padding-bottom:80px}.transaction-heading{display:flex;align-items:center;gap:17px;margin-bottom:28px}.transaction-heading span{font-family:var(--serif);font-size:18px;color:#8b775b;padding-left:17px;border-left:1px solid var(--gold)}.transactions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 25px}.transaction-card{border:1px solid var(--line);background:#fff;min-width:0}.transaction-image{position:relative;aspect-ratio:1.5;background:var(--pale);overflow:hidden}.transaction-image>img{width:100%;height:100%;object-fit:cover}.transaction-status{position:absolute;top:15px;left:15px;color:white;background:var(--blue);font-size:11px;letter-spacing:.08em;padding:5px 12px;text-transform:uppercase}.reference-label{position:absolute;right:8px;bottom:8px;background:#ffffffe6;color:#435461;font-size:9px;padding:2px 6px}.transaction-copy{padding:21px 23px 24px}.transaction-city{font-size:11px;color:var(--muted);margin-bottom:11px}.transaction-city>span{padding-inline:4px}.transaction-copy h3{font-family:var(--serif);font-size:24px;min-height:58px;line-height:1.3;margin-bottom:15px}.price-label{font-size:10px;color:var(--muted)}.transaction-price{font-size:23px;letter-spacing:-.025em;line-height:1.4;margin:5px 0 0}.transaction-price small{font-size:12px;margin-left:7px;color:var(--muted)}
.contact-section{padding-top:49px}.contact-strip{display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding-bottom:37px;margin-bottom:42px}.contact-avatar{width:88px;height:104px;object-fit:cover;object-position:50% 14%;border:1px solid var(--line);flex-shrink:0}.contact-identity{margin-right:auto;min-width:0}.contact-identity h2{font-size:27px;letter-spacing:.035em;margin-bottom:7px}.contact-identity p{font-size:12px;margin-bottom:5px;color:var(--muted)}.contact-identity .contact-brokerage{font-size:11px}.contact-method{min-width:0}.contact-method>span{display:flex;align-items:center;gap:9px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:9px}.contact-method .icon{width:17px;height:17px}.contact-method>a{font-size:16px;white-space:nowrap}.contact-method>a:hover{text-decoration:underline}.contact-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:start}.qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}.qr-card{text-align:center;min-width:0;display:flex;align-items:center;flex-direction:column}.qr-card h3{font-family:var(--serif);font-size:27px}.qr-label{font-size:12px;color:var(--muted);margin:6px 0 19px}.qr-image-button{background:white;border:1px solid var(--line);padding:17px;width:100%;max-width:240px;aspect-ratio:1}.qr-image-button:hover{border-color:var(--gold)}.qr-image{height:100%;width:100%;object-fit:contain;image-rendering:auto}.qr-enlarge{margin:17px 0 12px}.qr-download{font-size:11px;color:var(--muted)}.qr-note{font-size:11px;color:var(--muted);line-height:1.6;margin:16px 0 0;max-width:210px}.whatsapp-chat{margin-top:16px}.inquiry-panel{padding:35px;background:var(--warm);border-top:2px solid var(--gold)}.inquiry-panel .eyebrow{display:block}.inquiry-panel h2{font-size:33px;margin-bottom:21px}.inquiry-panel>p{font-size:15px;color:var(--muted);line-height:1.9}.inquiry-panel .button{margin-top:8px}.inquiry-panel>small{display:block;margin-top:12px;font-size:10px;color:var(--muted)}.inquiry-panel .inquiry-secondary{font-size:13px;border-top:1px solid var(--line);padding-top:21px;margin:25px 0 0}
#detail-dialog{padding:0;border:0;background:white;width:min(790px,calc(100% - 40px));max-height:calc(100dvh - 48px);color:var(--ink);box-shadow:0 20px 100px #132b3d44;overflow:auto}#detail-dialog::backdrop{background:#152e3db3;backdrop-filter:blur(3px)}.dialog-image{position:relative}.dialog-image>img{width:100%;height:300px;object-fit:cover}.dialog-image .photo-placeholder{height:280px;aspect-ratio:auto}.dialog-top-close{position:absolute;right:16px;top:16px;background:white;box-shadow:0 2px 10px #0001;border:1px solid var(--line);width:44px;height:44px;display:grid;place-items:center;z-index:2}.dialog-content{padding:32px 38px 30px}.dialog-content h2{font-size:34px;margin:0 45px 18px 0}.dialog-tags{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.dialog-tags span{background:var(--warm);border:1px solid var(--line);padding:4px 10px;font-size:12px;color:#52606a}.dialog-description{font-size:16px;line-height:1.95;margin-bottom:28px;white-space:normal}.dialog-actions{display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding-top:21px}.dialog-actions .button{min-height:42px;min-width:106px}.qr-dialog{padding:34px 38px 28px;text-align:center;position:relative}.qr-dialog h2{font-size:32px;margin:0 40px 12px}.qr-dialog>p{font-size:14px;color:var(--muted);margin-bottom:18px}.qr-dialog-image{width:min(340px,100%);aspect-ratio:1;object-fit:contain;margin:20px auto;padding:18px;border:1px solid var(--line)}.qr-dialog .dialog-actions{justify-content:space-between;gap:18px;margin-top:25px}.qr-dialog .text-link{font-size:13px}.qr-dialog .dialog-top-close{right:12px;top:12px}
html[lang^=zh] h1,html[lang^=zh] h2:not(.contact-identity h2),html[lang^=zh] .community-name,html[lang^=zh] .feature h3,html[lang^=zh] .service-card h3{letter-spacing:0}html[lang^=zh] .hero-copy h1{letter-spacing:.025em}html[lang^=zh] .hero-slogan{font-family:var(--sans);font-size:29px;letter-spacing:.06em}html[lang^=zh] .about-copy p{line-height:2.05}html[lang^=zh] .about-copy p:first-child{font-family:var(--sans);font-size:23px}html[lang^=zh] .hero-title{font-size:12px}html[lang^=zh] .service-detail h2{min-height:auto}html[lang^=zh] .service-detail>p{min-height:72px}
@media(min-width:1600px){.hero-copy{margin-left:30px}.hero-inner{grid-template-columns:35% 65%}}
@media(max-width:1190px){.container{width:calc(100% - 64px)}.header-inner{gap:20px}.wordmark{font-size:26px}.brokerage-header{font-size:10px}#site-navigation{gap:17px}.nav-links{gap:17px}.nav-link{font-size:12px}.nav-contact{padding-inline:14px}.hero-copy{padding:36px 28px}.hero-copy h1{font-size:64px}.hero-slogan{font-size:26px}.hero-inner{grid-template-columns:33% 67%}.portrait-original{height:600px}.hero-portrait{height:535px}.hero,.hero-inner{min-height:550px}.button{padding:13px 19px;gap:16px}.contact-strip{gap:20px}.contact-method>a{font-size:14px}.contact-bottom{gap:38px}.service-detail{padding:25px}.service-detail h2{font-size:26px}.inquiry-panel{padding:30px}}
@media(max-width:1020px){.header-inner{min-height:91px}.menu-toggle{display:block}#site-navigation{display:none;position:absolute;left:0;right:0;top:100%;background:white;padding:22px 32px 24px;box-shadow:0 13px 18px #34495712;border-top:1px solid var(--line);max-height:calc(100dvh - 95px);overflow-y:auto}#site-navigation.open{display:flex;align-items:stretch;flex-direction:column;gap:16px}.nav-links{flex-direction:column;gap:0;align-items:stretch}.nav-link{font-size:15px;padding-block:3px}.nav-contact{margin-top:9px;text-align:center}.language-switch{justify-content:flex-start;font-size:14px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.hero-copy h1{font-size:55px}.hero-slogan{font-size:23px}.hero-services{font-size:12px}.hero-copy{margin-left:0;padding:32px 26px}.hero-copy .eyebrow{font-size:9px}.hero-copy .button{font-size:12px;padding-inline:14px}.hero-portrait{height:485px}.portrait-original{height:550px}.hero,.hero-inner{min-height:520px}.services-grid{gap:18px}.service-card{padding:25px 21px}.service-card h3{font-size:24px}.service-detail h2{min-height:64px}.service-detail>p{min-height:91px}.service-detail li{font-size:13px}.area-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.features-grid{gap:30px}.feature h3{font-size:23px}.contact-strip{flex-wrap:wrap}.contact-identity{flex:1}.contact-method{flex:1 1 30%;margin-left:118px}.contact-method:last-child{margin-left:0}.contact-bottom{grid-template-columns:1fr;gap:45px}.qr-grid{max-width:570px;gap:40px}.qr-card{align-items:flex-start;text-align:left}.qr-image-button{max-width:230px}.inquiry-panel{max-width:680px}.about-layout{gap:50px;grid-template-columns:225px 1fr}.section{padding-block:65px}.transactions-grid{gap:22px 18px}.transaction-copy{padding:18px}.transaction-copy h3{font-size:21px;min-height:55px}.transaction-city{font-size:10px}.transaction-price{font-size:22px}.transaction-section{padding-top:38px;padding-bottom:15px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.header-inner{min-height:84px}.wordmark{font-size:26px}.brokerage-header{font-size:10px;margin-top:4px}.hero,.hero-inner{min-height:0}.hero-inner{display:flex;flex-direction:column;align-items:stretch;padding-top:28px}.hero-copy{order:0;width:100%;padding:29px 24px;margin:0;background:rgba(240,244,245,.94)}.hero-copy h1{font-size:clamp(42px,8.6vw,64px)}.hero-copy .eyebrow{font-size:9px;margin-bottom:14px;letter-spacing:.13em}.hero-title{margin-top:10px;margin-bottom:17px;font-size:12px}.hero-slogan{font-size:23px;line-height:1.45;margin-bottom:9px}.hero-services{font-size:11px;letter-spacing:.04em;margin-bottom:22px}.hero-copy .button{font-size:12px;min-height:45px;padding:11px 15px}.hero-copy .button-row{gap:10px}.hero-portrait{order:1;height:306px;margin-top:15px;overflow:hidden}.portrait-original{height:379px;bottom:-23px;left:46%}.hero-pending{font-size:9px;bottom:7px;max-width:55%;right:16px}.hero-background-placeholder{width:78%}.hero-home{inset:44% 0 0 22%}.hero-skyline{inset:35% 30% 0 0}.section{padding-block:52px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:32px}.section-heading>p{margin-top:17px;font-size:14px;max-width:100%}.eyebrow{font-size:10px}.services-grid{grid-template-columns:1fr;gap:18px}.service-card{padding:27px}.service-card>.icon{width:31px;height:31px;margin-bottom:19px}.service-card h3{font-size:28px}.service-card p{margin-bottom:22px}.area-group-grid{grid-template-columns:1fr;gap:17px}.area-group-card{padding:24px;min-height:215px}.area-number{margin-bottom:13px}.area-group-card h3{font-size:28px}.area-group-card p{font-size:13px}.area-link-bottom{font-size:12px}.features-grid{grid-template-columns:1fr;gap:29px}.feature{padding-bottom:27px;border-bottom:1px solid var(--line)}.feature:last-child{border:0;padding-bottom:0}.feature>.icon{margin-bottom:14px}.feature h3{font-size:26px}.feature p{font-size:14px}.connect-section{padding-block:38px}.connect-inner{align-items:start;flex-direction:column;gap:23px}.connect-inner h2{font-size:30px}.connect-inner p{font-size:14px}.footer-main{display:grid;grid-template-columns:1fr;gap:26px;padding-bottom:27px}.footer-brokerage{align-items:flex-start;order:2}.brokerage-logo{width:200px}.footer-contact{font-size:14px}.footer-bottom{align-items:start;flex-direction:column;gap:5px;font-size:10px}.verification-note{font-size:10px}.page-intro{padding:40px 0}.page-intro h1{font-size:38px;line-height:1.25;overflow-wrap:break-word}.page-intro .lead{font-size:15px;margin-top:20px}.breadcrumb{font-size:11px;gap:9px;margin-bottom:24px}.about-layout{grid-template-columns:1fr;gap:35px}.about-profile{display:grid;grid-template-columns:115px 1fr;text-align:left;align-items:center;column-gap:22px}.about-portrait{grid-row:1/5;width:115px;height:148px;margin:0}.about-profile h2{font-size:26px;align-self:end}.about-profile p{margin:5px 0;font-size:11px}.about-profile p:last-child{align-self:start}.about-rule{display:none}.about-copy p{font-size:16px;line-height:1.9;margin-bottom:20px}.about-copy p:first-child{font-size:24px}.service-detail{padding:28px}.service-detail h2{min-height:0;font-size:30px}.service-detail>p{min-height:0;font-size:15px}.service-detail-top{margin-bottom:24px}.service-detail li{font-size:14px}.commercial{grid-template-columns:1fr;gap:17px;margin-top:33px}.commercial h2{font-size:28px}.commercial p{font-size:14px}.community-grid{grid-template-columns:1fr;gap:25px}.community-heading{font-size:25px;margin-bottom:25px}.community-card-copy{padding:22px}.community-name{font-size:27px}.community-tags{font-size:12px;margin-bottom:19px}.photo-placeholder{aspect-ratio:1.8;font-size:11px}.community-card>img{aspect-ratio:1.8}.other-areas{margin-top:37px}.other-areas h2{font-size:25px}.other-areas p{font-size:13px}.area-note{font-size:11px;padding:16px 18px}.draft-note{margin-top:24px;padding:15px 18px;font-size:11px}.transactions-grid{grid-template-columns:1fr;gap:27px}.transaction-section{padding-top:35px;padding-bottom:10px}.transaction-section:last-child{padding-bottom:50px}.transaction-copy{padding:23px}.transaction-copy h3{min-height:0;font-size:26px;margin-bottom:20px}.transaction-city{font-size:12px}.transaction-price{font-size:25px}.price-label{font-size:11px}.reference-label{font-size:9px}.contact-strip{display:grid;grid-template-columns:75px 1fr;gap:22px 20px;padding-bottom:28px;margin-bottom:33px}.contact-avatar{width:75px;height:100px}.contact-identity h2{font-size:25px}.contact-identity p{font-size:11px;line-height:1.6}.contact-identity .contact-brokerage{font-size:10px}.contact-method,.contact-method:last-child{margin-left:0;grid-column:1/-1}.contact-method>span{margin-bottom:6px}.contact-method>a{font-size:18px;overflow-wrap:anywhere;white-space:normal}.qr-grid{max-width:none;gap:18px;width:100%}.qr-card{align-items:center;text-align:center}.qr-card h3{font-size:24px}.qr-label{font-size:11px;margin-bottom:14px}.qr-image-button{padding:10px}.qr-enlarge{font-size:11px;gap:6px}.qr-download{font-size:10px;gap:6px}.qr-note{font-size:10px}.inquiry-panel{padding:27px 24px}.inquiry-panel h2{font-size:30px}.inquiry-panel>p{font-size:14px}.contact-bottom{gap:35px}.dialog-content{padding:25px 24px}.dialog-content h2{font-size:29px;margin-right:0;line-height:1.3}.dialog-description{font-size:15px;line-height:1.9}.dialog-tags{gap:7px}.dialog-tags span{font-size:11px}.dialog-image>img,.dialog-image .photo-placeholder{height:215px}.dialog-top-close{width:40px;height:40px;right:12px;top:12px}#detail-dialog{width:calc(100% - 28px);max-height:calc(100dvh - 28px)}.qr-dialog{padding:28px 22px 22px}.qr-dialog h2{font-size:28px}.qr-dialog>p{font-size:13px}.qr-dialog-image{padding:15px}.qr-dialog .dialog-actions{flex-wrap:wrap}.qr-dialog .text-link{font-size:12px}html[lang^=zh] .hero-slogan{font-size:25px}html[lang^=zh] .about-copy p:first-child{font-size:20px}html[lang^=zh] .service-detail>p{min-height:0}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.hero-copy{padding:24px 20px}.hero-copy h1{font-size:39px}.hero-copy .button-row{flex-direction:column;align-items:stretch}.hero-copy .button{min-height:44px}.hero-copy .hero-slogan{font-size:21px}.hero-copy .hero-services{font-size:10px}.hero-portrait{height:268px}.portrait-original{height:340px}.brokerage-header{font-size:9px}.wordmark{font-size:24px}.qr-grid{gap:14px}.qr-card h3{font-size:22px}.contact-identity h2{font-size:23px}.qr-enlarge{font-size:10px}.hero-pending{max-width:48%;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.menu-toggle,.button-row,.connect-section,.language-switch,.preview-toolbar{display:none!important}.site-header,.site-footer{position:static}.container{width:100%}.section{padding:25px 0}.hero{min-height:0}.hero-inner{min-height:400px}.hero-portrait{height:400px}.portrait-original{height:430px}a{text-decoration:none}.transactions-grid{grid-template-columns:repeat(3,1fr)}.transaction-card,.community-card{break-inside:avoid}dialog{display:none}}

/* Crop the original file in layout only; the image bytes stay unchanged. */
.portrait-window{overflow:hidden}.portrait-window .portrait-thumb{width:100%;height:100%;object-fit:cover;object-position:50% 16%;transform:scale(2.15);transform-origin:50% 22%}.hero-pending{background:#f7f7f5d9;padding:3px 7px}

/* V2: incremental typography, hierarchy and layout refinements. */
:root{--muted:#4f5f68}
body{font-size:17px}
.header-inner{min-height:80px;gap:22px}
.brand-block{display:flex;align-items:center;gap:13px;min-width:0}
.brand-monogram{display:block;flex:0 0 46px;line-height:1}
.jw-placeholder{width:46px;height:46px}
.brokerage-header{font-size:12px;line-height:1.5;max-width:180px;margin:0;color:var(--blue)}
.nav-link{font-size:14.5px}.nav-links{gap:21px}#site-navigation{gap:24px}.language-switch{font-size:14px}
.eyebrow{font-size:12px}.button{font-size:15px}.text-link{font-size:15px;min-height:38px}
.hero-title{font-size:16px}.hero-services{font-size:16px;color:#435865}.hero-pending{font-size:12px}
.section-heading>p,.service-card p,.feature p{font-size:16px;line-height:1.8}
.service-card{padding:32px 28px}.service-card h3{font-size:28px}
.features-section{background:var(--warm);border-block:1px solid var(--line)}
.features-grid{gap:38px}.feature h3{font-size:27px;line-height:1.3}.feature>.icon{color:#7d6a50}
.contact-heading-band{padding:37px 0 34px;background:var(--blue);color:white}
.contact-heading-band h2{font-size:40px;scroll-margin-top:24px}
.contact-heading-band p{font-size:16px;margin:12px 0 0;color:#e5ecef}
.home-connect .contact-section{background:white;padding-top:45px}
.contact-strip{gap:26px}.contact-identity p{font-size:14px}.contact-identity .contact-brokerage{font-size:13px}
.contact-method>span{font-size:13px}.contact-method>a{font-size:17px}
.qr-label{font-size:15px}.qr-download,.qr-enlarge{font-size:14px;min-height:44px}
.qr-enlarge{margin:10px 0 0}.qr-download{color:var(--blue)}.qr-note{font-size:12px}
.qr-image-button{padding:16px}.contact-bottom{gap:52px}
.inquiry-panel>p{font-size:16px}.inquiry-panel>small{font-size:12px;line-height:1.65}
.inquiry-panel .inquiry-secondary{font-size:14px}.qr-dialog>p{font-size:16px}
.qr-dialog .text-link{font-size:15px;min-height:44px}
.footer-main{align-items:start;gap:30px}.footer-personal{margin-right:auto}
.footer-main p{font-size:13px}.footer-main .footer-copyright{margin-top:17px;font-size:12px}
.footer-contact{font-size:14px;padding-top:6px;gap:8px}
.footer-brokerage{max-width:255px;align-items:flex-end;text-align:right;margin-left:15px}
.brokerage-logo{width:185px}.footer-brokerage span{font-size:12px;color:var(--blue)}
.footer-bottom{font-size:12px;align-items:start}.footer-bottom span:last-child{text-align:right}
.page-intro .lead{font-size:17px}.about-profile p{font-size:14px}
.service-detail-top{justify-content:flex-start;gap:12px;align-items:center;margin-bottom:22px;color:var(--blue);min-height:72px}
.service-detail-top>.icon{width:29px;height:29px;flex:0 0 29px}
.service-detail .service-detail-top h2{font-size:27px;min-height:0;margin:0;line-height:1.2}
.service-detail>p{font-size:16px;line-height:1.8;min-height:0;margin-bottom:27px}
.service-detail ul{margin-top:auto}.service-detail li{font-size:15px}.commercial p{font-size:16px}
.connect-inner p{font-size:16px}
.area-group-card p{font-size:15px}.area-link-bottom{font-size:14px}
.community-tags{font-size:15px}.community-link{font-size:14px}
.photo-placeholder{font-size:14px;color:#4f636e}.dialog-tags span{font-size:14px}
.dialog-description{font-size:17px}.other-areas p{font-size:16px}
.area-note,.draft-note{font-size:13px}
.area-return{margin-bottom:24px}.back-areas{display:inline-flex;font-size:15px;border-bottom:1px solid var(--gold);padding-block:6px;min-height:40px}
.back-areas:hover{color:#765f3c}.community-city-group+.community-city-group{margin-top:55px}
.community-city-group .community-heading{padding-bottom:15px;border-bottom:1px solid var(--line)}
.transaction-summary{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:13px}
.transaction-type{font-size:15px;color:var(--blue);line-height:1.4;min-width:0}
.transaction-price{font-size:24px;line-height:1.25;margin:0;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}
.transaction-price small{font-size:14px;margin-left:1px;color:var(--blue)}
.transaction-copy h3{font-family:var(--sans);font-size:17px;line-height:1.65;min-height:0;margin:0;color:var(--muted)}
.transaction-status{font-size:12px;letter-spacing:.025em;padding:4px 10px}.reference-label{font-size:10px}
html[lang^=zh] .hero-title{font-size:15px}
html[lang^=zh] .service-detail>p{min-height:0}
@media(min-width:1021px) and (max-width:1190px){
 .header-inner{gap:16px}.brand-block{gap:10px}.brokerage-header{max-width:153px}
 .nav-links{gap:14px}#site-navigation{gap:17px}.nav-link{font-size:14px}.nav-contact{padding-inline:13px}
 .service-detail{padding:22px}.service-detail .service-detail-top h2{font-size:25px}
 .contact-strip{gap:21px}.contact-method>a{font-size:16px}
 .transaction-copy{padding:20px}.transaction-type{font-size:14px}.transaction-price{font-size:22px}
}
@media(max-width:1020px){
 .header-inner{min-height:80px}.brokerage-header{max-width:220px;font-size:13px}.nav-link{font-size:16px}
 .hero-copy .eyebrow{font-size:11px}.hero-copy .button{font-size:15px}.hero-services{font-size:15px}
 .transactions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .contact-method>a{font-size:17px}.contact-method{margin-left:114px}.contact-method:last-child{margin-left:0}
 .contact-bottom{gap:40px}.inquiry-panel{max-width:none}.qr-grid{max-width:570px}
 .footer-main{flex-wrap:wrap}.footer-personal{flex:1}.footer-brokerage{margin-left:0}
}
@media(min-width:761px) and (max-width:900px){
 .services-detail-grid{grid-template-columns:1fr}
 .service-detail-top{min-height:0}.service-detail .service-detail-top h2{font-size:30px}
 .service-detail ul{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}
 .features-grid{gap:24px}.feature h3{font-size:24px}
}
@media(max-width:760px){
 body{font-size:16px}.header-inner{min-height:78px}.brand-monogram{flex-basis:42px}.jw-placeholder{width:42px;height:42px}
 .brokerage-header{max-width:204px;font-size:12px;line-height:1.5}.brand-block{gap:11px}
 .hero-copy .eyebrow{font-size:10px;letter-spacing:.08em}.hero-title,html[lang^=zh] .hero-title{font-size:14px}
 .hero-services{font-size:15px;letter-spacing:.02em}.hero-copy .button{font-size:15px;min-height:48px}
 .hero-pending{font-size:11px;max-width:58%;bottom:10px}
 .section-heading>p,.service-card p,.feature p{font-size:16px}.feature h3{font-size:27px}
 .service-card{padding:27px}.contact-heading-band{padding:29px 0}.contact-heading-band h2{font-size:34px}
 .contact-heading-band p{font-size:16px}.home-connect .contact-section{padding-top:35px}
 .contact-strip{gap:21px 18px}.contact-identity p{font-size:13px}.contact-identity .contact-brokerage{font-size:12px}
 .contact-method,.contact-method:last-child{margin-left:0}.contact-method>a{font-size:17px}
 .contact-method>span{font-size:13px}.qr-label{font-size:14px}
 .qr-enlarge,.qr-download{font-size:14px;gap:6px}.qr-note{font-size:12px;line-height:1.7}
 .qr-image-button{padding:11px}.inquiry-panel>p{font-size:16px}.inquiry-panel>small{font-size:12px}
 .footer-main{display:grid;grid-template-columns:1fr;gap:25px}.footer-main p{font-size:13px}
 .footer-brokerage{align-items:flex-end;justify-self:end;text-align:right;max-width:255px}
 .footer-bottom{font-size:12px;gap:8px}.footer-bottom span:last-child{text-align:left}
 .page-intro .lead{font-size:16px}.about-profile p{font-size:13px}.about-copy p{font-size:17px}
 .service-detail .service-detail-top h2{font-size:28px}.service-detail-top{min-height:0;margin-bottom:21px}
 .service-detail>p{font-size:16px}.service-detail li{font-size:15px}.commercial p{font-size:16px}
 .area-group-card p{font-size:15px}.area-link-bottom{font-size:14px}.community-tags{font-size:14px}
 .community-link{font-size:14px}.photo-placeholder{font-size:13px}.other-areas p{font-size:15px}
 .area-note,.draft-note{font-size:13px}.back-areas{font-size:15px}
 .transactions-grid{grid-template-columns:1fr}.transaction-copy{padding:23px}
 .transaction-type{font-size:15px}.transaction-price{font-size:24px}.transaction-price small{font-size:14px}
 .transaction-copy h3{font-size:17px;margin:0}.reference-label{font-size:10px}
 .dialog-tags span{font-size:14px}.dialog-description{font-size:16px}.qr-dialog>p{font-size:15px}
 .qr-dialog .text-link{font-size:14px}.qr-dialog .dialog-actions{gap:12px}
}
@media(max-width:360px){
 .header-inner{gap:10px}.brand-block{gap:9px}.brokerage-header{max-width:186px;font-size:11.5px}
 .hero-copy .hero-services{font-size:14px}.hero-copy .button-row{align-items:flex-start}
 .hero-pending{max-width:55%;font-size:10px}.transaction-copy{padding:21px}
 .transaction-type{font-size:14px}.transaction-price{font-size:23px}.qr-enlarge,.qr-download{font-size:13px}
}

/* V3: targeted changes on the supplied V2 layout. */
.brand-company{display:flex;align-items:center;min-height:44px}
.target-one-logo{width:120px;height:auto}
.portrait-original{clip-path:none}
.portrait-window{position:relative;background:#fff;overflow:hidden}
.portrait-window .portrait-thumb{position:absolute;max-width:none;width:175%;height:auto;left:50%;top:-10%;object-fit:initial;object-position:initial;transform:translateX(-50%);transform-origin:initial}
.home-services .section-heading>p{max-width:none}
.service-title-row,.feature-title-row{display:flex;align-items:center;gap:13px;margin-bottom:17px;width:100%;min-width:0}
.service-title-row>.icon,.feature-title-row>.icon{width:30px;height:30px;flex:0 0 30px;margin:0;color:#7d6a50}
.service-title-row h3,.feature-title-row h3{margin:0;min-width:0}
.feature-title-row h3{font-size:26px}
body[data-route="about"] .page-intro .eyebrow{font-size:14px}
body[data-route="about"] .page-intro .lead{font-size:19px}
.about-profile p:last-child{line-height:1.75}
.transaction-heading{gap:20px;flex-wrap:wrap}
.transaction-heading span{font-family:var(--sans);font-size:14px;line-height:1.6;color:var(--muted);padding-left:20px}
.contact-intro{background:var(--warm);border-bottom:1px solid var(--line);padding:28px 0}
.contact-intro h1{font-family:var(--serif);font-size:24px;line-height:1.6;letter-spacing:0}
.contact-footer{padding:0;background:#fff;border-top:0}
.contact-footer .contact-heading-band{padding:27px 0 25px}
.contact-footer .contact-heading-band h2{font-size:36px}
.contact-footer .contact-heading-band p{margin-top:7px}
.contact-footer-content{padding:36px 0 38px}
.contact-footer .contact-strip{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-bottom:27px;margin-bottom:29px}
.contact-person{display:flex;align-items:center;gap:22px;min-width:0}
.contact-footer .contact-avatar{width:88px;height:104px;flex:0 0 88px}
.contact-identity{margin:0;flex:initial}
.contact-identity h3{font-family:var(--serif);font-size:27px;letter-spacing:.035em;margin-bottom:5px}
.contact-identity p{font-size:14px;margin:3px 0;line-height:1.65}
.contact-identity .contact-brokerage{font-size:14px}
.contact-methods{display:grid;gap:12px;margin:0;min-width:0}
.contact-footer .contact-method{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:baseline;margin:0;font-size:16px}
.contact-method dt{color:var(--muted);font-size:14px;letter-spacing:0}
.contact-method dd{margin:0;min-width:0}
.contact-method a{white-space:nowrap}
.contact-method a:hover{text-decoration:underline;text-underline-offset:4px}
.contact-footer .contact-bottom{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:60px;align-items:center}
.contact-footer .qr-grid{gap:30px;max-width:480px}
.contact-footer .qr-card{align-items:center;text-align:center}
.contact-footer .qr-card h3{font-size:25px}
.contact-footer .qr-label{font-size:14px;margin:5px 0 13px}
.contact-footer .qr-image-button{max-width:184px;padding:12px;min-width:0}
.contact-footer .inquiry-panel{padding:25px 29px;background:var(--warm);width:100%}
.inquiry-panel h3{font-family:var(--serif);font-size:29px;line-height:1.3;margin-bottom:13px}
.contact-footer .inquiry-panel>p{font-size:16px;line-height:1.8;margin-bottom:13px}
.contact-footer .inquiry-panel .button{margin-top:0}
.contact-footer .footer-bottom{padding:19px 0;font-size:13px;line-height:1.7;gap:20px;align-items:center}
.qr-dialog .dialog-actions{justify-content:flex-end}
@media(max-width:1020px){
 .contact-footer .contact-strip{flex-wrap:wrap;gap:25px}
 .contact-methods{margin-left:auto}
 .contact-footer .contact-bottom{gap:32px}
 .contact-footer .qr-grid{gap:19px}
 .contact-footer .inquiry-panel{padding:24px}
 .inquiry-panel h3{font-size:27px}
 .feature-title-row{gap:10px}.feature-title-row h3{font-size:24px}
}
@media(max-width:760px){
 .target-one-logo{width:112px}
 .hero-portrait .portrait-original{height:360px;bottom:-32px}
 .service-title-row,.feature-title-row{gap:12px;margin-bottom:16px}
 .feature-title-row h3{font-size:26px}
 .about-profile{grid-template-columns:115px minmax(0,1fr)}
 .about-profile p:last-child{font-size:13px;line-height:1.7}
 body[data-route="about"] .page-intro .lead{font-size:18px}
 .transaction-heading{gap:12px}.transaction-heading span{font-size:13px;padding-left:14px}
 .contact-intro{padding:22px 0}.contact-intro h1{font-size:20px}
 .contact-footer .contact-heading-band{padding:25px 0}
 .contact-footer .contact-heading-band h2{font-size:32px}
 .contact-footer-content{padding:29px 0 30px}
 .contact-footer .contact-strip{display:flex;align-items:stretch;flex-direction:column;gap:23px;padding-bottom:24px;margin-bottom:26px}
 .contact-person{gap:17px}
 .contact-footer .contact-avatar{width:78px;height:96px;flex-basis:78px}
 .contact-identity h3{font-size:25px}
 .contact-identity p{font-size:13px}
 .contact-identity .contact-brokerage{font-size:12.5px}
 .contact-methods{margin:0;gap:12px}
 .contact-footer .contact-method{grid-template-columns:42px minmax(0,1fr);gap:13px;font-size:15.5px}
 .contact-method dt{font-size:14px}
 .contact-footer .contact-bottom{grid-template-columns:minmax(0,1fr);gap:29px}
 .contact-footer .qr-grid{gap:20px;width:100%;max-width:430px;margin-inline:auto}
 .contact-footer .qr-card h3{font-size:24px}
 .contact-footer .qr-label{font-size:13px}
 .contact-footer .qr-image-button{padding:10px}
 .contact-footer .inquiry-panel{padding:25px 23px}
 .contact-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:6px;font-size:12.5px;padding-block:18px}
}
@media(max-width:360px){
 .hero-portrait .portrait-original{height:330px;bottom:-37px}
 .contact-person{gap:14px}.contact-identity h3{font-size:24px}
 .contact-footer .qr-grid{gap:16px}
 .contact-footer .contact-method{gap:10px;font-size:15px}
}

/* V4: refinement of the retained V3 components; no new page structure. */
:root{--ink:#30383D;--body-size:16.5px;--body-leading:1.65;--sans:Arial,'Helvetica Neue',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif}
html[lang^=zh]{--body-size:17px;--body-leading:1.78}
body{font-size:var(--body-size);line-height:var(--body-leading)}
h1,h2,h3,.community-name{color:var(--blue)}
h1,.page-intro h1{font-size:clamp(34px,3.65vw,46px);line-height:1.2;letter-spacing:-.025em}
h2,.section-heading h2,.community-heading{font-size:clamp(28px,2.9vw,36px);line-height:1.25}
html[lang^=zh] h1,html[lang^=zh] h2,html[lang^=zh] h3,html[lang^=zh] .community-name{font-family:var(--sans);letter-spacing:0;font-weight:500}
html[lang^=zh] .hero-copy h1,html[lang^=zh] .about-profile h2,html[lang^=zh] .contact-identity h3{font-family:var(--serif);font-weight:400}
.nav-link{font-size:15px}.language-switch{font-size:15px}
.nav-link:after{content:'';height:1px;background:var(--gold);position:absolute;bottom:5px;left:0;width:0;transition:width .2s}
.nav-link:hover:after,.nav-link[aria-current=page]:after{width:100%}
.button{font-size:15.5px;min-height:48px}.text-link{font-size:15px}
.hero{background:#dce4e7}
.hero-background{position:absolute;inset:0}
.hero-background:after{content:'';position:absolute;inset:0;background:rgba(52,73,87,.14)}
.hero-residence{width:100%;height:100%;object-fit:cover;object-position:right 54%}
.hero-copy{width:min(440px,100%);margin-left:14px;padding:34px 28px;background:rgba(247,247,245,.96);box-shadow:none;border-left:1px solid var(--gold)}
.hero-copy h1,html[lang^=zh] .hero-copy h1{font-size:clamp(54px,4.5vw,60px);line-height:1.08;letter-spacing:.01em}
.hero-copy .eyebrow{font-size:11px;letter-spacing:.13em;line-height:1.65}
.hero-title,html[lang^=zh] .hero-title{font-size:15px;line-height:1.6;margin:12px 0 19px;letter-spacing:.025em}
.hero-slogan{font-size:26px;line-height:1.4;max-width:360px}
html[lang^=zh] .hero-slogan{font-size:25px;line-height:1.5;letter-spacing:.02em}
.hero-services{font-size:15px;line-height:1.65;margin-bottom:24px;letter-spacing:.02em}
.hero-art-label{position:absolute;z-index:3;right:18px;bottom:12px;max-width:calc(100% - 36px);padding:3px 7px;background:rgba(247,247,245,.9);color:var(--blue);font-size:11px;line-height:1.5}
.section{padding-block:76px}
.section-heading{gap:32px;margin-bottom:34px}
.section-heading>p,.service-card p,.feature p,.page-intro .lead,.about-copy p,.service-detail>p,.service-detail li,.commercial p,.area-group-card p,.other-areas p,.dialog-description{font-size:var(--body-size);line-height:var(--body-leading)}
.section-heading>p,.features-section .section-heading>p{max-width:none}
.service-card{border-top:1px solid var(--gold)}
.service-title-row h3,.feature-title-row h3,.service-card h3,.feature h3{font-size:25px;line-height:1.3}
.page-intro{padding:52px 0 48px}
.page-intro .lead{max-width:850px;margin-top:23px}
.page-intro .lead p{margin-bottom:1em}.page-intro .lead p:last-child{margin-bottom:0}
body[data-route="about"] .page-intro .lead{font-size:19px}
.about-copy p,html[lang^=zh] .about-copy p{line-height:var(--body-leading);margin-bottom:25px}
.about-copy p:first-child,html[lang^=zh] .about-copy p:first-child{font-family:var(--sans);font-size:20px;line-height:1.7}
.about-profile h2{font-size:25px}.about-profile p,.about-profile p:last-child{font-size:14px}
.service-detail{padding:28px;min-width:0}
.service-detail-top{min-height:66px;margin-bottom:20px;gap:12px}
.service-detail .service-detail-top h2{font-size:27px;line-height:1.25;overflow-wrap:break-word}
.service-detail>p,html[lang^=zh] .service-detail>p{min-height:7em;margin-bottom:24px}
.service-steps{padding-top:23px;border-top:1px solid var(--line)}
.service-detail ul{margin:0;padding:0;border:0;display:block}
.service-detail li{margin-bottom:15px;gap:10px}
.service-detail li:last-child{margin-bottom:0}
.service-detail li span{min-width:0;overflow-wrap:break-word}
.service-detail li .icon{margin-top:6px}
.lease-group h3{font-family:var(--sans);font-size:17px;font-weight:600;line-height:1.6;margin-bottom:13px}
.lease-group+.lease-group{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}
.commercial h2{font-size:30px}
.area-group-card h3{font-size:27px;line-height:1.25}
.area-group-card:hover{transform:none}
.community-name{font-size:24px;line-height:1.35}
.community-card:hover{box-shadow:none}
.community-tags,.community-link,.area-link-bottom{font-size:15px}
.photo-placeholder{background:var(--pale);font-size:14px}
.other-areas{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 24px;margin-top:44px;padding-top:24px}
.other-areas h2{font-size:18px;line-height:1.65;margin:0;flex-shrink:0}
.other-areas p{display:flex;flex-wrap:wrap;gap:6px 0;margin:0}
.other-areas .other-area-name{color:var(--muted);padding:0;white-space:nowrap}
.other-area-name+.other-area-name:before{content:'·';color:var(--gold);padding-inline:12px}
.area-note,.draft-note{font-size:13px;line-height:1.75}
body[data-route^="area-guides/"] main>.section{padding-bottom:0}
.area-explore-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px 28px;padding-block:38px 60px;background:none;box-shadow:none;border:0}
.area-explore-row>span{font-size:var(--body-size);line-height:1.65;color:var(--blue)}
.area-return-button{border:1px solid var(--blue);background:transparent;color:var(--blue);padding:11px 19px;min-height:46px}
.area-return-button:hover{background:var(--warm)}
#detail-dialog{width:min(720px,calc(100% - 40px));max-height:calc(100dvh - 40px);overscroll-behavior:contain;box-shadow:0 12px 48px #132b3d33}
.dialog-content{padding:30px 36px}
.dialog-content h2{font-size:32px;line-height:1.3}
.dialog-description{margin-bottom:27px}
.dialog-description p{margin-bottom:1.15em}.dialog-description p:last-child{margin-bottom:0}
.dialog-tags span{font-size:14px}
.contact-intro h1{font-size:24px;line-height:1.6;letter-spacing:0}
.contact-footer .contact-heading-band h2{font-size:36px;color:#fff}
.contact-footer .contact-heading-band p{font-size:15px;line-height:1.7}
.contact-identity p,.contact-identity .contact-brokerage,.contact-footer .qr-label{font-size:14px;line-height:1.65}
.contact-footer .contact-method{font-size:15px}.contact-method dt{font-size:14px}
.contact-method a{overflow-wrap:anywhere;white-space:normal}
.contact-identity h3{font-size:27px}.contact-footer .qr-card h3{font-size:25px}
.contact-footer .inquiry-panel>p{font-size:15px;line-height:1.7}
.contact-footer .inquiry-panel{border-top:1px solid var(--gold)}
.inquiry-panel h3{font-size:28px}
.contact-footer .inquiry-panel>small{font-size:14px;line-height:1.65}
.contact-footer .footer-bottom{font-size:14px;line-height:1.7;flex-wrap:wrap}
@media(min-width:761px) and (max-width:1020px){
 .hero-inner{grid-template-columns:32% 68%}
 .hero-copy{width:min(420px,100%);margin-left:0;padding:30px 24px}
 .hero-copy h1,html[lang^=zh] .hero-copy h1{font-size:54px}
 .hero-slogan{font-size:24px}.hero-copy .button{font-size:15.5px}
 .service-detail{padding:23px}.service-detail .service-detail-top h2{font-size:25px}
 .service-detail>p,html[lang^=zh] .service-detail>p{min-height:9.5em}
 .section{padding-block:62px}.service-title-row h3,.feature-title-row h3{font-size:23px}
 .contact-footer .contact-bottom{gap:28px}
}
@media(min-width:761px) and (max-width:900px){
 .services-detail-grid{grid-template-columns:1fr}
 .service-detail-top{min-height:0}
 .service-detail>p,html[lang^=zh] .service-detail>p{min-height:0}
 .service-detail ul{display:block}
}
@media(max-width:760px){
 body{font-size:var(--body-size)}
 .nav-link{font-size:15px}
 .hero-inner{padding-top:24px}
 .hero-background{inset:auto 0 0;height:355px}
 .hero-residence{object-position:74% center}
 .hero-copy{width:100%;padding:27px 24px;margin:0;background:var(--warm)}
 .hero-copy h1,html[lang^=zh] .hero-copy h1{font-size:clamp(40px,10.7vw,52px);white-space:nowrap}
 .hero-copy .eyebrow{font-size:10px;letter-spacing:.085em}
 .hero-copy .hero-slogan,html[lang^=zh] .hero-slogan{font-size:24px}
 .hero-title,html[lang^=zh] .hero-title{font-size:14px}
 .hero-portrait{margin-top:18px}
 /* Preserve the V3 portrait scale/vertical offsets: full head and natural hands. */
 .hero-portrait .portrait-original{left:36%;height:360px;bottom:-32px}
 .hero-copy .hero-services{font-size:15px}.hero-copy .button{font-size:15.5px}
 .hero-art-label{font-size:10px;bottom:9px;right:12px}
 .section{padding-block:50px}.section-heading{margin-bottom:28px}
 .section-heading h2,.community-heading{font-size:30px}
 .section-heading>p,.service-card p,.feature p,.page-intro .lead,.service-detail>p,.service-detail li,.commercial p,.area-group-card p,.other-areas p,.dialog-description{font-size:var(--body-size);line-height:var(--body-leading)}
 .service-title-row h3,.feature-title-row h3,.service-card h3,.feature h3{font-size:25px}
 .page-intro{padding:36px 0}.page-intro h1{font-size:34px;line-height:1.25}
 .page-intro .lead{margin-top:21px}
 .about-profile{column-gap:18px}.about-profile p,.about-profile p:last-child{font-size:14px}
 .about-profile h2{font-size:24px}.about-copy p{font-size:var(--body-size)}
 .about-copy p:first-child,html[lang^=zh] .about-copy p:first-child{font-size:19px}
 .service-detail{padding:26px 24px}.service-detail-top{min-height:0}
 .service-detail>p,html[lang^=zh] .service-detail>p{min-height:0}
 .service-detail .service-detail-top h2{font-size:27px}
 .community-name{font-size:23px}.community-tags,.community-link{font-size:14px}
 .other-areas{gap:10px 20px;margin-top:32px}.other-areas h2{font-size:18px}
 .area-explore-row{gap:14px 20px;padding-block:30px 42px}
 .area-return-button{font-size:15px;min-height:46px}
 #detail-dialog{width:calc(100% - 28px);max-height:calc(100dvh - 28px)}
 .dialog-content{padding:25px 22px}.dialog-content h2{font-size:28px;overflow-wrap:break-word}
 .contact-intro h1{font-size:20px}
 .contact-footer .contact-heading-band h2{font-size:32px}
 .contact-footer .contact-heading-band p{font-size:15px}
 .contact-identity p,.contact-identity .contact-brokerage,.contact-footer .qr-label{font-size:14px}
 .contact-identity h3{font-size:25px}
 .contact-footer .contact-method{font-size:15px;gap:10px}
 .contact-footer .qr-card h3{font-size:24px}
 .contact-footer .inquiry-panel>p{font-size:15px}
 .contact-footer .footer-bottom{font-size:14px;gap:6px}
}
@media(max-width:360px){
 .hero-copy{padding:25px 20px}
 .hero-copy h1,html[lang^=zh] .hero-copy h1{font-size:40px}
 .hero-copy .hero-slogan,html[lang^=zh] .hero-slogan{font-size:22px}
 .hero-portrait .portrait-original{height:330px;bottom:-37px}
 .hero-background{height:315px}
 .contact-person{gap:14px}.contact-identity h3{font-size:24px}
}

/* V5 approved A direction: continuous navy header + portrait, quiet contact area. */
.site-header{background:#344957;border-bottom:1px solid #ffffff16;color:#f7f7f5}
.header-inner{min-height:102px;gap:24px}
.brand-company{padding:11px 13px;background:#f7f7f5;border-radius:2px;min-height:0}
.target-one-logo{width:168px;height:auto}
.site-header .nav-link{color:#f7f7f5;font-size:15px}
.site-header .language-switch a{color:#e2e7e9}.site-header .language-switch .current{color:white}
.site-header .language-switch span{color:#b6c1c8}
.site-header a:focus-visible,.site-header button:focus-visible{outline-color:#d7c4aa}
.menu-toggle span{background:#f7f7f5}
.hero{background:#344957;border:0;min-height:0;color:#f7f7f5}
.hero:after{display:none}
.hero-ambience{position:absolute;inset:0;background:radial-gradient(ellipse at 24% 46%,#53677766,transparent 58%);pointer-events:none}
.hero-ambience:after{content:'';position:absolute;left:5%;top:5%;width:34%;height:75%;border:1px solid #ffffff09;transform:skewY(-7deg);pointer-events:none}
.hero-inner{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:35px;align-items:center;min-height:560px;padding-top:0}
.hero-portrait{height:560px;align-self:end;position:relative;margin:0;overflow:hidden;isolation:isolate}
.hero-portrait .portrait-original{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:540px;width:auto;max-width:none;clip-path:none;filter:none}
.hero-copy{padding:32px 0 46px;margin:0;width:100%;max-width:none;min-width:0;background:transparent;border:0;box-shadow:none}
.hero-copy h1,html[lang^=zh] .hero-copy h1{color:#fff;font-size:60px;line-height:1.1;letter-spacing:.01em;white-space:nowrap}
.hero-copy .eyebrow{color:#dacbb8;font-size:12px;letter-spacing:.12em;margin-bottom:16px}
.hero-title,html[lang^=zh] .hero-title{color:#d6dfe4;font-size:16px;margin:12px 0 27px;letter-spacing:.04em}
.hero-copy .hero-slogan,html[lang^=zh] .hero-copy .hero-slogan{color:#f7f7f5;font-size:30px;line-height:1.5;letter-spacing:-.025em;white-space:nowrap;margin-bottom:14px}
.hero-copy .hero-services{font-size:16px;letter-spacing:.025em;color:#d6dfe4;margin-bottom:30px}
.hero-copy .button{background:#f7f7f5;border:1px solid #f7f7f5;color:#344957;font-size:16px;padding:13px 23px;min-height:50px}
.hero-copy .button:hover{background:#e8e4dd;border-color:#e8e4dd}
.hero-copy .button:focus-visible{outline-color:#d7c4aa}
.home-services .service-card{border:0;border-top:1px solid #cdd3d6;box-shadow:none;padding:26px 0 6px;background:transparent}
.home-services .services-grid,.features-grid{gap:40px}
.home-services .service-title-row{min-height:64px;align-items:flex-start;margin-bottom:15px}
.features-section .feature{border:0;border-top:1px solid #cdd3d6;padding-top:25px}
.features-section .feature-title-row{align-items:flex-start;min-height:68px;margin-bottom:15px}
.feature-title-row h3,.service-title-row h3{font-size:25px;line-height:1.35}
.service-detail-top{display:block;min-height:70px}
.service-detail-top h2{margin:0}
.area-group-card{min-height:225px;padding:32px}
.area-group-card h3{margin-bottom:19px}
.area-group-card>div{min-width:0}
.area-group-card p{overflow-wrap:break-word}
.community-card>img,.community-card>.photo-placeholder{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}
.photo-credit{font-family:var(--sans);font-size:12px;line-height:1.55;color:var(--muted);margin:14px 0 0}
.photo-credit a{text-decoration:underline;text-underline-offset:3px}
.photo-credit a:hover{color:var(--blue)}
.community-photo-credit{display:block;font-size:11px;font-weight:400;line-height:1.5;color:var(--muted);margin-top:13px;overflow-wrap:anywhere}
.dialog-content .photo-credit{margin:0 0 20px;overflow-wrap:anywhere}
.dialog-image>img{aspect-ratio:16/9;width:100%;height:auto;object-fit:cover}
.transaction-copy .transaction-facts{display:flex;flex-wrap:wrap;gap:0 5px;font-family:var(--sans);font-size:13.5px;line-height:1.7;color:#64717a;margin:10px 0 0}
.transaction-facts>span{white-space:nowrap}
.contact-footer{background:#fff;border-top:1px solid var(--line);padding-top:0;box-shadow:none}
.contact-footer .contact-heading{background:transparent;color:var(--blue);padding:42px 0 0;border:0;box-shadow:none}
.contact-footer .contact-heading h2{font-size:36px;color:var(--blue);margin:0 0 9px}
.contact-footer .contact-heading p{font-size:16px;line-height:1.7;color:#63717a;margin:0}
.contact-footer-content{padding-top:31px}
.contact-footer .inquiry-panel{background:#f7f7f5;border:0;box-shadow:none}
@media(max-width:1100px){
 .header-inner{gap:18px}.target-one-logo{width:150px}
 .hero-inner{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:24px}
 .hero-copy h1,html[lang^=zh] .hero-copy h1{font-size:56px}
 .hero-copy .hero-slogan,html[lang^=zh] .hero-copy .hero-slogan{font-size:30px}
 .home-services .services-grid,.features-grid{gap:26px}
}
@media(max-width:1020px){
 #site-navigation{background:#344957;border-color:#ffffff20;color:#f7f7f5;box-shadow:0 12px 24px #17273320}
 .hero-inner{min-height:500px}.hero-portrait{height:500px}.hero-portrait .portrait-original{height:475px}
 .hero-copy .hero-slogan,html[lang^=zh] .hero-copy .hero-slogan{white-space:normal}
}
@media(max-width:760px){
 .header-inner{min-height:84px}.brand-company{padding:8px 10px}.target-one-logo{width:140px}
 .hero-inner{display:flex;flex-direction:column;gap:0;min-height:0;padding-top:0;align-items:stretch}
 .hero-copy{order:0;padding:32px 0 0;margin:0;background:none;border:0;width:100%;text-align:left}
 .hero-copy h1,html[lang^=zh] .hero-copy h1{font-size:clamp(42px,11vw,52px)}
 .hero-copy .eyebrow{font-size:11px;letter-spacing:.09em;margin-bottom:12px}
 .hero-title,html[lang^=zh] .hero-title{font-size:15px;margin:10px 0 20px}
 .hero-copy .hero-slogan,html[lang^=zh] .hero-copy .hero-slogan{font-size:27px;white-space:normal;line-height:1.45;margin-bottom:12px}
 .hero-copy .hero-services{font-size:15px;line-height:1.7;margin-bottom:20px}
 .hero-copy .button-row{margin:0}.hero-copy .button{font-size:16px;min-height:48px}
 .hero-portrait{order:1;align-self:center;width:100%;height:280px;margin-top:24px;overflow:hidden}
 .hero-portrait .portrait-original{height:430px;width:auto;max-width:none;top:0;bottom:auto;left:50%;transform:translateX(-50%)}
 .hero-ambience:after{width:60%;height:30%;top:auto;bottom:6%}
 .home-services .services-grid,.features-grid{gap:25px}
 .home-services .service-title-row,.features-section .feature-title-row{min-height:0;margin-bottom:14px}
 .home-services .service-card{padding:23px 0 0}
 .features-section .feature{padding-top:23px;padding-bottom:0}
 .feature-title-row h3,.service-title-row h3{font-size:25px}
 .service-detail-top{min-height:0}
 .area-group-card{padding:27px;min-height:210px}
 .contact-footer .contact-heading{padding-top:33px}.contact-footer .contact-heading h2{font-size:32px}
 .contact-footer .contact-heading p{font-size:15px}
 .contact-footer-content{padding-top:27px}
 .contact-method a{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:360px){
 .hero-copy{padding-top:28px}.hero-copy h1,html[lang^=zh] .hero-copy h1{font-size:42px}
 .hero-copy .hero-slogan,html[lang^=zh] .hero-copy .hero-slogan{font-size:27px}
 .hero-portrait{height:260px}.hero-portrait .portrait-original{height:410px;top:0;bottom:auto}
}

/* V6: retain the site components; refine the approved light Hero and shared layouts. */
.site-header{background:#344957;border-bottom:0}
.header-inner{min-height:88px;gap:28px}
.brand-company{display:flex;align-items:center;gap:12px;padding:0;background:none;border:0;border-radius:0}
.target-one-symbol{width:52px;height:52px;flex:none}
.brand-wording{display:flex;flex-direction:column;gap:5px;white-space:nowrap}
.brand-name{font-family:var(--sans);font-size:25px;line-height:1.05;letter-spacing:.01em;font-weight:600;color:#f7f7f5}
.brand-legal{font-family:var(--sans);font-size:11.5px;line-height:1.35;letter-spacing:.025em;color:#e0e6e9}
.hero{background:#edf1f2;color:#344957;border-bottom:1px solid #e1e6e8}
.hero-ambience{background:radial-gradient(ellipse at 25% 40%,#fff9,transparent 68%)}
.hero-ambience:after{display:none}
.hero-architecture{position:absolute;right:-48px;bottom:-5px;width:400px;height:auto;color:#768d99;opacity:.13;pointer-events:none}
.hero-inner{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:34px;min-height:510px}
.hero-portrait{height:510px;overflow:hidden}
.hero-portrait .portrait-original{height:490px;top:auto;bottom:0;filter:none}
.hero-copy{padding:32px 0 36px;background:none;border:0;box-shadow:none}
.hero-copy h1,html[lang^=zh] .hero-copy h1{color:#344957;font-size:60px;line-height:1.1}
.hero-copy .eyebrow{color:#75624b;letter-spacing:.12em}
.hero-title,html[lang^=zh] .hero-title{color:#566b77;margin:12px 0 25px}
.hero-copy .hero-slogan,html[lang^=zh] .hero-copy .hero-slogan{color:#344957;font-size:30px;max-width:none;white-space:nowrap;line-height:1.45}
.hero-copy .hero-services{color:#566b77;margin-bottom:26px}
.hero-copy .button{background:#344957;border-color:#344957;color:#fff}
.hero-copy .button:hover{background:#253d4c;border-color:#253d4c}
.hero-copy .button:focus-visible{outline-color:#344957}
.services-detail-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
.services-detail-grid .service-detail{display:block;width:100%;padding:34px 38px;background:#fff;border:1px solid #dce0df;box-shadow:none}
.services-detail-grid .service-detail-top{min-height:0;margin-bottom:15px}
.services-detail-grid .service-detail-top h2{font-size:30px;line-height:1.25;color:#344957}
.services-detail-grid .service-detail>p,html[lang^=zh] .services-detail-grid .service-detail>p{min-height:0;max-width:870px;margin:0 0 24px}
.services-detail-grid .service-steps{padding-top:24px}
.services-detail-grid .service-steps>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;row-gap:20px;align-items:start}
.services-detail-grid .service-detail li{margin:0;align-items:flex-start;line-height:1.7}
.service-step-title{display:block;font-size:inherit;font-weight:600;color:#344957;line-height:1.5;margin-bottom:5px}
.services-detail-grid .service-steps:has(.lease-group){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.services-detail-grid .lease-group{margin:0;padding:0;border:0}
.services-detail-grid .lease-group h3{font-size:20px;margin-bottom:18px}
.services-detail-grid .lease-group ul{display:grid;gap:18px}
.contact-footer{background:#f7f7f5;border-top:1px solid #dce0df}
.contact-footer .contact-heading{padding-top:42px}
.contact-footer-content{padding:32px 0 40px}
.contact-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(390px,1.15fr);column-gap:72px;align-items:start}
.contact-footer .contact-strip{display:flex;flex-direction:column;align-items:flex-start;gap:25px;padding:0;margin:0;border:0;min-width:0}
.contact-footer .contact-person{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.contact-footer .contact-avatar{width:100px;height:126px;flex:none;border:0}
.contact-footer .contact-identity h3{font-size:29px;margin:0 0 9px}
.contact-footer .contact-identity p{font-size:15px;margin:0 0 5px;line-height:1.6}
.contact-footer .contact-identity .contact-brokerage{font-size:14px;line-height:1.6;margin:0}
.contact-footer .contact-methods{display:grid;gap:14px;margin:0;width:100%;min-width:0}
.contact-footer .contact-method{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;margin:0;font-size:16px}
.contact-footer .contact-method dt{font-size:14px;line-height:1.7}
.contact-footer .contact-method dd{margin:0;min-width:0}
.contact-footer .contact-method a{font-size:16px;line-height:1.7;white-space:normal;overflow-wrap:anywhere}
.contact-footer .contact-bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:25px;align-items:start;min-width:0}
.contact-footer .qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:410px;gap:28px;margin:0}
.contact-footer .qr-card{display:flex;align-items:flex-start;text-align:left;min-width:0}
.contact-footer .qr-card h3{font-size:24px;line-height:1.3;margin-bottom:7px}
.contact-footer .qr-label{font-size:13px;line-height:1.5;margin:0 0 13px;min-height:20px}
.contact-footer .qr-image-button{width:160px;max-width:100%;padding:9px;background:#fff;border:1px solid #e1e3e1}
.contact-footer .qr-image{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.contact-footer .inquiry-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;padding:23px 24px;border:1px solid #dce0df;background:#fff;box-shadow:none;min-height:0}
.contact-footer .inquiry-copy{min-width:0}
.contact-footer .inquiry-panel h3{font-size:26px;line-height:1.25;margin:0 0 9px}
.contact-footer .inquiry-panel p{font-size:15px;line-height:1.7;margin:0;max-width:390px}
.contact-footer .inquiry-panel .button{margin:0;min-width:0;min-height:47px;max-width:100%;font-size:14px;padding:12px 16px;gap:12px;white-space:normal;text-align:center}
.footer-legal{background:#344957;color:#f1f4f5}
.contact-footer .footer-bottom{border:0;background:none;color:inherit;padding:20px 0;font-size:12.5px;line-height:1.7;gap:22px}
.contact-footer .footer-bottom span{color:inherit}
.parking-split{cursor:help;text-underline-offset:3px;text-decoration:underline dotted #9ba7ae}
@media(max-width:1100px){
 .header-inner{gap:20px}.brand-name{font-size:23px}.target-one-symbol{width:48px;height:48px}
 .hero-inner{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:26px}
 .contact-layout{column-gap:40px;grid-template-columns:minmax(245px,.82fr) minmax(340px,1.18fr)}
 .contact-footer .inquiry-panel{grid-template-columns:minmax(0,1fr)}
 .contact-footer .inquiry-panel .button{justify-self:end}
}
@media(max-width:1020px){
 .hero-inner{min-height:460px}.hero-portrait{height:460px}.hero-portrait .portrait-original{height:440px}
 .hero-copy .hero-slogan,html[lang^=zh] .hero-copy .hero-slogan{white-space:normal}
 .hero-copy h1,html[lang^=zh] .hero-copy h1{font-size:54px}
 .hero-architecture{width:300px;opacity:.1}
}
@media(max-width:900px){
 .contact-layout{grid-template-columns:minmax(230px,.8fr) minmax(280px,1fr);gap:30px}
 .contact-footer .qr-grid{gap:20px}.contact-footer .qr-image-button{width:140px}
 .contact-footer .contact-method{grid-template-columns:minmax(0,1fr);gap:3px}
 .services-detail-grid .service-detail{padding:30px}
 .services-detail-grid .service-steps>ul,.services-detail-grid .service-steps:has(.lease-group){column-gap:28px}
}
@media(max-width:760px){
 .header-inner{min-height:78px}.brand-company{gap:10px}.target-one-symbol{width:43px;height:43px}
 .brand-name{font-size:22px}.brand-legal{font-size:10.5px;letter-spacing:0}.brand-wording{gap:4px}
 .hero-inner{display:flex;flex-direction:column;gap:0;min-height:0}
 .hero-copy{order:0;padding:29px 0 0;margin:0}
 .hero-copy h1,html[lang^=zh] .hero-copy h1{font-size:clamp(42px,11vw,52px)}
 .hero-title,html[lang^=zh] .hero-title{margin:10px 0 18px}
 .hero-copy .hero-slogan,html[lang^=zh] .hero-copy .hero-slogan{font-size:27px;line-height:1.4;margin-bottom:12px;white-space:normal}
 .hero-copy .hero-services{margin-bottom:20px}
 .hero-portrait{height:245px;margin-top:20px;width:100%;order:1;align-self:center}
 .hero-portrait .portrait-original{height:400px;top:0;bottom:auto}
 .hero-architecture{width:210px;right:-65px;opacity:.1}
 .services-detail-grid{gap:22px}
 .services-detail-grid .service-detail{padding:25px 22px}
 .services-detail-grid .service-detail-top h2{font-size:28px}
 .services-detail-grid .service-steps>ul,.services-detail-grid .service-steps:has(.lease-group){grid-template-columns:minmax(0,1fr);gap:18px}
 .services-detail-grid .lease-group+.lease-group{border-top:1px solid #dce0df;padding-top:24px;margin-top:6px}
 .contact-footer .contact-heading{padding-top:32px}
 .contact-footer-content{padding:27px 0 32px}
 .contact-layout{grid-template-columns:minmax(0,1fr);gap:31px}
 .contact-footer .contact-strip{gap:22px}
 .contact-footer .contact-person{gap:16px}
 .contact-footer .contact-avatar{width:90px;height:114px}
 .contact-footer .contact-identity h3{font-size:27px}
 .contact-footer .contact-method{grid-template-columns:45px minmax(0,1fr);gap:12px}
 .contact-footer .contact-bottom{gap:24px}
 .contact-footer .qr-grid{gap:24px;max-width:370px;margin:0}
 .contact-footer .qr-image-button{width:148px}
 .contact-footer .qr-card h3{font-size:23px}
 .contact-footer .inquiry-panel{padding:23px 22px;gap:19px}
 .contact-footer .inquiry-panel .button{justify-self:start;font-size:15px}
 .contact-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:6px;padding:18px 0}
 .contact-footer .footer-bottom span:last-child{text-align:left}
}
@media(max-width:360px){
 .hero-copy{padding-top:26px}.hero-copy h1,html[lang^=zh] .hero-copy h1{font-size:42px}
 .hero-portrait{height:235px}.hero-portrait .portrait-original{height:390px;top:0;bottom:auto}
 .hero-copy .button-row{flex-direction:row}
 .brand-name{font-size:21px}.target-one-symbol{width:40px;height:40px}
 .contact-footer .qr-grid{gap:18px}.contact-footer .qr-image-button{width:140px}
}

/* Preserve the residential towers in the portrait-format City Centre source. */
.community-card .community-image-high{object-position:50% 35%}

/* Dialogs show the whole source photograph; cards keep their uniform 16:9 crop. */
.dialog-image>img{aspect-ratio:auto;height:auto;max-height:460px;object-fit:contain;background:#eef0ee}

/* R7 Area Guides only; full SVG viewBox, no internal map scrolling. */
.map-text-card{border:0;border-bottom:1px solid #d7dfdd;background:none;padding:25px 8px 25px 0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;box-shadow:none;color:#344957}.map-text-card h2,.map-card-title{font-family:var(--serif);font-size:25px;line-height:1.25;margin:0 0 12px;display:block}.map-text-card p,.map-card-tags{font-size:14px;line-height:1.75;color:#5d6f77;margin:0 0 20px;display:block}.map-card-action{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;font-size:12px;color:#435b68;margin-top:auto}.map-card-action>span{font-size:20px;color:#9d886b}.map-text-card:hover,.map-text-card:focus-visible,.map-text-card.is-active{background:#f4f3ef;border-bottom-color:#b5a186}.markham-guide-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(280px,1fr);align-items:start;gap:32px}.map-community-cards{display:grid;grid-template-columns:1fr}.map-community-cards .map-text-card:first-child{padding-top:0}.map-community-cards .map-text-card{padding-bottom:19px;padding-top:19px;width:100%}.map-community-cards .map-card-title{font-size:24px;margin-bottom:8px}.map-community-cards .map-card-tags{margin-bottom:12px}.map-community-cards .map-card-action{font-size:12px}.map-list-heading{font-family:var(--sans);font-size:13px;letter-spacing:.06em;color:#62767f;margin:0 0 22px}.map-dialog-top{display:flex;align-items:start;justify-content:space-between;gap:24px;border-bottom:1px solid #dae0df;padding:26px 32px;background:#f7f7f5;position:sticky;top:0;z-index:1}.map-dialog-top h2{font-size:32px;line-height:1.25;margin:5px 0 0}.map-dialog-top .eyebrow{margin:0;font-size:11px}.map-dialog-close{border:1px solid #c7d0cf;background:transparent;width:44px;height:44px;flex:0 0 44px;font-size:26px;line-height:1}.map-dialog-body{padding:28px 32px 32px}.map-dialog-body .dialog-description{font-size:17px;line-height:1.9}.map-dialog-body .dialog-tags{margin-top:0;margin-bottom:25px}.map-dialog-body .dialog-tags span{background:none;border:0;border-right:1px solid #c9d1ce;border-radius:0;padding:0 12px 0 0;margin-right:5px;font-size:13px}.map-dialog-body .dialog-tags span:last-child{border-right:0}.map-dialog-body .dialog-actions{margin-top:28px}
.guide-map-section{padding-block:24px 64px}.city-r7-section{padding-top:0}.guide-map-section .container{min-width:0}.guide-map-panel{border:1px solid var(--line);background:var(--warm);min-width:0;container-type:inline-size}
.map-panel-top{display:flex;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.1em}.map-subtitle{color:#798890;margin-left:14px}
.map-canvas,.map-scroll,.map-stage,.map-geography{min-width:0;max-width:100%;width:100%;height:auto;max-height:none;overflow:visible}
.map-stage{position:relative;isolation:isolate;height:auto;aspect-ratio:1400/1040}.guide-map-panel[data-map-city=gta] .map-stage{height:auto;aspect-ratio:1200/900}
.map-geography{position:absolute;inset:0;z-index:0;height:100%}.guide-svg{display:block;width:100%;height:100%;min-width:0;max-width:100%}
.city-explorer{min-width:0}.city-guide-cards,.gta-map-navigation{position:absolute;inset:0;z-index:1;margin:0;pointer-events:none}
.gta-nav-group{position:absolute;left:2%;top:3%;width:22%;padding:12px;background:rgba(247,247,245,.95);pointer-events:auto}
.map-list-heading{font-family:var(--sans);font-size:clamp(10px,1cqw,12px);line-height:1.5;letter-spacing:.025em;color:#637780;margin:0 0 9px}
.city-explorer .map-community-cards,.map-region-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0}
.guide-map-panel .map-text-card,.guide-map-panel .map-text-card:first-child{position:relative;width:100%;padding:6px 22px 6px 0;min-height:44px;justify-content:center}
.guide-map-panel .map-card-title{font-family:var(--serif);font-size:clamp(15px,1.5cqw,18px);line-height:1.25;margin:0 0 4px;overflow-wrap:normal}
.guide-map-panel .map-card-tags{font-size:clamp(10px,.95cqw,11.5px);line-height:1.45;margin:0;color:#60747c}
.guide-map-panel .map-card-action{position:absolute;right:0;top:calc(50% - 14px);width:18px;min-height:28px;font-size:20px;color:#9d886b}
.map-text-card.is-selected{background:#f3f0e9;border-bottom-color:var(--gold)}.map-text-card:focus-visible{outline:2px solid var(--blue);outline-offset:3px;z-index:2}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.community-contact{font-size:clamp(11px,.96cqw,12px);line-height:1.5;color:#637780;margin:12px 0 0}.community-contact a{text-decoration:underline;text-underline-offset:3px}
.gta-nav-cities{width:20%}.gta-nav-north{left:auto;right:4%;width:20%}.gta-nav-durham{left:auto;right:2%;top:53%;width:18%}.gta-nav-group .map-text-card{padding-block:8px}.gta-nav-group .map-card-title{margin:0}
.map-credit-line{font-size:11px;line-height:1.6;color:#667c85;padding:12px 20px 0}.map-credit-line a,.map-attribution a{text-decoration:underline;text-underline-offset:3px}
.map-source-details{padding:0 20px 10px;color:#6d7e84;font-size:12px}.map-source-details summary{cursor:pointer;min-height:44px;padding-block:10px;line-height:1.8}.map-attribution{font-size:12px;line-height:1.7;margin:0 0 12px;overflow-wrap:anywhere}
.city-page-intro{padding-bottom:24px}.city-introduction{margin-top:20px;color:#536871}.city-intro-copy{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;max-height:5.4em;font-size:17px;line-height:1.8}.city-intro-copy p{font:inherit;margin:0 0 1em;max-width:none}.city-introduction.is-expanded .city-intro-copy{display:block;-webkit-line-clamp:unset;line-clamp:unset;max-height:none;overflow:visible}
.intro-toggle{border:0;border-bottom:1px solid var(--gold);background:none;font-size:13px;padding:8px 0;min-height:44px;color:var(--blue)}
.explore-more-areas{border-top:1px solid var(--line);margin-top:36px;padding-top:28px}.explore-more-areas h2{font-size:27px;margin-bottom:14px}.explore-more-areas p{font-size:16px;color:#637780;max-width:800px}.explore-areas-link{display:inline-block;font-size:14px;padding:8px 0;min-height:44px;text-decoration:underline;text-underline-offset:5px}

/* R7-R1: one left navigation, anchored to each city's approved-guide distribution. */
.city-explorer .city-nav-primary{position:absolute;left:2%;top:var(--nav-center);transform:translateY(-50%);width:22%;padding:12px;background:rgba(247,247,245,.95);pointer-events:auto}
.city-explorer[data-city=markham] .city-nav-primary{width:22%;padding:10px}
.city-explorer[data-city=richmond-hill] .city-nav-primary{width:28%;padding:10px}
.city-explorer[data-city=markham] .map-text-card,.city-explorer[data-city=richmond-hill] .map-text-card{padding-block:4px}
.city-explorer[data-city=markham] .map-card-title,.city-explorer[data-city=richmond-hill] .map-card-title{margin-bottom:2px}
.city-explorer[data-city=markham] .community-contact,.city-explorer[data-city=richmond-hill] .community-contact{margin-top:10px}
.city-explorer .city-nav-primary[data-positioned]{top:var(--nav-top);transform:none}
.city-explorer .map-source-viewport{max-width:none}
.city-explorer[data-city=markham] .map-stage{--nav-center:50.919848%;aspect-ratio:1400/1040}
.city-explorer[data-city=richmond-hill] .map-stage{--nav-center:57.856376%;aspect-ratio:1640/1040}
.city-explorer[data-city=toronto] .map-stage{--nav-center:51.777009%;aspect-ratio:1720/920}
.city-explorer[data-city=mississauga] .map-stage{--nav-center:61.161596%;aspect-ratio:1400/1040}
.city-explorer[data-city=oakville] .map-stage{--nav-center:38.429836%;aspect-ratio:1400/1040}

@media(max-width:1023px){
 .guide-map-panel .map-geography,.guide-map-panel .map-panel-top{display:none}
 .guide-map-panel{background:transparent;border:0;container-type:normal}.guide-map-panel[data-map-city] .map-stage,.city-explorer[data-city] .map-stage{display:block;height:auto;aspect-ratio:auto;min-width:0}
 .city-guide-cards,.gta-map-navigation,.city-nav-primary,.gta-nav-group{position:static;inset:auto;width:100%;max-width:none;padding:0;background:transparent;pointer-events:auto}
 .city-explorer .map-community-cards,.map-region-cards{grid-template-columns:minmax(0,1fr);gap:0}
 .guide-map-panel .map-text-card,.guide-map-panel .map-text-card:first-child{min-height:78px;padding:16px 32px 16px 0}
 .guide-map-panel .map-card-title{font-size:23px;overflow-wrap:anywhere}.guide-map-panel .map-card-tags{font-size:14px}.map-list-heading{font-size:14px;margin-bottom:8px}
 .community-contact{font-size:14px;margin-top:20px}.gta-nav-group+.gta-nav-group{margin-top:28px}
 .map-credit-line{padding:20px 0 0}.map-source-details{padding:0}.city-intro-copy{font-size:16px;-webkit-line-clamp:2;line-clamp:2;max-height:3.6em}
 .map-dialog-top{padding:20px;gap:16px}.map-dialog-top h2{font-size:25px;overflow-wrap:anywhere}.map-dialog-body{padding:24px 20px}.map-dialog-body .dialog-description{font-size:16px}
}

@media(max-width:1023px){
 .city-explorer[data-city] .map-stage{aspect-ratio:auto;min-height:0!important}
 .city-explorer .city-nav-primary,.city-explorer[data-city=markham] .city-nav-primary,.city-explorer[data-city=richmond-hill] .city-nav-primary,.city-explorer .city-nav-primary[data-positioned]{position:static;inset:auto;transform:none;width:100%;padding:0;background:transparent}
 .city-explorer[data-city=markham] .map-text-card,.city-explorer[data-city=richmond-hill] .map-text-card{padding:16px 32px 16px 0}
 .city-explorer[data-city=markham] .map-card-title,.city-explorer[data-city=richmond-hill] .map-card-title{margin-bottom:4px}
 .city-explorer[data-city=markham] .community-contact,.city-explorer[data-city=richmond-hill] .community-contact{margin-top:20px}
}

/* Integrated V7: use full existing width, without changing the approved typography. */
body[data-lang=en] .city-r7-section .explore-more-areas p{max-width:none}
@media(min-width:1200px){body[data-lang=en] .city-r7-section .explore-more-areas p{white-space:nowrap}}

/* V8 is scoped to the authorized home, header and footer components.
   Area Guides modules, data and map styles remain untouched. */
.v8-header .header-inner{gap:24px;min-height:88px}
.v8-header #site-navigation{gap:24px}
.v8-header .nav-links{gap:18px}
.v8-header .nav-link{font-size:13px;letter-spacing:0;line-height:44px;white-space:nowrap}
.v8-header .nav-link[data-route="listing-services"]{font-weight:600}
.v8-header .nav-link[data-route="contact"]{padding:0;border:0}
.v8-header .language-switch{font-size:13px}
.v8-header .menu-toggle{display:none}
.v8-hero{position:relative;isolation:isolate;min-width:0;background:#344957;color:#fff;overflow:hidden}
.v8-hero-scene{position:absolute;inset:0;margin:0;z-index:-3}
.v8-hero-scene img{width:100%;height:100%;object-fit:cover;object-position:64% 50%;display:block}
.v8-hero-scene figcaption{position:absolute;bottom:20px;right:max(48px,calc((100% - 1200px)/2));font-size:10px;line-height:1.5;letter-spacing:.035em;color:#fff;background:#233b48b3;padding:5px 9px;max-width:calc(100% - 40px);z-index:2}
.v8-hero-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(21,40,51,.88) 0%,rgba(27,44,53,.77) 30%,rgba(29,45,53,.33) 60%,rgba(29,45,53,.10) 100%)}
.v8-hero-content{position:relative;min-height:650px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block:70px 58px}
.v8-hero-eyebrow{font-size:11px;letter-spacing:.13em;line-height:1.7;color:#e7e6de;margin:0 0 24px}
.v8-hero-eyebrow span{color:#cab99f;margin:0 10px}
.v8-hero h1{font-family:var(--serif);font-size:clamp(46px,4.7vw,70px);font-weight:400;line-height:1.06;letter-spacing:-.035em;margin:0 0 26px;color:#fff;max-width:750px;text-wrap:balance}
.v8-hero h1 span{display:block}
.v8-hero-subtitle{font-size:18px;line-height:1.7;max-width:535px;margin:0 0 32px;color:#f0f1ec;text-wrap:pretty}
.v8-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px;max-width:100%}
.v8-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:50px;padding:13px 23px;border:1px solid transparent;font-family:var(--sans);font-size:14px;font-weight:500;line-height:1.5;text-align:left;text-decoration:none;max-width:100%;transition:background-color .15s,color .15s}
.v8-button>span{font-size:18px;font-weight:400;line-height:1;flex-shrink:0}
.v8-button-light{background:#f7f7f5;color:#344957;border-color:#f7f7f5}
.v8-button-light:hover{background:#e4e6e3;border-color:#e4e6e3}
.v8-button-outline{background:rgba(20,40,50,.1);color:#fff;border-color:#ffffffb3}
.v8-button-outline:hover{background:#f7f7f5;color:#344957}
.v8-button-dark{background:#344957;color:#fff;border-color:#344957}
.v8-button-dark:hover{background:#253d4c;border-color:#253d4c}
.v8-button:focus-visible{outline:3px solid #b5a186;outline-offset:5px}
.v8-hero-services{font-size:12px;letter-spacing:.08em;color:#e2e8e8;line-height:1.5;margin:0}
html[lang^=zh] .v8-hero h1{font-family:var(--serif);font-size:clamp(40px,4.3vw,62px);line-height:1.28;letter-spacing:.015em;max-width:720px}
html[lang^=zh] .v8-hero-subtitle{max-width:550px;line-height:1.9;font-size:18px}
.v8-listing-teaser{border-block:1px solid #dce0df;background:#f7f7f5;padding-block:55px}
.v8-teaser-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.v8-eyebrow{font-size:10px;line-height:1.7;font-family:var(--sans);letter-spacing:.13em;color:#6e756e;margin:0 0 12px}
.v8-listing-teaser h2{font-family:var(--serif);font-size:clamp(29px,3vw,40px);line-height:1.16;letter-spacing:-.02em;color:#344957;margin:0}
.v8-teaser-copy>p{font-size:16px;line-height:1.8;max-width:480px;margin:0 0 20px;color:#5b6d76}
.v8-inline-link{display:inline-flex;align-items:center;gap:26px;min-height:44px;font-size:14px;color:#344957;border-bottom:1px solid #b5a186;text-decoration:none}
.v8-inline-link:hover{border-color:#344957}
.v8-inline-link>span{font-size:19px}
.v8-teaser-copy>small{display:block;margin-top:14px;font-size:11px;line-height:1.6;color:#66767d}
.v8-footer{background:#f7f7f5;color:#344957;border-top:1px solid #dce0df;padding:0}
.v8-footer-inner{padding-block:52px 45px}
.v8-connect-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px;padding-bottom:30px;border-bottom:1px solid #d4dcda}
.v8-connect-heading h2{font-size:44px;line-height:1.15;letter-spacing:-.02em;color:#344957;margin:0;scroll-margin-top:30px}
.v8-connect-heading>p{font-size:16px;line-height:1.8;color:#667680;margin:0;max-width:365px}
.v8-contact-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr) minmax(0,1fr);gap:40px;align-items:start}
.v8-contact-grid>*{min-width:0}
.v8-contact-person{display:flex;align-items:center;gap:20px;margin-bottom:22px}
.v8-contact-avatar{width:92px;height:116px;position:relative;overflow:hidden;flex:0 0 92px;background:#fff}
.v8-contact-avatar img{position:absolute;width:210%;max-width:none;height:auto;left:-55%;top:-20%}
.v8-contact-identity h3{font-family:var(--sans);font-size:23px;letter-spacing:.04em;line-height:1.2;color:#344957;margin:0 0 8px}
.v8-contact-identity>p{font-size:12px;line-height:1.6;color:#61727b;margin:0 0 7px}
.v8-contact-identity .v8-brokerage{font-size:12px;line-height:1.65;max-width:220px;margin:0}
.v8-contact-methods{display:grid;gap:12px;margin:0}
.v8-contact-methods>div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:baseline}
.v8-contact-methods dt{font-size:11px;color:#687b84}
.v8-contact-methods dd{margin:0;min-width:0}
.v8-contact-methods a{font-size:16px;line-height:1.6;color:#344957;overflow-wrap:anywhere}
.v8-contact-methods a:hover{text-decoration:underline;text-underline-offset:4px}
.v8-contact-qr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.v8-qr-item{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.v8-qr-title{font-family:var(--sans);font-size:15px;line-height:1.5;margin:0 0 11px;color:#344957}
.v8-qr-button{width:128px;max-width:100%;padding:8px;border:1px solid #dce0df;background:#fff;min-height:44px}
.v8-qr-button img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.v8-qr-button:hover{border-color:#b5a186}
.v8-qr-caption{font-size:10px;line-height:1.6;color:#687b84;margin-top:9px}
.v8-contact-form{border-left:1px solid #d4dcda;padding-left:30px}
.v8-contact-form h3{font-family:var(--serif);font-size:25px;line-height:1.25;color:#344957;margin:0 0 13px;letter-spacing:-.015em}
.v8-contact-form>p:not(.v8-eyebrow){font-size:14px;line-height:1.8;color:#61727b;margin:0 0 20px}
.v8-contact-form .v8-button{font-size:13px;min-height:46px;padding:11px 17px;width:100%;gap:12px}
.v8-contact-form>small{display:block;font-size:10px;line-height:1.6;color:#687b84;margin-top:10px}
.v8-footer-legal{background:#344957;color:#eef1ef}
.v8-footer-legal>.container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:20px;font-size:11px;line-height:1.7}
.v8-footer-legal span{color:inherit}
@media(max-width:1180px){
 .v8-header .menu-toggle{display:block;margin-left:auto}
 .v8-header #site-navigation{display:none;position:absolute;left:0;right:0;top:100%;padding:18px 32px 24px;background:#344957;border-top:1px solid #ffffff26;box-shadow:none;max-height:calc(100dvh - 88px);overflow-y:auto}
 .v8-header #site-navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:18px}
 .v8-header .nav-links{flex-direction:column;align-items:stretch;gap:0}
 .v8-header .nav-link{font-size:16px;line-height:46px;padding:0;border-bottom:1px solid #ffffff1a}
 .v8-header .nav-link:after{display:none}
 .v8-header .nav-link:hover,.v8-header .nav-link[aria-current=page]{color:#e4d7c3;background:#ffffff08}
 .v8-header .language-switch{font-size:14px;justify-content:flex-start}
}
@media(min-width:1181px){
 .v8-header #site-navigation,.v8-header #site-navigation.open{display:flex;position:static;flex-direction:row;background:transparent;padding:0;box-shadow:none;border:0;max-height:none;overflow:visible;align-items:center;gap:24px}
 .v8-header .nav-links{flex-direction:row;align-items:center}
}
@media(max-width:1100px){
 .v8-contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:50px;row-gap:30px}
 .v8-contact-form{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;border-left:0;border-top:1px solid #d4dcda;padding:25px 0 0}
 .v8-contact-form .v8-eyebrow,.v8-contact-form h3,.v8-contact-form>p:not(.v8-eyebrow){grid-column:1}
 .v8-contact-form .v8-button{grid-column:2;grid-row:1/4;align-self:center;min-width:210px}
 .v8-contact-form>small{grid-column:2;margin-top:0;text-align:left}
 .v8-contact-form>p:not(.v8-eyebrow){margin:0;max-width:450px}
 .v8-contact-qr{max-width:310px;justify-self:end;width:100%;gap:26px}
 .v8-hero-content{min-height:620px}
}
@media(max-width:760px){
 .v8-header .header-inner{min-height:78px}
 .v8-header #site-navigation{padding-inline:20px;max-height:calc(100dvh - 78px)}
 .v8-hero-content{min-height:610px;padding-block:58px 90px;justify-content:flex-start}
 .v8-hero-scene img{object-position:62% 50%}
 .v8-hero-scrim{background:linear-gradient(90deg,rgba(21,40,51,.84),rgba(21,40,51,.48)),linear-gradient(0deg,rgba(21,40,51,.1),rgba(21,40,51,.15))}
 .v8-hero h1{font-size:clamp(38px,7.7vw,54px);line-height:1.1;max-width:600px;letter-spacing:-.03em}
 .v8-hero-eyebrow{font-size:10px;letter-spacing:.075em;margin-bottom:25px}
 .v8-hero-eyebrow span{margin-inline:6px}
 .v8-hero-subtitle{font-size:16px;line-height:1.8;max-width:470px;margin-bottom:29px}
 .v8-hero-actions{gap:10px;row-gap:10px}
 .v8-button{font-size:13px;padding:12px 18px;gap:18px}
 .v8-hero-scene figcaption{left:20px;right:auto;bottom:18px;font-size:9px}
 html[lang^=zh] .v8-hero h1{font-size:clamp(31px,6.8vw,46px);line-height:1.4;letter-spacing:0}
 html[lang^=zh] .v8-hero-subtitle{font-size:16px;max-width:420px}
 .v8-teaser-inner{grid-template-columns:minmax(0,1fr);gap:25px}
 .v8-listing-teaser{padding-block:38px}
 .v8-listing-teaser h2{font-size:31px}
 .v8-teaser-copy>p{font-size:15px;margin-bottom:12px}
 .v8-footer-inner{padding-block:36px 34px}
 .v8-connect-heading{display:block;margin-bottom:27px;padding-bottom:25px}
 .v8-connect-heading h2{font-size:36px}
 .v8-connect-heading>p{font-size:14px;margin-top:17px;max-width:400px}
 .v8-contact-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .v8-contact-person{gap:18px;margin-bottom:21px}
 .v8-contact-avatar{width:86px;height:108px;flex-basis:86px}
 .v8-contact-identity h3{font-size:22px}
 .v8-contact-identity>p,.v8-contact-identity .v8-brokerage{font-size:12px}
 .v8-contact-methods{gap:10px}
 .v8-contact-methods a{font-size:17px}
 .v8-contact-qr{justify-self:start;max-width:310px;gap:28px;padding-top:24px;border-top:1px solid #d4dcda}
 .v8-qr-button{width:130px}
 .v8-contact-form{display:block;padding-top:25px}
 .v8-contact-form>p:not(.v8-eyebrow){margin-bottom:20px;font-size:15px}
 .v8-contact-form .v8-button{min-width:0;width:auto;min-width:210px;font-size:14px}
 .v8-contact-form>small{margin-top:10px}
 .v8-footer-legal>.container{flex-direction:column;align-items:flex-start;gap:6px;padding-block:18px;font-size:10px}
}
@media(max-width:390px){
 .v8-hero-content{min-height:590px;padding-top:48px}
 .v8-hero h1{font-size:clamp(34px,9.4vw,37px)}
 .v8-hero-eyebrow{font-size:9px;letter-spacing:.045em}
 .v8-hero-subtitle{max-width:330px}
 .v8-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%}
 .v8-hero-actions .v8-button{padding-inline:12px;gap:8px;font-size:12px;min-height:48px}
 .v8-contact-person{gap:14px}
 .v8-contact-identity h3{font-size:21px}
 .v8-contact-methods a{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.v8-button{transition:none}}

/* V9-R1 Services only: existing palette and components, no global or map overrides. */
.s9-page{color:#344957;background:#fff}
.s9-intro{padding:62px 0 0;background:#f7f7f5}
.s9-eyebrow{font-family:var(--sans);font-size:10px;font-weight:500;line-height:1.6;letter-spacing:.12em;color:#7c7160;margin:0 0 18px}
.s9-intro-row{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:32px}
.s9-intro h1{font-size:clamp(39px,4.2vw,62px);line-height:1.12;letter-spacing:-.035em;color:#344957}
.s9-intro-row>p{font-size:17px;line-height:1.8;color:#60727a;max-width:900px;margin:0}
.s9-section-nav{display:flex;flex-wrap:wrap;gap:35px;border-top:1px solid #d7dfda;padding-top:5px}
.s9-section-nav a{font-size:14px;font-weight:500;line-height:1.6;display:inline-flex;align-items:center;gap:24px;min-height:56px;padding:12px 0;border-bottom:2px solid transparent}
.s9-section-nav a>span{color:#9a8669}
.s9-section-nav a:hover,.s9-section-nav a:focus-visible{border-bottom-color:#b5a186}
.s9-section{padding:64px 0;scroll-margin-top:22px}
.s9-section:focus{outline:none}
.s9-section h2{font-family:var(--serif);font-size:clamp(30px,3.1vw,42px);line-height:1.2;letter-spacing:-.025em;margin:0;color:#344957}
.s9-landlords{border-bottom:1px solid #dce2de}
.s9-rental-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:70px}
.s9-service-intro{font-size:16px;line-height:1.8;color:#5f727b;margin:21px 0 0;max-width:610px}
.s9-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:27px 0 15px;line-height:1}
.s9-price>span{font-size:13px;color:#667981}
.s9-price strong{font:400 66px/1 var(--serif);letter-spacing:-.045em;color:#344957}
.s9-price small{font-size:12px;color:#667981}
.s9-price-note{font-size:12px;line-height:1.85;color:#667980;max-width:570px;margin:0 0 24px}
.s9-button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;min-height:49px;padding:13px 19px;border:1px solid #344957;background:#344957;color:#fff;font-size:13px;line-height:1.5;max-width:100%;text-decoration:none;transition:background-color .15s}
.s9-button>span{font-size:18px;line-height:1;color:#ded3c2;flex-shrink:0}
.s9-button:hover{background:#253c49;border-color:#253c49}
.s9-button:focus-visible,.s9-team-link:focus-visible,.s9-section-nav a:focus-visible{outline:2px solid #344957;outline-offset:4px}
.s9-rental-scope{background:#f7f7f5;border:1px solid #dce2dc;padding:29px 31px}
.s9-rental-scope>h3{font-family:var(--sans);font-size:13px;font-weight:600;line-height:1.6;margin:0 0 17px;color:#526a76}
.s9-service-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.s9-service-list li{font-size:14px;line-height:1.65;padding:10px 0;border-bottom:1px solid #dfe4dd}
.s9-service-list li:first-child{padding-top:0}
.s9-service-list li:last-child{border-bottom:0;padding-bottom:0}
.s9-rental-scope .s9-service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}
.s9-rental-scope .s9-service-list li{border:0;padding:0;font-size:13px;line-height:1.65}
.s9-secondary-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:70px;align-items:start}
.s9-fixed-price{font-size:14px;color:#5f727b;line-height:1.5;margin:22px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.s9-fixed-price strong{font:400 43px/1.1 var(--serif);letter-spacing:-.035em;color:#344957}
.s9-sellers{border-bottom:1px solid #dce2de}
.s9-secondary-detail>.s9-price-note{border-top:1px solid #d9e0da;padding-top:18px;margin:20px 0 0}
.s9-actions .s9-button{min-width:156px}
.s9-actions{display:flex;flex-wrap:wrap;align-items:center;gap:17px 27px;margin-top:25px}
.s9-team-link{display:inline-flex;flex-direction:column;justify-content:center;gap:3px;min-height:45px;padding:3px 0;font-size:12px;line-height:1.55;color:#344957;border-bottom:1px solid #b5a186;text-decoration:none}
.s9-team-link>span{font-size:10px;color:#6b7b82}
.s9-team-link:hover{border-color:#344957}
.s9-buyers{background:#f7f7f5;border-bottom:1px solid #dce2de;padding-block:48px}
.s9-buyer-note{font-size:13px;line-height:1.85;color:#657780;margin:18px 0 0}
@media(max-width:1023px){
 .s9-intro{padding-top:47px}.s9-intro-row{gap:35px}.s9-intro-row>p{font-size:16px}
 .s9-section{padding-block:48px}.s9-rental-layout{gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
 .s9-rental-scope{padding:24px}.s9-rental-scope .s9-service-list{grid-template-columns:minmax(0,1fr);gap:9px}
 .s9-secondary-layout{gap:40px}.s9-fixed-price strong{font-size:39px}
}
@media(max-width:700px){
 .s9-intro{padding-top:36px}.s9-intro-row{gap:22px;margin-bottom:22px}.s9-intro h1{font-size:39px;line-height:1.15}.s9-intro-row>p{font-size:15px;max-width:560px}
 .s9-section-nav{gap:23px}.s9-section-nav a{font-size:12px;gap:12px;min-height:52px}
 .s9-section{padding-block:37px}.s9-section h2{font-size:31px}.s9-rental-layout,.s9-secondary-layout{grid-template-columns:minmax(0,1fr);gap:27px}
 .s9-price{margin-top:22px}.s9-price strong{font-size:61px}.s9-price-note{font-size:12px}.s9-service-intro{font-size:15px;margin-top:17px}
 .s9-rental-scope{padding:24px 22px}.s9-rental-scope .s9-service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 22px}
 .s9-fixed-price{margin-top:18px}.s9-fixed-price strong{font-size:38px}
 .s9-actions{gap:17px 23px;margin-top:22px}.s9-team-link{font-size:12px}.s9-secondary-detail .s9-service-list li{font-size:14px}
 .s9-buyers{padding-block:35px}.s9-buyer-note{font-size:12px}
}
@media(max-width:390px){.s9-intro h1{font-size:36px}.s9-rental-scope .s9-service-list{grid-template-columns:minmax(0,1fr);gap:10px}.s9-section-nav{gap:18px}.s9-section-nav a{gap:8px}.s9-actions{align-items:flex-start;flex-direction:column}.s9-team-link{max-width:100%}}
@media(prefers-reduced-motion:reduce){.s9-button{transition:none}}

/* V9 scope: authorized header, homepage, minor footer links. No Area Guides overrides. */
.v9-header .header-inner{min-height:96px;gap:26px}
.v9-header .v9-site-mark{display:flex;flex-direction:column;gap:7px;padding-block:15px;color:#f7f7f5;white-space:nowrap}
.v9-site-mark>strong{font-family:var(--sans);font-size:24px;font-weight:600;line-height:1.1;letter-spacing:.045em}
.v9-site-mark>span{font-family:var(--sans);font-size:10px;line-height:1.4;letter-spacing:.15em;color:#cfbfa7}
.v9-header .nav-links{gap:28px}
.v9-header .nav-link{font-size:14px}
.v9-header #site-navigation{gap:30px}
.v9-header .menu-toggle{display:none}
.h9-services{padding-block:68px 55px;background:#fff}
.h9-section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:32px}
.h9-section-heading h2{font-size:clamp(30px,3.1vw,42px);line-height:1.17;margin:0;color:#344957}
.h9-section-heading>p{font-size:15px;line-height:1.8;max-width:360px;color:#61727b;margin:0}
.h9-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:22px}
.h9-service-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px 26px;border:1px solid #dce0df;background:#fff;min-width:0;color:#344957}
.h9-eyebrow{font-size:10px;letter-spacing:.13em;color:#6c756f;line-height:1.5;margin:0 0 18px}
.h9-service-card h3{font-family:var(--serif);font-size:26px;line-height:1.25;letter-spacing:-.015em;margin:0 0 17px;max-width:290px}
.h9-service-price{font-family:var(--sans);font-size:17px;line-height:1.5;font-weight:500;letter-spacing:-.015em;margin:0 0 18px}
.h9-service-summary{font-size:14px;line-height:1.8;margin:0 0 24px;color:#61727b;flex:1}
.h9-service-link{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;font-size:13px;line-height:1.5;min-height:44px;border-top:1px solid #d3dcda;padding-top:15px}
.h9-service-link>span{font-size:18px;color:#8e795c}
.h9-service-link:hover{color:#203946}
.h9-why{padding-block:58px;background:#f7f7f5;border-block:1px solid #dce0df}
.h9-why-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;align-items:start}
.h9-why-intro h2{font-size:36px;line-height:1.2;color:#344957;margin-bottom:24px}
.h9-why-intro>p:not(.v8-eyebrow){font-size:15px;line-height:1.85;max-width:470px;color:#62737c;margin-bottom:17px}
.h9-why-points>div{border-bottom:1px solid #d2dcda;padding:18px 0}
.h9-why-points h3{font-size:16px;font-family:var(--sans);font-weight:500;line-height:1.5;margin:0 0 8px}
.h9-why-points p{font-size:14px;line-height:1.8;margin:0;color:#62737c;max-width:470px}
.h9-transactions{padding-block:62px}
.h9-transactions .h9-section-heading{align-items:center;margin-bottom:30px}
.h9-transaction-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.h9-transaction-grid .transaction-card{min-width:0}
.h9-transaction-grid .transaction-image{height:auto;aspect-ratio:4/3}
.h9-transaction-grid .transaction-image img{width:100%;height:100%;object-fit:cover}
.h9-transaction-grid .transaction-copy{padding:18px 0 0}
.h9-transaction-grid .transaction-summary{display:block}
.h9-transaction-grid .transaction-price{font-size:24px;line-height:1.4;margin-top:6px}
.h9-transaction-grid .transaction-type{font-size:10px}
.h9-transaction-grid .transaction-copy h3{font-size:14px;line-height:1.7}
.h9-transaction-grid .transaction-facts{font-size:11px;line-height:1.7;flex-wrap:wrap;gap:5px;margin-top:10px}
.h9-transaction-note{font-size:11px;line-height:1.8;margin:20px 0 0;color:#6b7b82;max-width:1000px}
.v9-legacy-notice{padding-block:70px}
.v9-legacy-notice h1{font-size:40px;margin-bottom:20px}
.v9-legacy-notice p{font-size:17px;line-height:1.8}
@media(min-width:901px){
 .v9-header #site-navigation,.v9-header #site-navigation.open{display:flex;position:static;flex-direction:row;align-items:center;background:none;border:0;padding:0;max-height:none;overflow:visible;box-shadow:none;gap:30px}
 .v9-header .nav-links{flex-direction:row;align-items:center;gap:28px}
 .v9-header .nav-link{padding:0;border:0;font-size:14px;font-weight:400}
}
@media(max-width:1000px){
 .h9-service-grid{gap:16px}
 .h9-service-card{padding:24px 20px}
 .h9-service-card h3{font-size:24px}
 .h9-why-inner{gap:45px}
 .h9-transaction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}
}
@media(max-width:900px){
 .v9-header .header-inner{min-height:88px;gap:20px}
 .v9-header .menu-toggle{display:block;margin-left:auto}
 .v9-header #site-navigation{display:none;position:absolute;left:0;right:0;top:100%;padding:15px 32px 23px;background:#344957;border-top:1px solid #ffffff25;max-height:calc(100dvh - 100px);overflow-y:auto;box-shadow:none}
 .v9-header #site-navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:15px}
 .v9-header .nav-links{flex-direction:column;align-items:stretch;gap:0}
 .v9-header .nav-link{padding:0;line-height:46px;border-bottom:1px solid #ffffff20;font-size:16px}
 .v9-header .language-switch{font-size:14px}
}
@media(max-width:760px){
 .h9-services{padding-block:42px 38px}
 .h9-section-heading{display:block;margin-bottom:27px}
 .h9-section-heading>p{margin-top:18px;max-width:520px;font-size:14px}
 .h9-section-heading h2{font-size:32px}
 .h9-service-grid{grid-template-columns:minmax(0,1fr);gap:17px}
 .h9-service-card{padding:25px 24px}
 .h9-service-card h3{font-size:27px;max-width:100%;margin-bottom:13px}
 .h9-service-summary{font-size:15px;margin-bottom:20px}
 .h9-service-price{font-size:18px}
 .h9-why{padding-block:38px}
 .h9-why-inner{grid-template-columns:minmax(0,1fr);gap:27px}
 .h9-why-intro h2{font-size:31px;margin-bottom:19px}
 .h9-why-intro>p:not(.v8-eyebrow){font-size:15px}
 .h9-why-points>div{padding-block:17px}
 .h9-transactions{padding-block:40px}
 .h9-transactions .h9-section-heading .v8-inline-link{margin-top:15px}
 .v9-site-mark>strong{font-size:23px}
 .v9-site-mark>span{font-size:9px;letter-spacing:.11em}
 .v9-header .header-inner{min-height:78px}
 .v9-header #site-navigation{padding-inline:20px;max-height:calc(100dvh - 150px)}
}
@media(max-width:540px){
 .h9-transaction-grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .h9-transaction-grid .transaction-image{aspect-ratio:3/2}
 .h9-transaction-grid .transaction-price{font-size:27px}
 .h9-transaction-grid .transaction-copy h3{font-size:16px}
 .h9-transaction-grid .transaction-facts{font-size:13px}
 .h9-transaction-grid .transaction-type{font-size:11px}
}

/* R1 compact identity stays within the existing header; no separate identity bar. */
@media(max-width:1100px) and (min-width:901px){
 .v9-header .nav-links{gap:20px}
 .v9-header #site-navigation{gap:22px}
 .v9-header .v9-site-mark>strong{font-size:22px}
 .v9-header .v9-site-mark>span{font-size:9px}
}
@media(max-width:620px){
 .v9-header .header-inner{align-items:center;padding-block:16px}
 .v9-header .v9-site-mark{padding-block:0}
 .v9-header .menu-toggle{margin-left:0}
}

/* Locally bundled OFL subsets. Families are opt-in; original map fonts stay unchanged. */
@font-face{
 font-family:'JW Manrope';
 font-style:normal;
 font-weight:400 600;
 font-display:swap;
 src:url('/assets/fonts/manrope-400-600-subset.woff2') format('woff2');
}
@font-face{
 font-family:'JW Noto Sans SC';
 font-style:normal;
 font-weight:400 600;
 font-display:swap;
 src:url('/assets/fonts/noto-sans-sc-400-600-subset.woff2') format('woff2');
}
:root{
 --r2-sans:'JW Manrope','JW Noto Sans SC',Manrope,'Noto Sans SC','PingFang SC','Microsoft YaHei','Hiragino Sans GB',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* V9-R2 bright theme. The original Area Guides main content and dialog inherit
   none of these new fonts or palette values. Original map variables are intact. */
:root{
 --r2-lake:#245D69;
 --r2-teal:#27979A;
 --r2-teal-dark:#1D7074;
 --r2-coral:#EA946C;
 --r2-mint:#F1F8F5;
 --r2-cream:#FFFAF4;
 --r2-ink:#2B4048;
 --r2-muted:#526C72;
 --r2-line:#D6E4DF;
 --r2-sans:'JW Manrope','JW Noto Sans SC','Noto Sans SC','Source Han Sans SC','PingFang SC','Microsoft YaHei',system-ui,-apple-system,'Segoe UI',sans-serif;
}
/* Keep the new type system out of all Area Guides content and shared dialogs. */
body:not([data-route^="area-guides"]) main{
 font-family:var(--r2-sans);font-size:17px;line-height:1.8;color:var(--r2-ink);background:#fff;
}
body:not([data-route^="area-guides"]) main :is(h1,h2,h3){font-family:var(--r2-sans);font-weight:500;color:var(--r2-lake)}
body:not([data-route^="area-guides"]) main :is(p,li){text-wrap:pretty}
body:not([data-route^="area-guides"]) main :is(a,button):focus-visible,
.v9-header :is(a,button):focus-visible,
.v8-footer :is(a,button):focus-visible{outline:3px solid var(--r2-lake);outline-offset:5px}
body:not([data-route^="area-guides"]) main .v8-eyebrow{font:500 13px/1.6 var(--r2-sans);letter-spacing:.08em;color:var(--r2-teal-dark)}
body:not([data-route^="area-guides"]) main .v8-inline-link{font:500 15px/1.6 var(--r2-sans);color:var(--r2-lake);border-bottom-color:var(--r2-teal);gap:20px}
body:not([data-route^="area-guides"]) main .v8-inline-link:hover{color:var(--r2-teal-dark);border-bottom-color:var(--r2-teal-dark)}

/* One light header; the mark, navigation and language control remain familiar. */
.site-header.v9-header{background:var(--r2-cream);border-bottom:1px solid var(--r2-line);color:var(--r2-lake);font-family:var(--r2-sans)}
.v9-header .header-inner{min-height:96px}
.v9-header .v9-site-mark{color:var(--r2-lake)}
.v9-header .v9-site-mark>strong{font-family:var(--r2-sans);font-weight:600;letter-spacing:.035em}
.v9-header .v9-site-mark>span{font-family:var(--r2-sans);font-size:13px;line-height:1.5;letter-spacing:.055em;color:var(--r2-teal-dark)}
.v9-header .nav-link{font:500 15px/44px var(--r2-sans);color:var(--r2-lake)}
.v9-header .nav-link:not(.nav-contact):after{background:var(--r2-teal)}
.v9-header .nav-link:hover,.v9-header .nav-link[aria-current="page"]{color:var(--r2-teal-dark);background:transparent}
.v9-header .language-switch{font:400 14px/1.6 var(--r2-sans)}
.v9-header .language-switch a{color:var(--r2-muted)}
.v9-header .language-switch .current{color:var(--r2-lake);font-weight:600}
.v9-header .language-switch span{color:#7B9093}
.v9-header .menu-toggle span{background:var(--r2-lake)}

/* A brighter, slightly warmer image; localized shading keeps white copy clear. */
body:not([data-route^="area-guides"]) main .v8-hero{background:var(--r2-lake);color:#fff}
.v8-hero-scene img{filter:brightness(1.09) saturate(1.06) sepia(.04)}
.v8-hero-scrim{background:linear-gradient(90deg,rgba(15,57,65,.84) 0%,rgba(18,65,72,.80) 60%,rgba(22,70,75,.24) 82%,rgba(34,84,84,.02) 100%)}
body:not([data-route^="area-guides"]) main .v8-hero h1{font-family:var(--r2-sans);font-size:clamp(45px,4.6vw,68px);font-weight:500;line-height:1.13;letter-spacing:-.035em;color:#fff;max-width:800px;text-shadow:0 1px 12px #143a421a}
html[lang^="zh"] body:not([data-route^="area-guides"]) main .v8-hero h1{font-family:var(--r2-sans);font-size:clamp(43px,4.35vw,63px);font-weight:500;letter-spacing:.025em;line-height:1.3}
body:not([data-route^="area-guides"]) main .v8-hero-eyebrow{font:500 13px/1.6 var(--r2-sans);letter-spacing:.075em;color:#fffaf4}
body:not([data-route^="area-guides"]) main .v8-hero-eyebrow span{color:#FFD0B9}
body:not([data-route^="area-guides"]) main .v8-hero-subtitle{font-size:18px;line-height:1.8;color:#fff;max-width:565px}
body:not([data-route^="area-guides"]) main .v8-hero-services{font-size:13px;line-height:1.6;color:#f1f8f5;letter-spacing:.055em}
.v8-hero-scene figcaption{font:400 13px/1.5 var(--r2-sans);color:#fff;background:#194d58dc;padding:6px 10px}
body:not([data-route^="area-guides"]) main .v8-button,.v8-footer .v8-button{font:500 15px/1.6 var(--r2-sans);min-height:50px;padding:13px 21px;gap:19px}
body:not([data-route^="area-guides"]) main .v8-button-light{color:var(--r2-lake);background:var(--r2-cream);border-color:var(--r2-cream)}
body:not([data-route^="area-guides"]) main .v8-button-light:hover{background:#fff;border-color:#fff}
body:not([data-route^="area-guides"]) main .v8-button-outline{color:#fff;background:#194d5873;border-color:#f1f8f5}
body:not([data-route^="area-guides"]) main .v8-button-outline:hover{color:var(--r2-lake);background:var(--r2-cream);border-color:var(--r2-cream)}

/* Homepage cards: one shared white treatment and aligned information rows. */
.h9-services{background:#fff;padding-block:72px 64px}
.h9-section-heading{gap:38px}
.h9-section-heading h2{font-family:var(--r2-sans);font-weight:500;color:var(--r2-lake)}
.h9-section-heading>p{font-size:17px;line-height:1.8;color:var(--r2-muted);max-width:420px}
.h9-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:24px;align-items:stretch}
.h9-service-card{
 display:grid;grid-template-rows:auto auto auto minmax(5.4rem,1fr) auto;row-gap:15px;align-items:start;
 width:auto;height:100%;min-width:0;padding:30px 27px;background:#fff;border:1px solid var(--r2-line);
 color:var(--r2-ink);text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;
}
.h9-service-card:hover{background:#fff;border-color:var(--r2-teal);box-shadow:0 8px 22px #245d690c;transform:translateY(-2px)}
.h9-service-card:focus-visible{outline:3px solid var(--r2-lake);outline-offset:5px;border-color:var(--r2-teal)}
.h9-service-card .h9-eyebrow{font:500 13px/1.55 var(--r2-sans);letter-spacing:.065em;color:var(--r2-teal-dark);margin:0}
.h9-service-card h3{font:500 26px/1.3 var(--r2-sans);letter-spacing:-.025em;color:var(--r2-lake);max-width:none;min-height:2.6em;margin:0}
.h9-service-card .h9-service-price{font:500 18px/1.55 var(--r2-sans);color:var(--r2-lake);letter-spacing:-.015em;min-height:3.1em;margin:0}
.h9-service-card .h9-service-summary{font:400 16px/1.8 var(--r2-sans);color:var(--r2-muted);margin:0;min-width:0}
.h9-service-card .h9-service-link{font:500 15px/1.6 var(--r2-sans);color:var(--r2-lake);border-top:1px solid var(--r2-line);padding-top:16px;min-height:44px;align-self:end}
.h9-service-card .h9-service-link>span{color:var(--r2-teal-dark);font-size:20px}
.h9-why{background:var(--r2-mint);border-color:var(--r2-line)}
.h9-why-intro h2{font-family:var(--r2-sans);font-weight:500;color:var(--r2-lake)}
.h9-why-intro>p:not(.v8-eyebrow){font-size:17px;line-height:1.8;color:var(--r2-ink);max-width:520px}
.h9-why-points>div{border-color:var(--r2-line)}
.h9-why-points h3{font:500 18px/1.6 var(--r2-sans);color:var(--r2-lake)}
.h9-why-points p{font-size:16px;line-height:1.8;color:var(--r2-muted);max-width:520px}
.h9-transactions{background:#fff}
.h9-transaction-note{font-size:13px;line-height:1.8;color:var(--r2-muted)}

/* Services retain their content and order; readable text replaces faint microcopy. */
.s9-page{font-family:var(--r2-sans);color:var(--r2-ink);background:#fff}
.s9-intro{background:var(--r2-cream)}
.s9-page .s9-eyebrow{font:500 13px/1.6 var(--r2-sans);letter-spacing:.07em;color:var(--r2-teal-dark)}
.s9-page .s9-intro h1{font-family:var(--r2-sans);font-weight:500;color:var(--r2-lake);line-height:1.2}
.s9-intro-row>p{font-size:18px;line-height:1.8;color:var(--r2-muted)}
.s9-section-nav{border-top-color:var(--r2-line);gap:34px}
.s9-section-nav a{font-size:15px;line-height:1.6;color:var(--r2-lake);min-height:58px}
.s9-section-nav a>span{color:var(--r2-teal-dark)}
.s9-section-nav a:hover,.s9-section-nav a:focus-visible{border-bottom-color:var(--r2-teal)}
.s9-page .s9-section h2{font-family:var(--r2-sans);font-weight:500;color:var(--r2-lake)}
.s9-service-intro{font-size:17px;line-height:1.8;color:var(--r2-muted)}
.s9-rental-layout,.s9-secondary-layout{gap:clamp(38px,5vw,70px)}
.s9-price strong,.s9-fixed-price strong{font-family:var(--r2-sans);font-weight:500;color:var(--r2-lake)}
.s9-price>span,.s9-price small,.s9-fixed-price{font-size:15px;line-height:1.6;color:var(--r2-muted)}
.s9-price-note{font-size:14px;line-height:1.8;color:var(--r2-muted)}
.s9-rental-scope{background:var(--r2-mint);border-color:var(--r2-line)}
.s9-rental-scope>h3{font:500 16px/1.65 var(--r2-sans);color:var(--r2-lake)}
.s9-service-list li,.s9-rental-scope .s9-service-list li{font-size:16px;line-height:1.8;color:var(--r2-ink);border-color:var(--r2-line)}
.s9-rental-scope .s9-service-list{grid-template-columns:minmax(0,1fr);gap:11px}
.s9-page .s9-button{background:var(--r2-lake);border-color:var(--r2-lake);font:500 15px/1.6 var(--r2-sans);color:#fff;min-height:50px}
.s9-page .s9-button>span{color:#fff}
.s9-page .s9-button:hover{background:var(--r2-teal-dark);border-color:var(--r2-teal-dark)}
.s9-page :is(.s9-button,.s9-team-link,.s9-section-nav a):focus-visible{outline:3px solid var(--r2-lake);outline-offset:5px}
.s9-team-link{font:500 15px/1.6 var(--r2-sans);color:var(--r2-lake);border-color:var(--r2-teal)}
.s9-team-link>span{font-size:13px;line-height:1.65;color:var(--r2-muted)}
.s9-team-link:hover{border-color:var(--r2-lake)}
.s9-buyers{background:var(--r2-mint);border-color:var(--r2-line)}
.s9-sellers,.s9-landlords{border-color:var(--r2-line)}
.s9-buyer-note{font-size:14px;line-height:1.8;color:var(--r2-muted)}
.s9-secondary-detail>.s9-price-note{border-color:var(--r2-line)}

/* Ordinary pages and transactions only. The protected Area Guides are excluded. */
body:not([data-route^="area-guides"]) main .page-intro,
body:not([data-route^="area-guides"]) main .contact-intro{background:var(--r2-cream);border-color:var(--r2-line)}
body:not([data-route^="area-guides"]) main .eyebrow{font-size:13px;line-height:1.6;color:var(--r2-teal-dark);letter-spacing:.075em}
body:not([data-route^="area-guides"]) main .page-intro .lead{font-size:17px;line-height:1.8;color:var(--r2-muted)}
body:not([data-route^="area-guides"]) main .about-profile p{font-size:15px;line-height:1.8;color:var(--r2-muted)}
body:not([data-route^="area-guides"]) main .about-copy p{font:400 17px/1.85 var(--r2-sans);color:var(--r2-ink)}
body:not([data-route^="area-guides"]) main .about-copy p:first-child{font-size:22px;line-height:1.7;color:var(--r2-lake)}
body:not([data-route^="area-guides"]) main .about-rule{background:var(--r2-teal)}
body:not([data-route^="area-guides"]) main .features-section{background:var(--r2-mint)}
body:not([data-route^="area-guides"]) main .feature h3{font-size:23px;line-height:1.45}
body:not([data-route^="area-guides"]) main .feature p{font-size:16px;line-height:1.8;color:var(--r2-muted)}
body:not([data-route^="area-guides"]) main .feature>.icon{color:var(--r2-teal-dark)}
body:not([data-route^="area-guides"]) main .draft-note{font-size:13px;color:var(--r2-muted);background:var(--r2-cream);border-left-color:var(--r2-coral)}
body:not([data-route^="area-guides"]) main .transaction-card{border-color:var(--r2-line)}
body:not([data-route^="area-guides"]) main .transaction-copy h3{font-family:var(--r2-sans);font-size:20px;line-height:1.5;font-weight:500;letter-spacing:-.02em;min-height:3em;color:var(--r2-ink)}
body:not([data-route^="area-guides"]) main .transaction-price{font-family:var(--r2-sans);font-size:27px;line-height:1.4;color:var(--r2-lake)}
body:not([data-route^="area-guides"]) main .transaction-price small{font-size:14px;color:var(--r2-muted)}
body:not([data-route^="area-guides"]) main .transaction-type{font-size:15px;color:var(--r2-teal-dark)}
body:not([data-route^="area-guides"]) main .transaction-copy .transaction-facts{font:400 15px/1.8 var(--r2-sans);color:var(--r2-muted);gap:0 6px}
body:not([data-route^="area-guides"]) main .transaction-status{font-family:var(--r2-sans);font-size:13px;color:#fff;background:var(--r2-lake);letter-spacing:.04em}
body:not([data-route^="area-guides"]) main .reference-label{font-family:var(--r2-sans);font-size:13px;line-height:1.5;color:var(--r2-ink);background:#fffaf4ed}
body:not([data-route^="area-guides"]) main .transaction-heading span{font-family:var(--r2-sans);font-size:17px;line-height:1.6;color:var(--r2-muted);border-color:var(--r2-line)}
.h9-transaction-grid .transaction-copy{padding:20px 18px}
body:not([data-route^="area-guides"]) main .h9-transaction-grid .transaction-copy h3{font-size:17px;line-height:1.65;min-height:3.3em}
body:not([data-route^="area-guides"]) main .h9-transaction-grid .transaction-price{font-size:25px}
body:not([data-route^="area-guides"]) main .h9-transaction-grid .transaction-type{font-size:13px}
body:not([data-route^="area-guides"]) main .h9-transaction-grid .transaction-copy .transaction-facts{font-size:14px;line-height:1.8;gap:0 4px}

/* Familiar contact structure, warm canvas and readable real identity details. */
.v8-footer{font-family:var(--r2-sans);background:var(--r2-cream);color:var(--r2-ink);border-top-color:var(--r2-line)}
.v8-footer .v8-eyebrow{font:500 13px/1.6 var(--r2-sans);letter-spacing:.075em;color:var(--r2-teal-dark)}
.v8-connect-heading{border-color:var(--r2-line)}
.v8-footer .v8-connect-heading h2{font-family:var(--r2-sans);font-weight:500;color:var(--r2-lake)}
.v8-connect-heading>p{font-size:17px;line-height:1.8;color:var(--r2-muted);max-width:420px}
.v8-footer .v8-contact-identity h3{font-family:var(--r2-sans);font-weight:500;color:var(--r2-lake);font-size:24px;letter-spacing:.025em}
.v8-footer .v8-contact-identity>p,.v8-footer .v8-contact-identity .v8-brokerage{font-size:14px;line-height:1.75;color:var(--r2-muted)}
.v8-footer .v8-contact-identity .v8-brokerage{max-width:260px}
.v8-contact-methods>div{grid-template-columns:48px minmax(0,1fr);gap:12px}
.v8-contact-methods dt{font-size:13px;line-height:1.75;color:var(--r2-muted)}
.v8-contact-methods a{font-size:17px;line-height:1.75;color:var(--r2-lake)}
.v8-qr-title{font:500 16px/1.5 var(--r2-sans);color:var(--r2-lake)}
.v8-qr-button{border-color:var(--r2-line);background:#fff}
.v8-qr-button:hover{border-color:var(--r2-teal)}
.v8-qr-caption{font-size:13px;line-height:1.65;color:var(--r2-muted)}
.v8-contact-form{border-color:var(--r2-line)}
.v8-footer .v8-contact-form h3{font-family:var(--r2-sans);font-weight:500;font-size:25px;line-height:1.4;color:var(--r2-lake)}
.v8-contact-form>p:not(.v8-eyebrow){font-size:16px;line-height:1.8;color:var(--r2-muted)}
.v8-contact-form>small{font-size:13px;line-height:1.65;color:var(--r2-muted)}
.v8-footer .v8-button-dark{font-size:15px;background:var(--r2-lake);border-color:var(--r2-lake);color:#fff}
.v8-footer .v8-button-dark:hover{background:var(--r2-teal-dark);border-color:var(--r2-teal-dark)}
.v8-footer .v8-button:focus-visible{outline-color:var(--r2-lake)}
.v8-footer-legal{background:#E8F3EF;color:var(--r2-lake);border-top:1px solid var(--r2-line)}
.v8-footer-legal>.container{font:400 13px/1.75 var(--r2-sans)}

@media(max-width:1100px){
 .h9-service-grid{gap:20px}
 .h9-service-card{padding:27px 23px;row-gap:14px}
 .h9-service-card h3{font-size:24px}
 .h9-service-card .h9-service-price{font-size:17px}
 .v8-contact-form{column-gap:28px}
}
@media(max-width:1023px){
 .v8-hero-scrim{background:linear-gradient(90deg,rgba(15,57,65,.84) 0%,rgba(18,65,72,.79) 85%,rgba(22,70,75,.55) 100%)}
}
@media(max-width:900px){
 .v9-header #site-navigation{background:var(--r2-cream);border-top-color:var(--r2-line);box-shadow:0 10px 20px #245d690a;max-height:calc(100dvh - 96px)}
 .v9-header .nav-link{font-size:16px;line-height:48px;border-bottom-color:var(--r2-line)}
 .v9-header .nav-link:hover,.v9-header .nav-link[aria-current="page"]{color:var(--r2-teal-dark);background:var(--r2-mint)}
 .v9-header .language-switch{font-size:15px}
 .h9-service-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr}
 .h9-service-card{padding:28px;grid-template-rows:auto auto auto minmax(5.4rem,1fr) auto}
 .h9-service-card h3{font-size:27px}
 .h9-service-card .h9-service-price{font-size:18px}
 .s9-rental-scope{padding:26px}
 .v8-contact-grid{gap:34px 28px}
}
@media(max-width:760px){
 body:not([data-route^="area-guides"]) main{font-size:16px;line-height:1.8}
 .v9-header .header-inner{min-height:88px}
 .v9-header .v9-site-mark>strong{font-size:23px}
 .v9-header .v9-site-mark>span{font-size:13px;letter-spacing:.025em}
 .v9-header #site-navigation{max-height:calc(100dvh - 88px)}
 .v8-hero-scene img{filter:brightness(1.08) saturate(1.05) sepia(.04)}
 .v8-hero-scrim{background:linear-gradient(90deg,rgba(15,57,65,.83),rgba(18,65,72,.70))}
 body:not([data-route^="area-guides"]) main .v8-hero h1{font-size:clamp(37px,7vw,52px);line-height:1.17;letter-spacing:-.035em}
 html[lang^="zh"] body:not([data-route^="area-guides"]) main .v8-hero h1{font-size:clamp(38px,7vw,48px);line-height:1.35;letter-spacing:.015em}
 body:not([data-route^="area-guides"]) main .v8-hero-eyebrow{font-size:13px;line-height:1.7;letter-spacing:.02em}
 body:not([data-route^="area-guides"]) main .v8-hero-subtitle{font-size:17px;line-height:1.8}
 body:not([data-route^="area-guides"]) main .v8-hero-services{font-size:13px;letter-spacing:.02em}
 .v8-hero-scene figcaption{font-size:13px;line-height:1.5;max-width:calc(100% - 40px)}
 .h9-services{padding-block:46px}
 .h9-section-heading>p{font-size:16px;line-height:1.8}
 .h9-service-card{padding:27px 25px;row-gap:14px}
 .h9-service-card h3{font-size:26px;line-height:1.3}
 .h9-service-card .h9-service-summary{font-size:16px;line-height:1.8}
 .h9-service-card .h9-service-link{font-size:15px}
 .h9-why-intro>p:not(.v8-eyebrow),.h9-why-points p{font-size:16px;line-height:1.8}
 .h9-why-points h3{font-size:18px}
 .s9-intro-row>p,.s9-service-intro{font-size:16px;line-height:1.8}
 .s9-rental-layout,.s9-secondary-layout{grid-template-columns:minmax(0,1fr);gap:29px}
 .s9-page .s9-intro h1{font-size:39px;line-height:1.25}
 .s9-page .s9-section h2{font-size:31px;line-height:1.4}
 .s9-service-list li,.s9-rental-scope .s9-service-list li{font-size:16px;line-height:1.8}
 .s9-page .s9-button{font-size:15px}
 .s9-section-nav{gap:13px 24px}
 .s9-section-nav a{font-size:15px;gap:12px;min-height:54px}
 .s9-team-link{font-size:15px}
 .s9-price-note,.s9-buyer-note{font-size:14px;line-height:1.8}
 body:not([data-route^="area-guides"]) main .page-intro .lead{font-size:16px}
 body:not([data-route^="area-guides"]) main .about-copy p{font-size:16px;line-height:1.85}
 body:not([data-route^="area-guides"]) main .about-copy p:first-child{font-size:20px;line-height:1.75}
 body:not([data-route^="area-guides"]) main .feature p{font-size:16px;line-height:1.8}
 .v8-connect-heading>p{font-size:16px;line-height:1.8}
 .v8-footer .v8-contact-identity>p,.v8-footer .v8-contact-identity .v8-brokerage{font-size:14px;line-height:1.75}
 .v8-contact-form>p:not(.v8-eyebrow){font-size:16px}
 .v8-footer .v8-contact-form .v8-button{font-size:15px;width:auto;min-width:210px}
 .v8-contact-qr{border-top-color:var(--r2-line)}
 .v8-footer-legal>.container{font-size:13px;line-height:1.75}
}
@media(max-width:390px){
 .v9-header .v9-site-mark>strong{font-size:22px}
 .v9-header .v9-site-mark>span{font-size:13px;letter-spacing:.005em}
 body:not([data-route^="area-guides"]) main .v8-hero-eyebrow{font-size:13px;letter-spacing:0}
 body:not([data-route^="area-guides"]) main .v8-hero h1{font-size:36px}
 html[lang^="zh"] body:not([data-route^="area-guides"]) main .v8-hero h1{font-size:38px}
 .v8-hero-actions{display:flex;flex-wrap:wrap;gap:10px}
 body:not([data-route^="area-guides"]) main .v8-hero-actions .v8-button{font-size:15px;gap:13px;padding:13px 18px;min-height:50px}
 .h9-service-card{padding:26px 23px}
 .h9-service-card h3{font-size:25px}
 .s9-page .s9-intro h1{font-size:36px}
 .s9-rental-scope{padding:24px 22px}
 .s9-actions{align-items:flex-start;flex-direction:column}
 .v8-contact-methods a{font-size:16px}
 .v8-footer .v8-contact-identity h3{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
 .h9-service-card{transition:none}
 .h9-service-card:hover{transform:none}
}

/* V9-R3: colour, English font pairing and price figures only.
   Original variables, Area Guides content and shared dialogs are untouched.
   Chinese font metrics remain R2; numeric pricing has an explicit common face. */

/* The existing header keeps its size and responsive behaviour. */
.site-header.v9-header{background:#1E5278;border-bottom-color:#1E5278;color:#fff}
.v9-header .v9-site-mark{color:#fff}
.v9-header .v9-site-mark>span{color:#EDF4FA}
.v9-header .nav-link{color:#fff}
.v9-header .nav-link:not(.nav-contact):after{background:#D9EAF6}
.v9-header .nav-link:hover,.v9-header .nav-link[aria-current="page"]{color:#fff;background:transparent}
.v9-header .language-switch a{color:#E8F1F8}
.v9-header .language-switch .current{color:#fff}
.v9-header .language-switch span{color:#CEDFEA}
.v9-header .menu-toggle span{background:#fff}
.v9-header :is(a,button):focus-visible{outline-color:#fff}

/* Text colours are scoped away from every Area Guides main. */
body:not([data-route^="area-guides"]) main{color:#30343A}
body:not([data-route^="area-guides"]) main :is(h1,h2,h3){color:#20262C}
body:not([data-route^="area-guides"]) main :is(.h9-section-heading h2,.h9-service-card h3,.h9-why-intro h2,.h9-why-points h3,.s9-page .s9-intro h1,.s9-page .s9-section h2,.s9-rental-scope>h3){color:#20262C}
body:not([data-route^="area-guides"]) main :is(.h9-service-summary,.h9-why-intro>p:not(.v8-eyebrow),.h9-why-points p,.s9-service-intro,.s9-intro-row>p,.s9-service-list li,.s9-rental-scope .s9-service-list li,.about-copy p,.feature p){color:#30343A}
body:not([data-route^="area-guides"]) main :is(.h9-section-heading>p,.h9-eyebrow,.v8-eyebrow,.eyebrow,.h9-transaction-note,.s9-eyebrow,.s9-price-note,.s9-buyer-note,.s9-team-link>span,.page-intro .lead,.about-profile p,.draft-note,.transaction-type,.transaction-heading span,.reference-label){color:#4A535C}
body:not([data-route^="area-guides"]) main .about-copy p:first-child{color:#30343A}
body:not([data-route^="area-guides"]) main .transaction-copy h3{color:#20262C}
body:not([data-route^="area-guides"]) main .transaction-copy .transaction-facts{color:#4A535C}
body:not([data-route^="area-guides"]) main .transaction-price small{color:#4A535C}
body:not([data-route^="area-guides"]) main :is(.s9-price>span,.s9-price small,.s9-fixed-price){color:#4A535C}

/* Blue stays on links, buttons and small interactive accents. */
body:not([data-route^="area-guides"]) main :is(.v8-inline-link,.h9-service-link,.s9-team-link,.s9-section-nav a){color:#1E5278;border-color:#1E5278}
body:not([data-route^="area-guides"]) main :is(.v8-inline-link:hover,.s9-team-link:hover){color:#173F5D;border-color:#173F5D}
body:not([data-route^="area-guides"]) main :is(.h9-service-link>span,.s9-section-nav a>span,.feature>.icon){color:#1E5278}
body:not([data-route^="area-guides"]) main .h9-service-card{color:#30343A}
body:not([data-route^="area-guides"]) main .h9-service-card:hover{border-color:#1E5278}
body:not([data-route^="area-guides"]) main .h9-service-card:focus-visible{outline-color:#1E5278;border-color:#1E5278}
body:not([data-route^="area-guides"]) main :is(a,button):focus-visible{outline-color:#1E5278}
body:not([data-route^="area-guides"]) main .s9-page .s9-button{background:#1E5278;border-color:#1E5278;color:#fff}
body:not([data-route^="area-guides"]) main .s9-page .s9-button:hover{background:#173F5D;border-color:#173F5D}
body:not([data-route^="area-guides"]) main .s9-page :is(.s9-button,.s9-team-link,.s9-section-nav a):focus-visible{outline-color:#1E5278}
body:not([data-route^="area-guides"]) main .transaction-status{background:#1E5278;color:#fff}
body:not([data-route^="area-guides"]) main .about-rule{background:#1E5278}

/* Preserve white photo-overlay copy and the original R2 photograph treatment. */
body:not([data-route^="area-guides"]) main .v8-hero h1{color:#fff}
body:not([data-route^="area-guides"]) main .v8-hero :is(.v8-hero-eyebrow,.v8-hero-subtitle,.v8-hero-services){color:#fff}
body:not([data-route^="area-guides"]) main .v8-button-light{color:#1E5278}
body:not([data-route^="area-guides"]) main .v8-button-outline{color:#fff}
body:not([data-route^="area-guides"]) main .v8-button-outline:hover{color:#1E5278}

/* The footer retains every identity detail and its R2 light backgrounds. */
.v8-footer{color:#30343A}
.v8-footer :is(.v8-connect-heading h2,.v8-contact-identity h3,.v8-contact-form h3){color:#20262C}
.v8-footer :is(.v8-connect-heading>p,.v8-contact-form>p:not(.v8-eyebrow)){color:#30343A}
.v8-footer :is(.v8-eyebrow,.v8-contact-identity>p,.v8-contact-identity .v8-brokerage,.v8-contact-methods dt,.v8-qr-caption,.v8-contact-form>small){color:#4A535C}
.v8-footer :is(.v8-contact-methods a,.v8-qr-title){color:#1E5278}
.v8-footer .v8-qr-button:hover{border-color:#1E5278}
.v8-footer .v8-button-dark{background:#1E5278;border-color:#1E5278;color:#fff}
.v8-footer .v8-button-dark:hover{background:#173F5D;border-color:#173F5D}
.v8-footer :is(a,button):focus-visible{outline-color:#1E5278}
.v8-footer-legal{color:#4A535C}

/* R1's English pairing: Georgia display headings and Arial body text.
   Font sizes, line heights, spacing and the Chinese family stay at R2 values. */
html[lang^="en"] body:not([data-route^="area-guides"]) main{font-family:Arial,'Helvetica Neue',sans-serif}
html[lang^="en"] body:not([data-route^="area-guides"]) main :is(p,li,a,button,small,dt,dd,.s9-page,.transaction-facts,.h9-service-link,.transaction-status,.reference-label){font-family:Arial,'Helvetica Neue',sans-serif}
html[lang^="en"] body:not([data-route^="area-guides"]) main :is(h1,h2){font-family:Georgia,'Times New Roman',serif;font-weight:400}
html[lang^="en"] body:not([data-route^="area-guides"]) main h3{font-family:Arial,'Helvetica Neue',sans-serif}
html[lang^="en"] body:not([data-route^="area-guides"]) main .h9-service-card h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}
html[lang^="en"] body:not([data-route^="area-guides"]) main .v8-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400}
html[lang^="en"] .v8-hero-scene figcaption{font-family:Arial,'Helvetica Neue',sans-serif}
html[lang^="en"] .v9-header,
html[lang^="en"] .v9-header :is(.v9-site-mark>strong,.v9-site-mark>span,.nav-link,.language-switch){font-family:Arial,'Helvetica Neue',sans-serif}
html[lang^="en"] .v8-footer,
html[lang^="en"] .v8-footer :is(p,a,button,dt,dd,small,.v8-eyebrow,.v8-qr-title,.v8-contact-identity h3),
html[lang^="en"] .v8-footer-legal>.container{font-family:Arial,'Helvetica Neue',sans-serif}
html[lang^="en"] .v8-footer :is(.v8-connect-heading h2,.v8-contact-form h3){font-family:Georgia,'Times New Roman',serif;font-weight:400}

/* A common lining/tabular face for prices in both languages.
   The currency symbol and digits remain within one unchanged text element. */
body:not([data-route^="area-guides"]) main :is(.s9-price,.s9-fixed-price,.s9-price strong,.s9-fixed-price strong,.h9-service-price,.transaction-price){font-family:Arial,'Helvetica Neue','JW Noto Sans SC','Microsoft YaHei',sans-serif;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:'lnum' 1,'tnum' 1}
body:not([data-route^="area-guides"]) main :is(.s9-price strong,.s9-fixed-price strong,.h9-service-price,.transaction-price){color:#20262C}
body:not([data-route^="area-guides"]) main :is(.s9-price,.s9-fixed-price){align-items:baseline}
body:not([data-route^="area-guides"]) main :is(.s9-price strong,.s9-fixed-price strong){font-size:52px;font-weight:500;line-height:1.1;letter-spacing:0;vertical-align:baseline}

@media(max-width:900px){
 .v9-header #site-navigation{background:#1E5278;border-top-color:#496F8B}
 .v9-header .nav-link{color:#fff;border-bottom-color:#496F8B}
 .v9-header .nav-link:hover,.v9-header .nav-link[aria-current="page"]{color:#fff;background:#173F5D}
}
@media(max-width:760px){
 body:not([data-route^="area-guides"]) main :is(.s9-price strong,.s9-fixed-price strong){font-size:42px}
}

/* HiHome visual test: only the text wordmark. The locked maps and all main
   content keep the exact V9-R3 CSS and markup. Local OFL typeface, no CDN. */
@font-face{
 font-family:'HiHome Nunito Sans';
 src:url('/assets/fonts/hihome-nunito-sans-latin-600.woff2') format('woff2');
 font-style:normal;font-weight:600;font-display:swap;
}
html[lang] .v9-header .v9-site-mark>strong{
 font-family:'HiHome Nunito Sans',Arial,sans-serif;
 font-weight:600;letter-spacing:.005em;color:#fff;
}
.v9-header .v9-site-mark{min-width:0;flex-shrink:1}
.v9-header .v9-site-mark>span{color:#fff}
@media(max-width:900px){
 .v9-header .v9-site-mark{white-space:normal;max-width:calc(100% - 64px)}
 .v9-header .v9-site-mark>strong{white-space:nowrap}
 .v9-header .v9-site-mark>span{white-space:normal;overflow-wrap:normal}
}
@media(max-width:620px){
 /* Keep the existing 88px header minimum while a long company name wraps. */
 .v9-header .header-inner{padding-block:8px}
 .v9-header .v9-site-mark{gap:5px}
}

/* V9-R4 B theme only. Colours and photo treatment are opt-in; the A theme
   keeps every original V9-R3 declaration. No shared map variables, SVG,
   community navigation, marker or detail-dialog styles are changed. */

/* A warm, readable shell with the original Header dimensions and controls. */
html[data-theme="warm"] .site-header.v9-header{background:#614B3D;border-bottom-color:#614B3D;color:#fff}
html[data-theme="warm"] .v9-header :is(.v9-site-mark,.v9-site-mark>strong,.v9-site-mark>span,.nav-link,.language-switch a,.language-switch .current){color:#fff}
html[data-theme="warm"] .v9-header .language-switch span{color:#E8DCCE}
html[data-theme="warm"] .v9-header .nav-link:not(.nav-contact):after{background:#E8DCCE}
html[data-theme="warm"] .v9-header .nav-link:hover,
html[data-theme="warm"] .v9-header .nav-link[aria-current="page"]{color:#fff;background:transparent}
html[data-theme="warm"] .v9-header .menu-toggle span{background:#fff}
html[data-theme="warm"] .v9-header :is(a,button):focus-visible{outline-color:#fff}
html[data-theme="warm"] .skip-link{background:#614B3D;color:#fff}

/* Main reading surfaces stay predominantly white. Do not change body colour:
   shared dialogs and locked map modules retain their original inheritance. */
html[data-theme="warm"] body:not([data-route^="area-guides"]) main{background:#fff;color:#322B27}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main :is(h1,h2,h3){color:#322B27}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main :is(.h9-section-heading h2,.h9-service-card h3,.h9-why-intro h2,.h9-why-points h3,.s9-page .s9-intro h1,.s9-page .s9-section h2,.s9-rental-scope>h3,.transaction-copy h3){color:#322B27}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main :is(.h9-service-summary,.h9-why-intro>p:not(.v8-eyebrow),.h9-why-points p,.s9-service-intro,.s9-intro-row>p,.s9-service-list li,.s9-rental-scope .s9-service-list li,.about-copy p,.about-copy p:first-child,.feature p){color:#322B27}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main :is(.h9-section-heading>p,.h9-eyebrow,.v8-eyebrow,.eyebrow,.h9-transaction-note,.s9-eyebrow,.s9-price-note,.s9-buyer-note,.s9-team-link>span,.page-intro .lead,.about-profile p,.draft-note,.transaction-type,.transaction-heading span,.transaction-copy .transaction-facts,.transaction-price small,.price-label){color:#63594F}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main :is(.s9-price>span,.s9-price small,.s9-fixed-price){color:#63594F}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main :is(.s9-price strong,.s9-fixed-price strong,.h9-service-price,.transaction-price){color:#322B27}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main :is(a,button):focus-visible{outline-color:#614B3D}

/* Coffee is reserved for useful actions; champagne brown is a quiet accent. */
html[data-theme="warm"] body:not([data-route^="area-guides"]) main :is(.v8-inline-link,.h9-service-link,.s9-team-link,.s9-section-nav a,.text-link){color:#614B3D;border-color:#B68C68}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main :is(.v8-inline-link:hover,.s9-team-link:hover,.text-link:hover){color:#49382D;border-color:#614B3D}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main :is(.h9-service-link>span,.s9-section-nav a>span,.feature>.icon){color:#76553D}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main :is(.s9-page .s9-button,.button.primary){background:#614B3D;border-color:#614B3D;color:#fff}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main :is(.s9-page .s9-button:hover,.button.primary:hover){background:#49382D;border-color:#49382D;color:#fff}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .s9-page .s9-button>span{color:#fff}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .s9-page :is(.s9-button,.s9-team-link,.s9-section-nav a):focus-visible{outline-color:#614B3D}

/* Home: white services/transactions, soft cream around personal guidance. */
html[data-theme="warm"] .h9-services,
html[data-theme="warm"] .h9-transactions{background:#fff}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .h9-service-card{background:#fff;color:#322B27;border-color:#D8C7B4}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .h9-service-card:hover{background:#fff;border-color:#8D6A50;box-shadow:0 8px 22px #614b3d0c}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .h9-service-card:focus-visible{outline-color:#614B3D;border-color:#614B3D}
html[data-theme="warm"] .h9-service-card .h9-service-link{border-top-color:#D8C7B4}
html[data-theme="warm"] .h9-why{background:#F6F0E7;border-color:#E0D2C3}
html[data-theme="warm"] .h9-why-points>div{border-color:#D8C7B4}

/* Warm photographic shading is darkest behind the unchanged HTML copy.
   The right-hand family retains natural light and neutral skin tones. */
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .v8-hero{background:#614B3D;color:#fff}
html[data-theme="warm"] .v8-hero-scene img{filter:brightness(1) saturate(.97);object-position:50% 25%}
html[data-theme="warm"] .v8-hero-scrim{background:linear-gradient(90deg,rgba(51,38,29,.86) 0%,rgba(67,48,34,.81) 39%,rgba(77,55,37,.70) 57%,rgba(77,55,37,.12) 72%,rgba(77,55,37,.02) 100%)}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .v8-hero h1{color:#fff;text-shadow:0 1px 12px #33261d1a}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .v8-hero :is(.v8-hero-eyebrow,.v8-hero-subtitle,.v8-hero-services){color:#fff}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .v8-hero-eyebrow span{color:#E8DCCE}
html[data-theme="warm"] .v8-hero-scene figcaption{color:#fff;background:#49382DDE}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .v8-button-light{color:#614B3D;background:#F6F0E7;border-color:#F6F0E7}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .v8-button-light:hover{color:#49382D;background:#fff;border-color:#fff}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .v8-button-outline{color:#fff;background:#49382D66;border-color:#F6F0E7}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .v8-button-outline:hover{color:#614B3D;background:#F6F0E7;border-color:#F6F0E7}

/* Services: same hierarchy, fees and structure, lighter alternating surfaces. */
html[data-theme="warm"] .s9-page{color:#322B27;background:#fff}
html[data-theme="warm"] .s9-intro{background:#F6F0E7}
html[data-theme="warm"] .s9-section-nav{border-top-color:#D8C7B4}
html[data-theme="warm"] .s9-section-nav a:hover,
html[data-theme="warm"] .s9-section-nav a:focus-visible{border-bottom-color:#8D6A50}
html[data-theme="warm"] .s9-rental-scope{background:#F9F6F0;border-color:#D8C7B4}
html[data-theme="warm"] .s9-service-list li,
html[data-theme="warm"] .s9-rental-scope .s9-service-list li{border-color:#E0D2C3}
html[data-theme="warm"] .s9-buyers{background:#F6F0E7;border-color:#E0D2C3}
html[data-theme="warm"] .s9-sellers,
html[data-theme="warm"] .s9-landlords,
html[data-theme="warm"] .s9-secondary-detail>.s9-price-note{border-color:#E0D2C3}

/* About and transaction information: warm neutral text, original real images. */
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .page-intro{background:#F6F0E7;border-color:#E0D2C3}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .features-section{background:#F9F6F0}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main :is(.feature,.about-portrait){border-color:#D8C7B4}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .about-rule{background:#B68C68}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .draft-note{background:#F6F0E7;border-left-color:#B68C68;color:#63594F}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .transaction-card{background:#fff;border-color:#D8C7B4}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .transaction-status{background:#614B3D;color:#fff}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .reference-label{background:#F6F0E7ED;color:#49382D}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .transaction-heading span{border-color:#B68C68}

/* Only the Area Guides page framing is recoloured. Map canvases, map lists,
   attribution modules and every community/QR dialog remain untouched. */
html[data-theme="warm"] body[data-route^="area-guides"] .page-intro{background:#F6F0E7;border-color:#E0D2C3}
html[data-theme="warm"] body[data-route^="area-guides"] .page-intro h1{color:#322B27}
html[data-theme="warm"] body[data-route^="area-guides"] .page-intro :is(.eyebrow,.lead,.city-introduction){color:#63594F}
html[data-theme="warm"] body[data-route^="area-guides"] .intro-toggle{color:#614B3D;border-color:#B68C68}
html[data-theme="warm"] body[data-route^="area-guides"] .intro-toggle:focus-visible{outline-color:#614B3D}
html[data-theme="warm"] .explore-more-areas{border-color:#D8C7B4}
html[data-theme="warm"] .explore-more-areas h2{color:#322B27}
html[data-theme="warm"] .explore-more-areas p{color:#63594F}
html[data-theme="warm"] .explore-more-areas .explore-areas-link{color:#614B3D}
html[data-theme="warm"] .explore-more-areas .explore-areas-link:hover{color:#49382D}
html[data-theme="warm"] .explore-more-areas .explore-areas-link:focus-visible{outline-color:#614B3D}

/* Contact: cream keeps the detailed contact area open and calm. The existing
   contact-page title and legal strip carry the deeper coffee anchor. */
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .contact-intro{background:#614B3D;border-color:#614B3D}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .contact-intro h1{color:#fff}
html[data-theme="warm"] .v8-footer{background:#F6F0E7;border-top-color:#E0D2C3;color:#322B27}
html[data-theme="warm"] .v8-footer :is(.v8-connect-heading h2,.v8-contact-identity h3,.v8-contact-form h3){color:#322B27}
html[data-theme="warm"] .v8-footer :is(.v8-connect-heading>p,.v8-contact-form>p:not(.v8-eyebrow)){color:#322B27}
html[data-theme="warm"] .v8-footer :is(.v8-eyebrow,.v8-contact-identity>p,.v8-contact-identity .v8-brokerage,.v8-contact-methods dt,.v8-qr-caption,.v8-contact-form>small){color:#63594F}
html[data-theme="warm"] .v8-footer :is(.v8-contact-methods a,.v8-qr-title,.v8-inline-link){color:#614B3D}
html[data-theme="warm"] .v8-footer .v8-inline-link{border-color:#B68C68}
html[data-theme="warm"] .v8-footer :is(.v8-connect-heading,.v8-contact-form,.v8-contact-qr){border-color:#D8C7B4}
html[data-theme="warm"] .v8-footer .v8-qr-button{background:#fff;border-color:#D8C7B4}
html[data-theme="warm"] .v8-footer .v8-qr-button:hover{border-color:#76553D}
html[data-theme="warm"] .v8-footer .v8-button-dark{background:#614B3D;border-color:#614B3D;color:#fff}
html[data-theme="warm"] .v8-footer .v8-button-dark:hover{background:#49382D;border-color:#49382D;color:#fff}
html[data-theme="warm"] .v8-footer :is(a,button):focus-visible{outline-color:#614B3D}
html[data-theme="warm"] .v8-footer-legal{background:#614B3D;border-top-color:#614B3D;color:#fff}

@media(max-width:900px){
 html[data-theme="warm"] .v9-header #site-navigation{background:#614B3D;border-top-color:#947965;box-shadow:0 10px 20px #49382D0A}
 html[data-theme="warm"] .v9-header .nav-link{color:#fff;border-bottom-color:#947965}
 html[data-theme="warm"] .v9-header .nav-link:hover,
 html[data-theme="warm"] .v9-header .nav-link[aria-current="page"]{color:#fff;background:#49382D}
}
@media(max-width:760px){
 /* The mobile image favours quiet architecture so people do not compete
    with the unchanged full-width HTML text and buttons. */
 html[data-theme="warm"] .v8-hero-scene img{filter:brightness(1) saturate(.97);object-position:0% 50%}
 html[data-theme="warm"] .v8-hero-scrim{background:linear-gradient(90deg,rgba(51,38,29,.88),rgba(67,48,34,.79))}
}

/* The approved three-line B wordmark fits within the original desktop height.
   A remains untouched; the mobile 88px minimum and menu target are retained. */
@media(min-width:901px){
 html[data-theme="warm"] .v9-header .v9-site-mark{padding-block:10px}
}

/* V9-R5 warm visual refinement. This file is appended after R4 styles.
   No map, geographic, community-navigation or dialog selector is changed. */

/* A light champagne header, with a second colour available for review. */
html[data-theme="warm"] .site-header.v9-header{
 background:#E2C17C;border-bottom-color:#D9C8B6;color:#322B27;
}
html[data-theme="warm"][data-header-tone="alt"] .site-header.v9-header{
 background:#D1AE78;
}
html[data-theme="warm"] .v9-header :is(.v9-site-mark,.v9-site-mark>strong,.v9-site-mark>span,.nav-link,.language-switch a,.language-switch .current){color:#322B27}
html[data-theme="warm"][lang] .v9-header .v9-site-mark>strong{
 font-family:'HiHome Nunito Sans',Arial,sans-serif;font-weight:600;letter-spacing:.005em;color:#322B27;
}
/* This is one fixed English brand in both languages. Explicit metrics avoid
   inherited Chinese-body fonts and language-specific subtitle rules. */
html[data-theme="warm"][lang] .v9-header .v9-site-mark>span{
 font-family:Arial,'Helvetica Neue',sans-serif;font-size:13px;font-weight:400;
 line-height:1.4;letter-spacing:.055em;color:#322B27;
}
html[data-theme="warm"] .v9-header .language-switch span{color:#514638}
html[data-theme="warm"] .v9-header .nav-link:not(.nav-contact):after{background:#614B3D}
html[data-theme="warm"] .v9-header .nav-link:hover,
html[data-theme="warm"] .v9-header .nav-link[aria-current="page"]{color:#322B27;background:transparent}
html[data-theme="warm"] .v9-header .menu-toggle span{background:#322B27}
html[data-theme="warm"] .v9-header :is(a,button):focus-visible{outline-color:#49382D}

/* Bright, quiet reading space; the family photo is a separate real image.
   All headings and buttons remain live HTML in the original component. */
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .v8-hero{
 background:#F6F0E7;color:#322B27;
}
html[data-theme="warm"] .v8-hero-scene img{
 filter:none;object-position:50% 50%;
}
html[data-theme="warm"] .v8-hero-scene picture{display:block;width:100%;height:100%}
html[data-theme="warm"] .v8-hero-scrim{
 background:linear-gradient(90deg,rgba(246,240,231,.98) 0%,rgba(246,240,231,.96) 32%,rgba(246,240,231,.91) 49%,rgba(246,240,231,.72) 57%,rgba(246,240,231,.12) 68%,rgba(246,240,231,0) 100%);
}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .v8-hero h1{
 color:#322B27;text-shadow:none;
}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .v8-hero :is(.v8-hero-eyebrow,.v8-hero-subtitle,.v8-hero-services){color:#322B27}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .v8-hero-eyebrow span{color:#614B3D}
html[data-theme="warm"] .v8-hero-scene figcaption{color:#49382D;background:#F6F0E7F2}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .v8-button-light{
 color:#fff;background:#614B3D;border-color:#614B3D;
}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .v8-button-light:hover{
 color:#fff;background:#49382D;border-color:#49382D;
}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .v8-button-outline{
 color:#49382D;background:#F6F0E799;border-color:#614B3D;
}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .v8-button-outline:hover{
 color:#49382D;background:#E8DCCE;border-color:#49382D;
}

/* One service-list system. Original items, order, headings, fees and CTA
   structure are untouched; Rental no longer has an enclosing card. */
html[data-theme="warm"] .s9-page .s9-intro{background:#F6F0E7}
html[data-theme="warm"] .s9-page .s9-landlords{background:#fff;border-color:#D9C8B6}
html[data-theme="warm"] .s9-page .s9-sellers{background:#F6F0E7;border-color:#D9C8B6}
html[data-theme="warm"] .s9-page .s9-buyers{background:#fff;border-color:#D9C8B6}
html[data-theme="warm"] .s9-page .s9-rental-scope{
 background:transparent;border:0;box-shadow:none;padding:0;
}
html[data-theme="warm"] .s9-page .s9-service-list,
html[data-theme="warm"] .s9-page .s9-rental-scope .s9-service-list{
 grid-template-columns:minmax(0,1fr);gap:0;
}
html[data-theme="warm"] .s9-page .s9-service-list li,
html[data-theme="warm"] .s9-page .s9-rental-scope .s9-service-list li,
html[data-theme="warm"] .s9-page .s9-secondary-detail .s9-service-list li{
 font-size:16px;line-height:1.8;padding:14px 0;border:0;
 border-bottom:1px solid #D9C8B6;color:#322B27;
}
html[data-theme="warm"] .s9-page .s9-section-nav,
html[data-theme="warm"] .s9-page .s9-secondary-detail>.s9-price-note{border-color:#D9C8B6}

/* A restrained, shared warm rhythm around unchanged content. */
html[data-theme="warm"] .v8-footer{background:#F6F0E7;border-top-color:#D9C8B6}
html[data-theme="warm"] .v8-footer :is(.v8-connect-heading,.v8-contact-form,.v8-contact-qr){border-color:#D9C8B6}
html[data-theme="warm"] .h9-service-card,
html[data-theme="warm"] .h9-why-points>div{border-color:#D9C8B6}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .contact-intro{background:#F6F0E7;border-color:#D9C8B6}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .contact-intro h1{color:#322B27}

@media(min-width:1024px){
 /* Matches the 2.4:1 family framing at 1440/1920, without stretching it.
    Narrower desktop may crop quiet side margins, not the girl's waist. */
 html[data-theme="warm"] .v8-hero-content{min-height:clamp(600px,41.6667vw,800px)}
}
@media(min-width:1024px) and (max-width:1279px){
 html[data-theme="warm"] .v8-hero-scene img{object-position:80% 50%}
}
@media(max-width:1023px){
 /* Tablet favours the simple facade rather than placing faces behind copy.
    Phone has its own portrait source and composition in the rule below. */
 html[data-theme="warm"] .v8-hero-scene img{object-position:0% 50%}
 html[data-theme="warm"] .v8-hero-scrim{
  background:linear-gradient(90deg,rgba(246,240,231,.98) 0%,rgba(246,240,231,.96) 60%,rgba(246,240,231,.90) 100%);
 }
}
@media(min-width:761px) and (max-width:1023px){
 /* Tablet keeps the landscape family visible below the live copy. A
    narrow crop of the quiet facade alone would lose the family entirely. */
 html[data-theme="warm"] .v8-hero-content{
  min-height:800px;justify-content:flex-start;padding-top:48px;padding-bottom:400px;
 }
 html[data-theme="warm"] .v8-hero-scene img{
  position:absolute;bottom:0;left:0;width:100%;height:400px;
  object-fit:cover;object-position:50% 100%;filter:none;
 }
 html[data-theme="warm"] .v8-hero-scrim{
  background:linear-gradient(180deg,#F6F0E7 0%,#F6F0E7 44%,rgba(246,240,231,.88) 50%,rgba(246,240,231,.12) 61%,rgba(246,240,231,0) 68%);
 }
}
@media(max-width:760px){
 /* The portrait source has quiet space above the family. Keep the photo at
    the bottom, after the original live copy, rather than behind faces. */
 html[data-theme="warm"] .v8-hero-content{
  min-height:800px;justify-content:flex-start;padding-top:48px;padding-bottom:340px;
 }
 html[data-theme="warm"] .v8-hero-scene{background:#F6F0E7}
 html[data-theme="warm"] .v8-hero-scene picture{display:block;width:100%;height:100%}
 html[data-theme="warm"] .v8-hero-scene img{
  position:absolute;bottom:0;left:0;width:100%;height:450px;
  object-fit:cover;object-position:50% 100%;filter:none;
 }
 html[data-theme="warm"] .v8-hero-scrim{
  background:linear-gradient(180deg,#F6F0E7 0%,#F6F0E7 45%,rgba(246,240,231,.85) 52%,rgba(246,240,231,.10) 64%,rgba(246,240,231,0) 72%);
 }
}
@media(max-width:900px){
 html[data-theme="warm"] .v9-header #site-navigation{
  background:#E2C17C;border-top-color:#B79861;box-shadow:0 10px 20px #614B3D0A;
 }
 html[data-theme="warm"][data-header-tone="alt"] .v9-header #site-navigation{background:#D1AE78}
 html[data-theme="warm"] .v9-header .nav-link{color:#322B27;border-bottom-color:#B79861}
 html[data-theme="warm"] .v9-header .nav-link:hover,
 html[data-theme="warm"] .v9-header .nav-link[aria-current="page"]{color:#322B27;background:#F6F0E766}
}

/* The R4 coffee colour remains an explicit comparison choice, not the R5
   default. Its original white treatment is restored only in this mode. */
html[data-theme="warm"][data-header-tone="previous"] .site-header.v9-header{
 background:#614B3D;border-bottom-color:#614B3D;color:#fff;
}
html[data-theme="warm"][data-header-tone="previous"][lang] .v9-header :is(.v9-site-mark,.v9-site-mark>strong,.v9-site-mark>span,.nav-link,.language-switch a,.language-switch .current){color:#fff}
html[data-theme="warm"][data-header-tone="previous"] .v9-header .language-switch span{color:#E8DCCE}
html[data-theme="warm"][data-header-tone="previous"] .v9-header .nav-link:not(.nav-contact):after{background:#E8DCCE}
html[data-theme="warm"][data-header-tone="previous"] .v9-header .menu-toggle span{background:#fff}
html[data-theme="warm"][data-header-tone="previous"] .v9-header :is(a,button):focus-visible{outline-color:#fff}
@media(max-width:900px){
 html[data-theme="warm"][data-header-tone="previous"] .v9-header #site-navigation{
  background:#614B3D;border-top-color:#947965;
 }
 html[data-theme="warm"][data-header-tone="previous"] .v9-header .nav-link{border-bottom-color:#947965}
 html[data-theme="warm"][data-header-tone="previous"] .v9-header .nav-link:hover,
 html[data-theme="warm"][data-header-tone="previous"] .v9-header .nav-link[aria-current="page"]{color:#fff;background:#49382D}
}

/* R6: final shell colours, two text-only wordmark candidates and compact Hero.
   Map modules, their lists, geography, dialogs and inherited variables are locked. */
html[data-theme="warm"] .site-header.v9-header{background:#D1AE78;border-bottom-color:#D1AE78;color:#322B27}
html[data-theme="warm"][lang] .v9-header .v9-site-mark{
 max-width:none;flex-shrink:0;white-space:nowrap;gap:5px;
}
html[data-theme="warm"][lang] .v9-header .v9-site-mark>strong{
 font-family:'HiHome Nunito Sans',Arial,sans-serif;font-size:32px;
 font-weight:600;line-height:1.05;letter-spacing:.035em;color:#5B4536;
 -webkit-text-stroke:.4px currentColor;white-space:nowrap;
}
html[data-theme="warm"][lang] .v9-header .wordmark-hi,
html[data-theme="warm"][lang] .v9-header .wordmark-home{font:inherit;letter-spacing:inherit;color:inherit}
html[data-theme="warm"][data-wordmark="b"][lang] .v9-header .v9-site-mark>strong{
 letter-spacing:.015em;color:#322B27;-webkit-text-stroke:.12px currentColor;
}
html[data-theme="warm"][lang] .v9-header .v9-site-mark>span{
 font-family:Arial,'Helvetica Neue',sans-serif;font-size:12.5px;font-weight:400;
 letter-spacing:.015em;line-height:1.35;color:#322B27;white-space:nowrap;
 overflow:visible;text-overflow:clip;
}
html[data-theme="warm"] .v9-header :is(.nav-link,.language-switch,.language-switch a){font-size:15px;font-weight:600;color:#322B27}
html[data-theme="warm"] .v9-header .nav-link:not(.nav-contact):after{background:#5B4536}
html[data-theme="warm"] .v9-header :is(.nav-link:hover,.nav-link[aria-current="page"]){color:#5B4536;background:transparent}
html[data-theme="warm"] .v9-header #site-navigation{background:#D1AE78;border-color:#B79561}
html[data-theme="warm"] .v9-header :is(a,button):focus-visible{outline:3px solid #5B4536;outline-offset:4px}

/* Existing CTA shapes, text, destinations and focus semantics are retained. */
html[data-theme="warm"] body:not([data-route^="area-guides"]) main :is(.v8-button-light,.s9-page .s9-button,.button.primary),
html[data-theme="warm"] .v8-footer .v8-button-dark{
 background:#D1AE78;border-color:#D1AE78;color:#322B27;
}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main :is(.v8-button-light:hover,.s9-page .s9-button:hover,.button.primary:hover),
html[data-theme="warm"] .v8-footer .v8-button-dark:hover{
 background:#C6A16A;border-color:#C6A16A;color:#322B27;
}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .s9-page .s9-button>span{color:inherit}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main :is(.v8-button-outline,.button.secondary){
 background:#FFFAF4;border-color:#7A5B49;color:#5B4536;
}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main :is(.v8-button-outline:hover,.button.secondary:hover){
 background:#F1E5D4;border-color:#5B4536;color:#5B4536;
}
html[data-theme="warm"] :is(.v8-button,.s9-button):focus-visible{outline:3px solid #5B4536;outline-offset:4px}
html[data-theme="warm"] .v8-footer-legal{background:#D1AE78;color:#322B27}
html[data-theme="warm"] .v8-footer-legal span{color:inherit}

@media(max-width:780px){
 /* The entire photo scene and scrim are removed from layout, not just faded.
    No family-photo block, fixed image height or photo padding remains. */
 html[data-theme="warm"] .v8-hero-scene,
 html[data-theme="warm"] .v8-hero-scrim{display:none}
 html[data-theme="warm"] .v8-hero .v8-hero-content{
  min-height:0;height:auto;justify-content:flex-start;padding-top:48px;padding-bottom:48px;
 }
}
@media(max-width:620px){
 html[data-theme="warm"][lang] .v9-header .v9-site-mark>strong{font-size:29px}
 html[data-theme="warm"][lang] .v9-header .v9-site-mark>span{font-size:11.5px;letter-spacing:0}
 html[data-theme="warm"][lang] .v9-header .v9-site-mark{gap:5px}
}

/* Keep the Chinese phrase together instead of leaving a lone final glyph. */
.h9-services .h9-title-phrase{white-space:nowrap}

/* V9-R7: supplied official PNG, lighter navigation, two supporting lines,
   colour-only community dialog theme, and removal of the legal-bar top rule.
   Geography, map styles/labels, dialog geometry and event logic are unchanged. */
html[data-theme="warm"][lang] .v9-header .v9-site-mark{
 width:286px;max-width:none;flex-shrink:0;gap:3px;padding-block:11px;
 align-items:flex-start;white-space:nowrap;
}
html[data-theme="warm"][lang] .v9-header .hihome-official-wordmark{
 display:block;width:222px;height:auto;max-width:none;object-fit:contain;
}
html[data-theme="warm"][lang] .v9-header .v9-site-mark>span{
 font-family:'HiHome Nunito Sans',Arial,sans-serif;font-size:12.5px;font-weight:600;
 letter-spacing:0;line-height:1.4;text-transform:none;color:#322B27;
 white-space:nowrap;overflow:visible;text-overflow:clip;
}
html[data-theme="warm"] .v9-header :is(.nav-link,.language-switch,.language-switch a){
 font-family:Arial,'Helvetica Neue',sans-serif;font-size:16px;font-weight:400;color:#322B27;
}
html[data-theme="warm"][lang^="zh"] .v9-header .nav-link{font-family:var(--sans);font-size:16px;font-weight:400}
html[data-theme="warm"] .v9-header .language-switch .current{font-weight:500}
/* These are process-support sentences, not extra price or scope restrictions. */
html[data-theme="warm"] .s9-page .s9-supporting-text{
 margin:21px 0 0;font-size:13px;line-height:1.8;color:#7A5B49;max-width:610px;
}
html[data-theme="warm"] .s9-page .s9-sellers .s9-price-note{font-size:14px;line-height:1.8;color:#403A35}
/* All community/region details use this inner structure; QR dialogs do not.
   The :has() scope prevents altering the shared QR container and backdrop. */
html[data-theme="warm"] #detail-dialog:has(.map-dialog-top){background:#FDFBF7;border-color:#D9C8B6;color:#403A35}
html[data-theme="warm"] #detail-dialog:has(.map-dialog-top)::backdrop{background:rgba(71,58,49,.46)}
html[data-theme="warm"] .map-dialog-top{background:#F6F0E7;border-color:#D9C8B6}
html[data-theme="warm"] .map-dialog-top h2{color:#4A3E3D}
html[data-theme="warm"] .map-dialog-top .eyebrow{color:#7A5B49}
html[data-theme="warm"] .map-dialog-body{background:#FDFBF7;color:#403A35}
html[data-theme="warm"] .map-dialog-body .dialog-description,
html[data-theme="warm"] .map-dialog-body .dialog-description p{color:#403A35}
html[data-theme="warm"] .map-dialog-body .dialog-tags,
html[data-theme="warm"] .map-dialog-body .dialog-tags span{color:#7A5B49;border-color:#D9C8B6}
html[data-theme="warm"] .map-dialog-body .dialog-actions{border-color:#D9C8B6}
html[data-theme="warm"] .map-dialog-close{color:#5B4536;border-color:#D9C8B6;background:transparent}
html[data-theme="warm"] .map-dialog-close:hover{color:#5B4536;border-color:#B68C68;background:#E8DCCE}
html[data-theme="warm"] .map-dialog-body .button.secondary{color:#5B4536;border-color:#D9C8B6;background:#F6F0E7}
html[data-theme="warm"] .map-dialog-body .button.secondary:hover{color:#5B4536;border-color:#B68C68;background:#E8DCCE}
html[data-theme="warm"] #detail-dialog:has(.map-dialog-top) :is(a,button):focus-visible{outline-color:#5B4536}
/* The inherited R2 top border had turned dark coffee in the warm theme. */
html[data-theme="warm"] .v8-footer-legal{border-top:0}
@media(max-width:620px){
 html[data-theme="warm"][lang] .v9-header .v9-site-mark{width:240px;gap:3px;padding-block:6px}
 html[data-theme="warm"][lang] .v9-header .hihome-official-wordmark{width:204px}
 html[data-theme="warm"][lang] .v9-header .v9-site-mark>span{font-size:11.5px;line-height:1.4;letter-spacing:0}
}

/* R8 local adjustments only. Area Guide geometry, lists and dialog styles are inherited unchanged. */
html[data-theme="warm"][lang] .v9-header .v9-site-mark{width:300px;max-width:300px;padding-block:0;gap:0;flex-shrink:0}
html[data-theme="warm"][lang] .v9-header .hihome-official-wordmark{width:100%;height:auto;max-width:100%;display:block}
html[data-theme="warm"] .v9-header .header-inner{gap:24px}
html[data-theme="warm"] .v9-header .nav-links{gap:20px}
html[data-theme="warm"] .v8-hero .v8-hero-eyebrow{font-size:14.5px;font-weight:400;letter-spacing:.06em}
html[data-theme="warm"] .v8-hero .v8-hero-services{font-size:16px;font-weight:500}
@media(min-width:781px){
 html[data-theme="warm"] .v8-hero-scrim{background:linear-gradient(90deg,rgba(242,233,220,.98) 0%,rgba(242,233,220,.96) 32%,rgba(242,233,220,.91) 49%,rgba(242,233,220,.72) 57%,rgba(242,233,220,.12) 68%,rgba(242,233,220,0) 100%)}
}
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .s9-page .s9-section-nav a,
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .s9-page .s9-section-nav a:hover,
html[data-theme="warm"] body:not([data-route^="area-guides"]) main .s9-page .s9-section-nav a:focus-visible{border-bottom:0;text-decoration:none}
html[data-theme="warm"] .s9-page .s9-sellers .s9-price-note{border-top:0}
html[lang^="zh"] .v8-contact-form>p{text-wrap:pretty}
@media(max-width:620px){
 html[data-theme="warm"] .v9-header .header-inner{gap:0;padding-block:7px}
 html[data-theme="warm"][lang] .v9-header .v9-site-mark{width:calc(100% - 44px);max-width:286px;padding-block:0;gap:0}
 html[data-theme="warm"][lang] .v9-header .hihome-official-wordmark{width:100%;height:auto}
}

/* Homepage transactions only. The original card typography, factual fields and
   image renderer are retained. This adds a single manually controlled row. */
.r8-transactions .r8-carousel-controls{display:flex;gap:10px;flex-shrink:0}
.r8-transactions .r8-carousel-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #D9C8B6;background:#FFFAF4;color:#5B4536;font:400 22px/1 Arial,sans-serif;cursor:pointer}
.r8-transactions .r8-carousel-button:hover:not(:disabled){background:#F1E5D4;border-color:#7A5B49}
.r8-transactions .r8-carousel-button:disabled{opacity:.42;cursor:default}
.r8-transactions .r8-carousel-button:focus-visible,
.r8-transactions .r8-transaction-track:focus-visible{outline:3px solid #5B4536;outline-offset:4px}
.r8-transactions .h9-transaction-grid.r8-transaction-track{display:flex;align-items:stretch;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:auto;padding-block:4px;min-width:0;max-width:100%}
.r8-transactions .r8-transaction-track::-webkit-scrollbar{display:none}
.r8-transactions .r8-transaction-track>.transaction-card{flex:0 0 calc((100% - 72px)/4);max-width:none;scroll-snap-align:start;scroll-snap-stop:normal;min-width:0}
.r8-transactions .r8-transaction-track img{-webkit-user-drag:none;user-select:none}
.r8-transactions .r8-transaction-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.r8-transactions .r8-carousel-position{font-size:13px;line-height:1.7;color:#63594F;margin:18px 0 0;text-align:right;font-variant-numeric:lining-nums tabular-nums}
.r8-transactions .h9-transaction-note{margin-top:10px}
@media(max-width:1199px){.r8-transactions .r8-transaction-track>.transaction-card{flex-basis:calc((100% - 48px)/3)}}
@media(max-width:900px){.r8-transactions .r8-transaction-track>.transaction-card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:620px){
 .r8-transactions .h9-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
 .r8-transactions .r8-carousel-controls{gap:8px}
 .r8-transactions .h9-transaction-grid.r8-transaction-track{gap:18px}
 .r8-transactions .r8-transaction-track>.transaction-card{flex-basis:100%}
 .r8-transactions .r8-carousel-position{margin-top:13px}
}
@media(prefers-reduced-motion:reduce){.r8-transactions .r8-transaction-track{scroll-behavior:auto}}

/* R11 homepage-only dates and a functional, accessible native range control.
   Existing card/photograph/price fonts, dimensions and colours are inherited. */
.r11-transactions .h9-transaction-grid.r8-transaction-track{scroll-snap-type:none;scroll-behavior:auto}
.r11-transactions .transaction-price{text-align:right}
.r11-transactions .transaction-summary .r11-transaction-date{margin:1px 0 0;text-align:right;font-family:var(--sans);font-size:12.5px;line-height:1.5;font-weight:400;color:#63594F;font-variant-numeric:lining-nums tabular-nums}
.r11-transactions .r11-carousel-footer{display:flex;align-items:center;gap:20px;margin-top:12px;min-width:0}
.r11-transactions .r11-carousel-footer .r8-carousel-position{margin:0;flex:none;min-width:64px}
.r11-transactions .r11-carousel-range{appearance:none;-webkit-appearance:none;flex:1;display:block;width:100%;min-width:0;height:32px;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:grab;touch-action:auto;accent-color:#7A5B49}
.r11-transactions .r11-carousel-range:active{cursor:grabbing}
.r11-transactions .r11-carousel-range:focus-visible{outline:2px solid #5B4536;outline-offset:4px}
.r11-transactions .r11-carousel-range::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#B68C68 var(--r11-scroll-progress,0%),#E8DCCE var(--r11-scroll-progress,0%))}
.r11-transactions .r11-carousel-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:12px;margin-top:-4.5px;border:1px solid #7A5B49;border-radius:6px;background:#D1AE78;box-shadow:none}
.r11-transactions .r11-carousel-range::-moz-range-track{height:3px;border:0;border-radius:3px;background:#E8DCCE}
.r11-transactions .r11-carousel-range::-moz-range-progress{height:3px;background:#B68C68}
.r11-transactions .r11-carousel-range::-moz-range-thumb{width:24px;height:12px;border:1px solid #7A5B49;border-radius:6px;background:#D1AE78;box-shadow:none}
@media(max-width:620px){.r11-transactions .r11-carousel-footer{gap:14px;margin-top:10px}}

/* R12: homepage-only two-block card copy. The original card width, photo,
   price/address fonts and palette remain inherited from the R11 cascade. */
.r12-transactions .h9-transaction-grid .transaction-summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;min-width:0}
.r12-transactions .h9-transaction-grid .transaction-price{margin:0;text-align:left;min-width:0}
.r12-transactions .h9-transaction-grid .r12-transaction-date{margin:0;text-align:right;flex:none;white-space:nowrap;font-family:var(--sans);font-size:12.5px;line-height:1.5;font-weight:400;color:#63594F;font-variant-numeric:lining-nums tabular-nums}
body:not([data-route^="area-guides"]) main .r12-transactions .h9-transaction-grid .transaction-copy h3{min-height:0;margin-bottom:0}
.r12-transactions .r11-carousel-footer{gap:0}
.r12-transactions .r11-carousel-range{--r12-thumb-width:100px}
.r12-transactions .r11-carousel-range::-webkit-slider-thumb{width:var(--r12-thumb-width)}
.r12-transactions .r11-carousel-range::-moz-range-thumb{width:var(--r12-thumb-width);box-sizing:border-box}
@media(max-width:620px){.r12-transactions .r11-carousel-range{--r12-thumb-width:72px}}

/* R9 Services alignment only. All text, colours, fonts, column ratios,
   service rows, images, maps and client interactions are inherited from R8. */
html[data-theme="warm"] .s9-page :is(.s9-rental-layout,.s9-secondary-layout){align-items:start}
html[data-theme="warm"] .s9-page :is(.s9-rental-scope,.s9-secondary-detail)>:is(.s9-supporting-text,.s9-price-note){
 margin:21px 0 0;padding-top:0;
}
@media(min-width:1024px){
 /* Indefinite-height 1fr rows derive their shared size from the largest
    natural service block. No fixed heights, clipping or measuring script. */
 html[data-theme="warm"] .s9-page{display:grid;grid-template-rows:auto repeat(3,1fr);--s9-label-text-inset:3px}
 html[data-theme="warm"][lang^="zh"] .s9-page{--s9-label-text-inset:2px}
 /* Preserve the two existing font systems; compensate their first-line
    glyph metrics so label text and the service text start at the same y. */
 html[data-theme="warm"] .s9-page .s9-section .s9-eyebrow{padding-top:var(--s9-label-text-inset)}
 html[data-theme="warm"] .s9-page>.s9-section{padding-block:64px;margin-block:0}
 html[data-theme="warm"] .s9-page .s9-section .s9-service-list li:first-child{padding-top:0}
}
@media(max-width:780px){
 /* Keep narrow-screen content naturally stacked, without equal-height rows. */
 html[data-theme="warm"] .s9-page :is(.s9-rental-layout,.s9-secondary-layout){grid-template-columns:minmax(0,1fr);gap:29px}
}

/* Logo clarity only: preserve the supplied pixels and the existing brand box.
   Source rows 0..440 contain the complete official wordmark; the old raster
   company name begins at row 454 and is never shown. No image was retraced. */
html[data-theme="warm"][lang] .v9-header .v9-site-mark{
 aspect-ratio:2048 / 580;gap:2.5px;justify-content:flex-start;
}
html[data-theme="warm"][lang] .v9-header .v9-site-mark>.hihome-wordmark-window{
 display:block;flex:none;width:100%;aspect-ratio:2048 / 441;overflow:hidden;
 line-height:0;padding:0;margin:0;
}
html[data-theme="warm"][lang] .v9-header .hihome-wordmark-window>.hihome-official-wordmark{
 display:block;width:100%;height:auto;max-width:100%;
}
html[data-theme="warm"][lang] .v9-header .v9-site-mark>.hihome-brokerage{
 display:block;flex:none;width:100%;max-width:100%;margin:0;padding:0;
 font-family:'JW Manrope',Arial,sans-serif;font-size:15px;font-weight:400;
 font-style:normal;line-height:1.15;letter-spacing:0;text-transform:none;text-align:center;
 color:#3C2E24;white-space:nowrap;overflow:visible;text-overflow:clip;
}
@media(max-width:620px){
 html[data-theme="warm"][lang] .v9-header .v9-site-mark>.hihome-brokerage{
  font-size:clamp(14px,3.75vw,14.5px);line-height:1.1;
 }
}

/* R10: two sibling Header layers. Only the primary navigation is sticky.
   The approved Logo Clarity rules, navigation typography and page layouts stay intact. */
:root{--r10-header-height:97px;--r10-menu-top:135px}
.r10-topbar{background:#D1AE78;color:#322B27;font-family:'JW Manrope',Arial,sans-serif;font-size:12.5px;line-height:1.5}
.r10-topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:6px}
.r10-region{white-space:nowrap}
.r10-contact-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.r10-contact-links a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;min-height:24px}
.r10-contact-links .icon{width:14px;height:14px}
.r10-topbar a:hover{text-decoration:underline;text-underline-offset:3px}
.r10-topbar a:focus-visible{outline:2px solid #5B4536;outline-offset:3px}
html[data-theme="warm"][lang] .site-header.v9-header.r10-primary{
 position:sticky;top:0;z-index:30;background:#F6F0E7;border-bottom-color:#F6F0E7;
}
html[data-theme="warm"][lang] .v9-header.r10-primary #site-navigation{background:#F6F0E7}
/* Native anchors and the existing client scrollIntoView calls share one offset.
   Do not add scroll-padding to html: it would double the reserved space. */
body:has(.r10-primary) :is(#main,#landlords,#sellers,#buyers,#lets-connect,#past-transactions){scroll-margin-top:calc(var(--r10-header-height) + 12px)}
@media(max-width:900px){
 html[data-theme="warm"][lang] .v9-header.r10-primary #site-navigation{
  max-height:max(0px,calc(100dvh - var(--r10-menu-top)));overscroll-behavior:contain;
 }
}
@media(max-width:780px){
 .r10-topbar-inner{align-items:flex-start;flex-direction:column;gap:2px;padding-block:5px}
 .r10-contact-links{gap:4px 17px}
 .r10-contact-links a{gap:5px}
}

/* Compact: the unchanged HTML company name sizes this intrinsic grid column.
   Its 15px / original mobile Manrope typography remains in logo-clarity.css.
   The supplied PNG has 46 transparent columns at each side: compensate for
   those existing pixels, so the visible 1956/2048 wordmark matches the text.
   Inline-size containment prevents the raster from enlarging the text column. */
html[data-theme="warm"][lang] .v9-header.r10-primary .header-inner{
 min-height:0;padding-block:4px;
}
html[data-theme="warm"][lang] .v9-header.r10-primary .v9-site-mark{
 display:grid;grid-template-columns:max-content;justify-content:center;
 align-items:center;align-content:center;aspect-ratio:auto;gap:3px;
}
html[data-theme="warm"][lang] .v9-header.r10-primary .v9-site-mark>.hihome-wordmark-window{
 contain:inline-size;width:calc(100% * 2048 / 1956);justify-self:center;
 margin-block-start:-4px;
}
html[data-theme="warm"][lang] .v9-header.r10-primary .v9-site-mark>.hihome-brokerage{
 width:max-content;max-width:none;justify-self:center;
}

/* R11: shrink the already-clipped official wordmark by 12% in paint only.
   Layout occupancy, company typography, Header height and menu/anchor offsets
   remain exactly those of the final Compact baseline. */
html[data-theme="warm"][lang] .v9-header.r10-primary .v9-site-mark>.hihome-wordmark-window{
 transform:scale(.88);transform-origin:50% 50%;
}

/* R12: non-layout sticky separator, plus information-bar readability only.
   The Compact/R11 navigation, Logo and all Header box dimensions are retained. */
.r10-primary::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(196,173,140,.85);opacity:0;pointer-events:none;transition:opacity 150ms ease}
.r10-primary.r12-is-stuck::after{opacity:1}
.r10-topbar{font-size:14px;font-weight:500;color:#322B27}
.r10-topbar :is(.r10-region,.r10-contact-links a){color:#322B27;font-weight:500}
.r10-contact-links .icon{width:15px;height:15px;stroke-width:1.8}
@media(max-width:780px){.r10-topbar{font-size:13px;line-height:18.75px}}
@media(prefers-reduced-motion:reduce){.r10-primary::after{transition:none}}

/* Decorative CTA arrows only. Match the existing EN/ZH glyph advance so the
   containing buttons keep their approved widths, padding and line boxes. */
.ui-diagonal-arrow{display:inline-block;width:.8389em;height:.75em;vertical-align:baseline;color:inherit;overflow:visible}
body[data-lang=zh] .ui-diagonal-arrow{width:1em}