/* Local editorial edition. Existing product/technical structures remain intact. */
.kj-line-arrow{display:inline-block;vertical-align:middle;flex:none;width:1.25em;height:1.25em;overflow:visible;color:inherit;transition:transform .25s ease}
.arrow{display:inline-flex;align-items:center;justify-content:center;color:inherit;font-size:18px}
.text-link>.kj-line-arrow,.button>.kj-line-arrow{margin-inline-start:10px}
a:hover>.kj-line-arrow,button:hover>.kj-line-arrow{transform:translate(3px,-2px)}
.nav-submenu .kj-line-arrow{width:15px;height:15px;opacity:.6}
.brand{font-family:Arial,"Helvetica Neue",sans-serif;font-size:14px;font-weight:600;letter-spacing:.13em}
.visual-story{padding-block:clamp(75px,10vw,150px)}
.visual-story__head{display:grid;grid-template-columns:1fr 2fr;gap:4vw;align-items:start;margin-bottom:50px}
.visual-story__head h2{font-size:clamp(34px,4.5vw,72px);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:0 0 28px;max-width:900px}
.visual-story__head p{max-width:620px;line-height:1.85;color:var(--muted);font-size:15px}
.visual-story__head>.eyebrow{color:var(--walnut,#8A6A4C);padding-top:9px;font-size:10px}
.visual-spread{display:grid;grid-template-columns:1.4fr 1fr;gap:6vw;align-items:start}
.visual-spread figure{margin:0}.visual-spread figure:nth-child(2){padding-top:15%}
.visual-spread img{width:100%;height:auto;display:block}
.visual-media-button{display:block;position:relative;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in;text-align:left;overflow:hidden}
.visual-media-button img{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.2,.75,.2,1)}
.visual-media-button .visual-zoom{position:absolute;right:15px;bottom:15px;width:32px;height:32px;display:grid;place-items:center;background:#f3f0e9;color:#171816;opacity:0;transition:opacity .2s}
.visual-media-button:hover .visual-zoom,.visual-media-button:focus-visible .visual-zoom{opacity:1}
.visual-caption{font-size:11px;line-height:1.7;padding-top:16px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:16px}
.visual-rail-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:45px 0 20px;font-size:11px;letter-spacing:.06em}
.visual-rail-buttons{display:flex;gap:8px}.visual-rail-buttons button{width:42px;height:42px;background:transparent;border:1px solid var(--line);color:inherit;display:grid;place-items:center;cursor:pointer}.visual-rail-buttons button:disabled{opacity:.25;cursor:default}
.visual-rail{display:flex;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;padding:0 0 24px;scrollbar-width:thin;scrollbar-color:#b7aea0 transparent}
.visual-rail figure{flex:0 0 min(30%,400px);margin:0;min-width:240px}.visual-rail img{height:clamp(270px,30vw,480px);object-fit:cover}
.visual-rail figure.is-landscape{flex-basis:48%}.visual-rail figure.is-landscape img{object-fit:contain;background:#e9e5dd}
.visual-rail-buttons[hidden]{display:none}
.surface-path .visual-link{margin-top:0}
.visual-story__head h2{white-space:pre-line}
.quality-records small{display:block}
.visual-story .note{font-size:12px;line-height:1.8;margin-top:22px}
.visual-story--dark{background:#191c18;color:#f3f0e9;--line:#ffffff29;--muted:#b0b4a9}.visual-story--dark .visual-story__head>.eyebrow{color:#c8b79f}
.visual-story--dark .visual-rail img{background:#252923}
.visual-link{margin-top:32px;display:inline-flex;align-items:center;gap:25px;font-size:11px;letter-spacing:.08em;border-bottom:1px solid currentColor;padding-bottom:10px}
.residential-feature{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:11vw;padding-block:clamp(80px,10vw,150px)}
.residential-feature__copy{max-width:430px}.residential-feature h2{font-size:clamp(44px,5.1vw,82px);font-weight:400;line-height:1.04;letter-spacing:-.05em;margin:35px 0}.residential-feature p{line-height:1.85;font-size:15px;color:var(--muted)}
.residential-feature figure{margin:0}.residential-feature img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center}
.application-grid{gap:48px 30px}
.visual-proof{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:center}.visual-proof>img{width:100%;display:block;max-height:800px;object-fit:cover}.visual-proof h2{font-size:clamp(40px,4.4vw,70px);font-weight:400;letter-spacing:-.045em;line-height:1.1}.visual-proof p{font-size:16px;line-height:1.9}
.quality-records{display:grid;grid-template-columns:1fr 1fr;gap:60px 8vw;margin-top:50px}.quality-records article{border-top:1px solid var(--line);padding-top:22px}.quality-records h3{font-size:27px;font-weight:400;margin:16px 0}.quality-records p{font-size:14px;line-height:1.85}.quality-records small{font:11px/1.8 var(--mono)}
.pattern-design{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;margin-top:50px}.pattern-design article{min-width:0}.pattern-design h3{font-size:24px;font-weight:400}.pattern-design p{font-size:14px;line-height:1.9}
.pattern-sequence{display:flex;min-height:180px;background:#e3ded3}.pattern-sequence span{flex:1;border:1px solid #f6f4ef;display:grid;place-items:end center;padding-bottom:15px;font:11px var(--mono);color:#6a6154;background-size:400% 100%;background-image:url('/assets/images/editorial/pattern-study.svg')}.pattern-sequence span:nth-child(2){background-position:33%}.pattern-sequence span:nth-child(3){background-position:66%}.pattern-sequence span:nth-child(4){background-position:100%}.pattern-sequence--mirror span:nth-child(2){transform:scaleX(-1);background-position:0}.pattern-sequence--mirror span:nth-child(3){background-position:0}.pattern-sequence--mirror span:nth-child(4){transform:scaleX(-1);background-position:0}.pattern-sequence--grid{display:grid;grid-template-columns:1fr 1fr}.pattern-sequence--grid span{min-height:90px}
.surface-path{display:flex;gap:25px;flex-wrap:wrap;border-block:1px solid var(--line);padding-block:23px;margin-top:30px;font-size:13px;align-items:center}
@media(min-width:821px){.page-intro{padding-top:clamp(80px,9vw,145px);padding-bottom:65px}.page-intro .page-title{max-width:1200px}.page-intro .lede{max-width:690px}.page-figure{margin-bottom:30px}}
@media(max-width:820px){
 .hero{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(100svh - var(--header-height));background:#171816;overflow:hidden;padding-top:420px}
 .hero-film{position:absolute;inset:0;height:100%;min-height:0;aspect-ratio:auto}
 .hero-video{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 50%}
 .hero-film:before{inset:0;aspect-ratio:auto;background:linear-gradient(180deg,rgba(9,12,10,.05) 8%,rgba(9,12,10,.16) 32%,rgba(9,12,10,.34) 60%,rgba(9,12,10,.64) 100%)}
 .hero-heading{position:absolute;left:0;right:0;top:clamp(145px,25svh,235px);bottom:auto;padding-block:0;z-index:2}
 .hero-heading .eyebrow{font-size:8px;line-height:1.7;letter-spacing:.10em;max-width:290px;margin-bottom:24px;color:#f8f6ef}
 .hero-heading h1{font-size:clamp(30px,7.7vw,57px);line-height:1.12;letter-spacing:-.035em;max-width:100%;color:#fff;text-shadow:0 2px 14px #0003}
 .hero-heading h1 span{white-space:normal;display:block}
 .hero-caption{position:relative;left:auto;right:auto;bottom:auto;z-index:3;padding-block:26px max(35px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-top:35px}
 .hero-copy{font-size:13px;line-height:1.8;color:#f5f2e9;max-width:360px;margin:0;text-shadow:0 1px 8px #0002}
 .hero-caption .button{min-height:48px;padding:14px 20px;border:1px solid #ffffff80;color:#fff;background:#17181614;font-size:9px;text-shadow:none;gap:35px}
 .hero-caption .button:hover{color:#171816;background:#f3f0e9}
 html[lang=zh] .hero-heading h1{font-size:clamp(25px,6.5vw,40px)!important;line-height:1.38!important;max-width:100%!important}
 html[lang=zh] .hero-copy{font-size:14px;line-height:1.8}
 .hero-index{display:none}.hero-mobile-break{display:block}
 .visual-story{padding-block:75px}.visual-story__head{display:block;margin-bottom:30px}.visual-story__head>.eyebrow{margin-bottom:24px}.visual-story__head h2{font-size:38px;line-height:1.15}.visual-story__head p{font-size:14px}.visual-spread{gap:24px;grid-template-columns:1fr}.visual-spread figure:nth-child(2){padding-top:0;margin-left:13%}.visual-rail{gap:15px}.visual-rail figure{flex-basis:78%;min-width:0}.visual-rail figure.is-landscape{flex-basis:88%}.visual-rail img{height:380px}.visual-rail-tools{margin-top:32px}
 .residential-feature{grid-template-columns:1fr;gap:36px;padding-block:75px}.residential-feature h2{font-size:48px;margin:26px 0}.residential-feature__copy{max-width:100%}.residential-feature img{aspect-ratio:3/4;object-position:center}.residential-feature figure{margin-left:10%}
 .visual-proof{grid-template-columns:1fr;gap:36px}.quality-records{grid-template-columns:1fr;gap:35px}.pattern-design{grid-template-columns:1fr;gap:30px}.pattern-design article{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.pattern-design .pattern-sequence{grid-row:1/3;min-height:180px}.pattern-design h3{font-size:21px;margin-top:0}.pattern-design p{font-size:12px;margin:0}.visual-media-button .visual-zoom{opacity:1}.surface-path{font-size:12px;gap:15px}
}
@media(max-width:820px) and (max-height:700px){.hero{padding-top:370px}.hero-heading{top:125px}.hero-caption{margin-top:16px}.hero-copy{font-size:12px}.hero-heading .eyebrow{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.kj-line-arrow,.visual-media-button img{transition:none}.visual-rail{scroll-behavior:auto}}
.pattern-sequence--grid span{background-size:200% 200%;background-position:0 0}
.pattern-sequence--grid span:nth-child(2){background-position:100% 0}
.pattern-sequence--grid span:nth-child(3){background-position:0 100%}
.pattern-sequence--grid span:nth-child(4){background-position:100% 100%}