@import url('../fonts/chinese-editorial.css');

.language-switch{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:24px;color:inherit;opacity:.8;font-size:.875rem}
.language-switch button{font:inherit;color:inherit;background:none;border:0;padding:10px 6px;min-height:44px;cursor:pointer}
.language-switch button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}
.language-switch button:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* Chinese typography has its own scale, line lengths and editorial rhythm. */
html[lang=zh-CN]{--zh-body:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--zh-display:"Noto Serif SC","Songti SC","STSong","SimSun",serif}
html[lang=zh-CN] body{font-family:var(--zh-body);font-weight:400;line-height:1.9;letter-spacing:.015em;-webkit-font-smoothing:antialiased;line-break:strict}
html[lang=zh-CN] h1,html[lang=zh-CN] h2{font-family:var(--zh-display);font-weight:400;letter-spacing:.035em;line-height:1.55;white-space:pre-line;text-wrap:balance;word-break:normal;overflow-wrap:break-word}
html[lang=zh-CN] h1{font-size:clamp(2.5rem,3.7vw,3.75rem);margin:24px 0}
html[lang=zh-CN] h2{font-size:clamp(1.875rem,2.7vw,2.65rem)}
html[lang=zh-CN] h3{font-size:1.5rem;font-weight:500;letter-spacing:.025em;line-height:1.6;text-wrap:balance}
html[lang=zh-CN] h4{font-weight:500;letter-spacing:.025em;line-height:1.7}
html[lang=zh-CN] p{line-height:1.95;text-wrap:pretty}
html[lang=zh-CN] .lede{font-size:1rem;line-height:2;max-width:38em}
html[lang=zh-CN] .eyebrow{font-size:.8125rem;font-weight:500;letter-spacing:.16em;line-height:1.8;margin-bottom:16px}
html[lang=zh-CN] .btn,html[lang=zh-CN] .link{font-family:var(--zh-body);font-weight:500;font-size:.875rem;letter-spacing:.07em;line-height:1.65}
html[lang=zh-CN] .btn{padding:13px 22px;min-height:48px}
html[lang=zh-CN] .actions{gap:12px}
html[lang=zh-CN] .brand{font-family:Arial,Helvetica,sans-serif}
html[lang=zh-CN] .brand-sub span{font-family:var(--zh-body);font-size:.75rem;letter-spacing:.13em}
html[lang=zh-CN] .navlinks{gap:28px;font-size:.875rem;font-weight:500}
html[lang=zh-CN] .navlinks a{letter-spacing:.065em;line-height:1.5;white-space:nowrap}

