/* Focused continuation: first-screen composition and integrated material imagery. */
/* Brand composition is intentionally distinct from the modern navigation. */
.brand{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:20px;letter-spacing:.035em}
.hero-film:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(6,7,6,.43) 0%,rgba(6,7,6,.25) 30%,rgba(6,7,6,.07) 58%,transparent 78%),linear-gradient(0deg,rgba(5,6,5,.24),rgba(5,6,5,.06) 30%,transparent 55%),linear-gradient(rgba(8,8,7,.055),rgba(8,8,7,.055))}
.hero-heading{z-index:2}
.hero-caption{z-index:3}
.film-toggle{z-index:4}
.quiet-brand{padding-block:150px 170px;display:grid;grid-template-columns:2fr 7fr 3fr;gap:28px;align-items:start}
.quiet-brand h2{font-size:clamp(35px,3.3vw,63px);line-height:1.17;letter-spacing:-.045em}
.quiet-brand .lede{align-self:end;font-size:15px}
.wpc-chapter{padding-top:45px}
.proof-reserve{border-top:1px solid currentColor;padding-block:55px 45px;margin-top:85px}
.proof-reserve h3{font-size:clamp(29px,3vw,52px);line-height:1.16;margin-block:32px}
.proof-reserve .note{max-width:560px}
.evidence-strip{display:flex;flex-wrap:wrap;gap:28px;font:10px/1.6 var(--mono);letter-spacing:.05em;padding-block:24px;border-block:1px solid #8885;margin-bottom:22px}
.kj-compare{position:relative;aspect-ratio:16/9;overflow:hidden;touch-action:pan-y;cursor:ew-resize;background:#ded9ce}
.kj-compare-after,.kj-compare-before,.kj-compare-before>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kj-compare-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.kj-compare-await{width:100%;height:100%;padding:8%;display:flex;flex-direction:column;justify-content:center;gap:35px;background:#ded9ce;color:var(--charcoal)}
.kj-compare-await p{font-size:clamp(25px,3.4vw,60px);line-height:1.14;letter-spacing:-.04em}
.kj-compare-await .note{max-width:330px}
.kj-compare-divider{position:absolute;top:0;bottom:0;width:1px;left:var(--split);background:#fff}
.kj-compare-label{position:absolute;top:25px;color:white;font:10px/1.5 var(--mono);letter-spacing:.12em;text-shadow:0 1px 5px #000}
.kj-compare-label--left{left:25px}.kj-compare-label--right{right:25px}
.transformation-chapter .chapter-foot .note{max-width:48%}
.system-transition{padding-block:95px;background:#e8e4db;overflow:hidden;--progress:.5}
.system-transition-inner{display:grid;grid-template-columns:2fr 6fr 4fr;align-items:center;gap:30px}
.system-planes{width:100%;max-height:220px;overflow:visible;stroke:#777a6d;fill:#c7b8a333;stroke-width:.8}
.plane{transform-box:fill-box;transform-origin:center}
.plane-a{transform:translateX(calc((var(--progress) - .5)*34px)) rotate(calc((var(--progress) - .5)*8deg))}
.plane-b{transform:translateY(calc((var(--progress) - .5)*20px))}
.plane-c{transform:translateX(calc((.5 - var(--progress))*34px)) rotate(calc((.5 - var(--progress))*8deg))}
.system-axis{fill:none;opacity:.22}
.system-transition-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;font:10px/1.6 var(--mono);letter-spacing:.08em}
.factory-sequence{display:grid;grid-template-columns:7fr 4fr;gap:8vw;align-items:center;padding-block:0 160px}
.factory-sequence img{width:100%;aspect-ratio:3/2;object-fit:cover}
.factory-sequence h2{font-size:clamp(32px,3.1vw,56px);line-height:1.1;margin-block:28px}
.factory-sequence p:not(.eyebrow){max-width:460px;margin-bottom:24px}
.factory-sequence .image-caption{margin-top:15px}
.verified-stats{display:flex;gap:60px;flex-wrap:wrap}.verified-stats [data-counter]{font-size:70px}
.home-projects>.project-card:nth-child(2){grid-column:2/7}
.home-projects>.project-card:nth-child(3){grid-column:8/-1;margin-top:150px}
.home-projects>.project-card:nth-child(2)>.image-frame{aspect-ratio:4/5}
.home-projects>.project-card:nth-child(3)>.image-frame{aspect-ratio:1.5}
.project-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:100px 40px}
.project-grid>.project-card:nth-child(1){grid-column:1/-1}
.project-grid>.project-card:nth-child(2){grid-column:2/7}
.project-grid>.project-card:nth-child(3){grid-column:8/-1;margin-top:140px}
.project-grid>.project-card:nth-child(1) .image-frame{aspect-ratio:2}
.project-grid>.project-card:nth-child(2) .image-frame{aspect-ratio:4/5}
.project-grid>.project-card:nth-child(3) .image-frame{aspect-ratio:1.5}
.project-card h3{transition:transform .7s var(--ease)}
.project-card:hover h3{transform:translateX(4px)}
.application-item--hospitality{grid-column:1/8;grid-row:1/3}
.application-item--office{grid-column:9/-1;grid-row:1}
.application-item--commercial{grid-column:9/-1;grid-row:2;align-self:end}
.application-item--office .image-frame{aspect-ratio:4/5}
.application-item--commercial .image-frame{aspect-ratio:1.65}
.application-item--residential{grid-column:1/5;grid-row:3}
.application-item--healthcare{grid-column:6/11;grid-row:3;margin-top:80px}
.application-item--entertainment{grid-column:3/-1;grid-row:4;margin-top:35px}
.application-item--residential .image-frame{aspect-ratio:4/5}
.application-item--healthcare .image-frame{aspect-ratio:1.3;height:auto}
.application-item--entertainment .image-frame{aspect-ratio:2.38;height:auto}
main[data-route^="/products/"] .page-figure img{transition:transform .9s var(--ease)}
@media(hover:hover){main[data-route^="/products/"] .page-figure:hover img{transform:scale(1.015)}}
html[lang=zh] .quiet-brand h2{font-size:clamp(32px,3vw,57px);line-height:1.3}
html[lang=zh] .proof-reserve h3{line-height:1.35}
@media(min-width:761px){
 html[lang=zh] .hero-heading h1{font-size:clamp(34px,3vw,58px)!important;line-height:1.32!important;max-width:1180px!important}
 html[lang=zh] .hero-caption{grid-template-columns:minmax(0,560px) auto 1fr}
 html[lang=zh] .hero-copy{font-size:17px;line-height:1.9}
}
@media(max-width:1100px){.quiet-brand{grid-template-columns:1fr 3fr}.quiet-brand .lede{grid-column:2}.system-transition-inner{grid-template-columns:1fr 2fr}.system-transition-copy{grid-column:2}.factory-sequence{gap:5vw}}
@media(max-width:760px){
 .brand{font-size:18px}
 .hero-film:before{inset:0 0 auto;aspect-ratio:16/9}
 html[lang=zh] .hero-heading h1{font-size:clamp(26px,7vw,42px)!important;line-height:1.4!important}
 html[lang=zh] .hero-heading h1 span{white-space:normal;max-width:13em}
 html[lang=zh] .hero-copy{font-size:16px;line-height:1.9}
 .quiet-brand{padding-block:85px 100px;display:block}
 .quiet-brand h2{font-size:34px;margin-block:30px}
 .quiet-brand .lede{font-size:15px;max-width:320px}
 .wpc-chapter{padding-top:20px}
 .proof-reserve{margin-top:55px;padding-block:35px}
 .evidence-strip{gap:14px;font-size:9px}
 .kj-compare{aspect-ratio:4/5}
 .kj-compare-await{padding:25px;gap:25px}
 .kj-compare-await p{font-size:30px}
 .kj-compare-label{top:16px;font-size:8px}
 .kj-compare-label--left{left:16px}.kj-compare-label--right{right:16px}
 .transformation-chapter .chapter-foot{display:block}.transformation-chapter .chapter-foot .note{max-width:100%;margin-top:12px}
 .system-transition{padding-block:65px}.system-transition-inner{display:block}.system-planes{margin-block:25px;max-height:160px}.system-transition-copy{max-width:340px}
 .factory-sequence{grid-template-columns:1fr;gap:40px;padding-bottom:90px}.factory-sequence h2{font-size:36px}
 .home-projects>.project-card:nth-child(n),.project-grid>.project-card:nth-child(n){grid-column:1/-1;margin-top:0}
 .home-projects>.project-card:nth-child(2)>.image-frame,.project-grid>.project-card:nth-child(2) .image-frame{aspect-ratio:4/5}
 .project-grid{grid-template-columns:1fr;gap:55px}
 .application-item--hospitality,.application-item--office,.application-item--commercial,.application-item--residential,.application-item--healthcare,.application-item--entertainment{grid-column:1/-1;grid-row:auto;margin-top:0}
 .application-item--office .image-frame{aspect-ratio:4/5}.application-item--entertainment .image-frame{aspect-ratio:2.2;min-height:170px}
}
@media(prefers-reduced-motion:reduce){.plane{transform:none!important}.project-card h3,main[data-route^="/products/"] .page-figure img{transition:none}.project-card:hover h3,main[data-route^="/products/"] .page-figure:hover img{transform:none}}
@media(min-width:761px){
 .hero-film{height:calc(100svh - var(--header-height));min-height:580px;max-height:1080px;aspect-ratio:auto}
 .hero-video{height:100%;object-fit:cover;object-position:center;aspect-ratio:auto}
 .hero-heading{bottom:clamp(195px,22vh,255px)}
 .hero-heading h1{font-size:clamp(42px,4.4vw,86px);max-width:1100px}
 .hero-caption{position:absolute;bottom:0;left:0;right:0;padding-block:25px 48px;grid-template-columns:minmax(0,540px) auto 1fr;gap:50px}
 .hero-copy{color:#fff;text-shadow:0 1px 5px #000,0 2px 12px #0009;font-size:17px}
 .hero-caption .button{background:rgba(23,24,22,.2);text-shadow:0 1px 5px #000}
 .hero-caption .button:hover{text-shadow:none}
 .hero-index{color:white;text-shadow:0 1px 5px #000}
 html[lang=zh] .hero-heading h1{font-size:clamp(42px,4.3vw,82px);line-height:1.15}
}
.product-feature{position:relative;isolation:isolate;overflow:hidden}
.product-feature>.image-frame{aspect-ratio:4/5}
.product-feature>.image-frame:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.62));pointer-events:none}
.product-feature .image-corner{display:none}
.product-copy{position:absolute;left:7%;right:7%;bottom:7%;padding:0;color:#fff;pointer-events:none}
.product-copy>.eyebrow{margin-bottom:18px;color:white}
.product-copy h3{font-size:clamp(25px,2.3vw,43px);text-shadow:0 1px 6px #0005}
.product-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#eee;max-width:420px;margin-top:20px}
.product-copy>.text-link{pointer-events:auto;border-color:#ffffff80;margin-top:25px;color:white}
.product-feature:hover img{transform:scale(1.012)}
.factory-real-media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.factory-real-media figcaption{margin-top:15px}
.factory-real-media{align-self:center}
.application-item--healthcare .image-frame,.application-item--entertainment .image-frame{width:100%;min-width:0;height:auto;min-height:0}
.application-item--healthcare,.application-item--entertainment{position:relative}
.application-item--healthcare .application-label,.application-item--entertainment .application-label{position:absolute;bottom:20px;left:20px;right:20px;color:white;text-shadow:0 1px 5px #000,0 1px 10px #000}
.project-filters{width:calc(100% - var(--gutter)*2);max-width:var(--measure);margin-inline:auto}
@media(max-width:760px){
 .hero-heading h1{font-size:7.7vw}
 .product-pair{gap:28px}
 .product-feature>.image-frame{aspect-ratio:3/4;min-height:485px}
 .product-copy{bottom:30px;left:25px;right:25px;padding:0}
 .product-copy h3{font-size:29px}
 html[lang=zh] .product-copy h3{font-size:29px;line-height:1.2}
 .product-copy>p:not(.eyebrow){font-size:13px;margin-top:16px}
 .factory-real-media img{aspect-ratio:4/3}
 .application-item--entertainment .image-frame{min-height:0}
}
.hero-mobile-break{display:none}
.documented-records article{display:grid;grid-template-columns:1fr 2fr;gap:55px;border-top:1px solid var(--line);padding-block:35px}
.content-in-preparation{padding-block:25px;border-block:1px solid var(--line);color:#77786e}
.documented-records article h3{font-size:25px}
.documented-records article p{max-width:650px;margin-bottom:16px;font-size:15px;line-height:1.8}
.documented-records article .record-standard{font-family:var(--mono);font-size:12px;letter-spacing:.025em}
.documented-records article .note{font-size:10px}
.documented-records>.note{max-width:760px;margin-block:20px}
@media(max-width:760px){.documented-records article{grid-template-columns:1fr;gap:20px}.documented-records article h3{font-size:23px}}
.kj-compare-neutral{position:absolute;inset:0;background:#b6b1a7}
.compare-disclosure{max-width:750px;margin-top:18px;font:10px/1.7 var(--mono);color:#77786e}
.hero-heading h1,.hero-copy{ text-shadow:0 2px 18px rgba(0,0,0,.18)}
@media(max-width:760px){.hero-mobile-break{display:block}}