/* A compact two-line introduction keeps the homes as the visual focus. */
html[lang=zh-CN] .hero-v11 .copy{padding:38px clamp(26px,3vw,52px) 44px;min-width:0}
html[lang=zh-CN] .hero-v11 .eyebrow{font-size:.75rem;letter-spacing:.12em;margin-bottom:0}
html[lang=zh-CN] .hero-v11 h1{font-size:clamp(2rem,2.8vw,3.1rem);line-height:1.55;letter-spacing:.04em;margin:22px 0 26px}
html[lang=zh-CN] .hero-v11 .tag{font-family:var(--zh-body);font-size:1.0625rem;line-height:1.9;letter-spacing:.025em;color:#34473b;margin:0 0 14px}
html[lang=zh-CN] .hero-v11 .summary{font-size:.9375rem;line-height:2;color:#66716a;max-width:29em}
html[lang=zh-CN] .hero-v11 .actions{margin-top:28px}
html[lang=zh-CN] .hero-v11 .btn{padding:12px 16px;letter-spacing:.045em}
html[lang=zh-CN] .image-caption{font-size:.75rem;letter-spacing:.07em;line-height:1.6}

html[lang=zh-CN] .section{padding:92px 0}
html[lang=zh-CN] .section-head{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:72px;margin-bottom:42px;align-items:end}
html[lang=zh-CN] .section-head>p{font-size:1rem;line-height:1.95;max-width:32em}
html[lang=zh-CN] .decision{padding:40px;min-width:0}
html[lang=zh-CN] .decision .label{font-size:.8125rem;font-weight:500;letter-spacing:.12em}
html[lang=zh-CN] .decision h3{font-family:var(--zh-display);font-weight:400;font-size:1.875rem;line-height:1.65;margin:20px 0 16px}
html[lang=zh-CN] .decision p{max-width:30em;font-size:1rem;line-height:1.95}
html[lang=zh-CN] .decision .price{font-family:var(--zh-body);font-size:1rem;line-height:1.8;letter-spacing:.02em}
html[lang=zh-CN] .collection-v11 .content{padding:30px 32px 34px}
html[lang=zh-CN] .collection-v11 .content .eyebrow{font-size:.8125rem;letter-spacing:.13em;margin-bottom:12px}
html[lang=zh-CN] .collection-v11 h3,html[lang=zh-CN] .compare-copy h2,html[lang=zh-CN] .scheme-intro h1{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.02em;font-weight:400}
html[lang=zh-CN] .collection-v11 h3{font-size:2rem;line-height:1.2}
html[lang=zh-CN] .collection-v11 .content p{margin:18px 0;font-size:1rem;line-height:1.95;max-width:31em}
html[lang=zh-CN] .collection-v11 .content .link{margin-top:6px}
html[lang=zh-CN] .dot-introduction{max-width:860px}
html[lang=zh-CN] .dot-introduction p{margin:24px 0;max-width:43em}
html[lang=zh-CN] .service-group-title{font-size:1.125rem;margin:34px 0 20px}
html[lang=zh-CN] .service-card{padding:34px 36px}
html[lang=zh-CN] .service-card h3{font-size:1.375rem;line-height:1.65;margin-bottom:18px}
html[lang=zh-CN] .service-card .service-price{font-family:var(--zh-body);font-size:1.5rem;font-weight:500;line-height:1.7;letter-spacing:0;font-variant-numeric:tabular-nums}
html[lang=zh-CN] .service-card>p:not(.service-price){font-size:1rem;line-height:1.95;margin:18px 0 28px}
html[lang=zh-CN] .service-note,html[lang=zh-CN] .service-detail,html[lang=zh-CN] .scheme-note{font-size:.875rem;line-height:1.9}
html[lang=zh-CN] .steps{gap:30px}
html[lang=zh-CN] .step h3{font-size:1.25rem;line-height:1.65;margin:20px 0 12px}
html[lang=zh-CN] .step p{font-size:.9375rem;line-height:1.95}
html[lang=zh-CN] .fit-box{gap:48px;padding:44px;align-items:start}
html[lang=zh-CN] .fit-box h2{font-size:clamp(1.875rem,2.5vw,2.4rem);line-height:1.6;margin-bottom:22px}
html[lang=zh-CN] .fit-box .lede{max-width:25em;font-size:1rem;line-height:2}
html[lang=zh-CN] .inquiry-progress{font-size:.875rem;line-height:1.8;padding-bottom:12px;border-bottom:1px solid var(--line)}
html[lang=zh-CN] .inquiry-form label{font-size:.875rem;font-weight:500;line-height:1.7;margin-bottom:9px;letter-spacing:.025em}
html[lang=zh-CN] .inquiry-form input,html[lang=zh-CN] .inquiry-form select,html[lang=zh-CN] .inquiry-form textarea{font-family:var(--zh-body);font-size:1rem;line-height:1.65;letter-spacing:0}
html[lang=zh-CN] .form-note,html[lang=zh-CN] .form-status{font-size:.875rem;line-height:1.9}
html[lang=zh-CN] .custom-brief legend{font-size:1.125rem;line-height:1.7;font-weight:500}
html[lang=zh-CN] .addon-options legend{font-size:.875rem;line-height:1.7}
html[lang=zh-CN] .custom-intro-grid{gap:64px}
html[lang=zh-CN] .custom-intro h1{font-size:clamp(2.25rem,3.4vw,3.4rem);line-height:1.6}
html[lang=zh-CN] .custom-intro p{max-width:34em;font-size:1rem;line-height:1.95}
html[lang=zh-CN] .custom-needs h3,html[lang=zh-CN] .path-compare h3{font-size:1.5rem;line-height:1.7}
html[lang=zh-CN] .custom-decisions dt{font-size:1.25rem;font-weight:500;line-height:1.7}
html[lang=zh-CN] .custom-decisions dd{font-size:1rem;line-height:1.95}
html[lang=zh-CN] .exterior-card h3{font-size:1.375rem;line-height:1.65}
html[lang=zh-CN] .exterior-card p{font-size:.9375rem;line-height:1.95}
html[lang=zh-CN] .custom-faq summary{font-size:1.0625rem;line-height:1.8;font-weight:500}
html[lang=zh-CN] .custom-faq p{line-height:1.95}
html[lang=zh-CN] .scheme-intro h1{font-size:clamp(2.75rem,4.5vw,4rem);line-height:1.2}
html[lang=zh-CN] .scheme-line{font-size:1.125rem;line-height:1.95}
html[lang=zh-CN] .scheme-facts{font-size:.875rem;line-height:1.8}
html[lang=zh-CN] .product-story h4{font-family:var(--zh-display);font-weight:400;font-size:1.375rem;line-height:1.8;margin-top:14px}
html[lang=zh-CN] .cta h2{max-width:20em;line-height:1.6}
html[lang=zh-CN] .footer{font-size:.875rem;letter-spacing:.02em}
html[lang=zh-CN] .footer-bottom p{font-size:.8125rem;line-height:1.95;max-width:45em}
html[lang=zh-CN] .footer-name{font-family:Arial,Helvetica,sans-serif}

@media(max-width:1000px){
 html[lang=zh-CN] .hero-v11 .copy{padding:44px 6vw 52px}
 html[lang=zh-CN] .hero-v11 h1{font-size:clamp(2.25rem,4.7vw,3.25rem)}
 html[lang=zh-CN] .hero-v11 .summary{max-width:40em}
 html[lang=zh-CN] .section-head{gap:36px}
 html[lang=zh-CN] .custom-intro-grid{gap:36px}
 html[lang=zh-CN] .fit-box{grid-template-columns:1fr;gap:32px}
 html[lang=zh-CN] .fit-box .lede{max-width:42em}
}
@media(max-width:950px){html[lang=zh-CN] .section-head{grid-template-columns:1fr;gap:22px}}
@media(max-width:620px){
 .language-switch{justify-content:flex-start}
 html[lang=zh-CN] .section{padding:60px 0}
 html[lang=zh-CN] h1,html[lang=zh-CN] .custom-intro h1{font-size:2.125rem;line-height:1.65;letter-spacing:.025em}
 html[lang=zh-CN] h2{font-size:1.875rem;line-height:1.65;letter-spacing:.025em}
 html[lang=zh-CN] .hero-v11 .copy{padding:32px 24px 40px}
 html[lang=zh-CN] .hero-v11 h1{font-size:2.125rem;line-height:1.65;margin:20px 0 22px}
 html[lang=zh-CN] .hero-v11 .eyebrow{font-size:.75rem;letter-spacing:.07em}
 html[lang=zh-CN] .hero-v11 .tag{font-size:1rem;line-height:1.95}
 html[lang=zh-CN] .hero-v11 .summary{font-size:.9375rem;line-height:2}
 html[lang=zh-CN] .hero-v11 .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 html[lang=zh-CN] .hero-v11 .btn{padding:12px 8px;font-size:.875rem;letter-spacing:.025em}
 html[lang=zh-CN] .section-head{margin-bottom:30px;gap:20px}
 html[lang=zh-CN] .decision{padding:28px 24px}
 html[lang=zh-CN] .decision h3{font-size:1.625rem;line-height:1.7}
 html[lang=zh-CN] .collection-v11 .content{padding:26px 24px 28px}
 html[lang=zh-CN] .service-card{padding:28px 24px}
 html[lang=zh-CN] .steps{gap:28px}
 html[lang=zh-CN] .fit-box{padding:28px 20px;gap:28px}
 html[lang=zh-CN] .fit-box h2{font-size:1.875rem}
 html[lang=zh-CN] .custom-intro-grid{gap:30px}
 html[lang=zh-CN] .scheme-intro h1{font-size:2.75rem}
 html[lang=zh-CN] .footer-bottom p{font-size:.8125rem}
}