/* Brand core: existing graphite/limestone palette, complete images, quiet motion. */
.kb-about{background:var(--warm-white,#faf9f6)}
.kb-about h1,.kb-wpc-opening h1{font-size:clamp(48px,5.3vw,82px);font-weight:400;line-height:1.03;letter-spacing:-.055em;text-wrap:balance}
html[lang^=zh] .kb-about h1{font-size:clamp(38px,4.1vw,60px);line-height:1.17;letter-spacing:-.035em}
.kb-about h2{font-size:clamp(36px,4.2vw,64px);font-weight:400;line-height:1.12;letter-spacing:-.04em;text-wrap:balance}
.kb-about h3{font-size:clamp(25px,2.4vw,36px);font-weight:400;line-height:1.23;letter-spacing:-.025em}
.kb-about p:not(.eyebrow),.kb-wpc-opening p:not(.eyebrow){font-size:15px;line-height:1.85;max-width:64ch}
.kb-about-hero{display:grid;grid-template-columns:.9fr 1.2fr;gap:6vw;align-items:center;padding-block:85px 75px;min-height:calc(90svh - var(--header-height))}
.kb-hero-copy .eyebrow{margin-bottom:30px}.kb-hero-copy .lede{margin-block:30px;color:#62635c}.kb-hero-copy .text-link{margin-top:10px}
.kb-photo{margin:0;min-width:0}.kb-photo button{display:block;border:0;padding:0;background:transparent;width:100%;position:relative;overflow:hidden;text-align:left;color:inherit;cursor:zoom-in}
.kb-photo img{display:block;width:100%;height:auto;object-fit:contain;transition:filter 500ms}.kb-photo figcaption{font:11px/1.6 var(--font);margin-top:12px;color:#676960}
.kb-photo button>span{display:flex;align-items:center;gap:24px;position:absolute;bottom:0;right:0;padding:15px 20px;background:#171816;color:#faf9f6;font:10px var(--mono);transform:translateY(100%);transition:transform 350ms var(--ease)}
.kb-photo button:hover>span,.kb-photo button:focus-visible>span{transform:none}.kb-photo button:hover img{filter:brightness(1.035)}
.kb-chapter-nav{display:flex;justify-content:space-between;gap:20px;position:sticky;top:var(--header-height);z-index:8;background:#faf9f6;border-block:1px solid var(--line);padding-block:0}
.kb-chapter-nav a{display:flex;align-items:center;gap:12px;min-height:60px;font-size:12px;border-bottom:2px solid transparent;color:#686a60;white-space:nowrap}.kb-chapter-nav a span{font:9px var(--mono)}.kb-chapter-nav a:hover,.kb-chapter-nav a[aria-current]{color:#171816;border-bottom-color:#171816}
.kb-about [data-kb-chapter]{scroll-margin-top:calc(var(--header-height) + 86px)}
.kb-foundation,.kb-bases,.kb-materials,.kb-partnership{padding-block:100px}
.kb-chapter-head{display:grid;grid-template-columns:.65fr 1.5fr 1fr;gap:4vw;align-items:start;margin-bottom:65px}.kb-chapter-head>p:last-child{color:#66685f;margin-top:6px}
.kb-brand-statement{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-left:24%}.kb-brand-statement p{color:#55584f}
.kb-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;margin-top:65px}.kb-principles>div{border-top:1px solid var(--line);padding-top:22px}.kb-principles span{font:10px var(--mono);letter-spacing:.12em}.kb-principles strong{display:block;font-weight:400;font-size:clamp(23px,2.3vw,34px);margin-top:22px}
.kb-bases{border-top:1px solid var(--line)}.kb-base-grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start}.kb-base-grid>article:nth-child(2){padding-top:100px}.kb-base-grid .eyebrow{margin-bottom:20px}.kb-base-grid h3{margin-block:28px 18px}.kb-base-grid p:not(.eyebrow){color:#62645a}.kb-base-grid .text-link{margin-top:26px}.kb-context{margin-top:48px;padding-top:22px;border-top:1px solid var(--line);font-size:12px!important;color:#707268;max-width:none!important}
.kb-making{background:#1b1d19;color:#f3f0e9;padding-block:100px}.kb-making-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:start}.kb-sticky-title{position:sticky;top:calc(var(--header-height) + 100px)}.kb-sticky-title h2{margin-block:28px}.kb-sticky-title p:not(.eyebrow){color:#b7baac}.kb-sticky-title .text-link{margin-top:30px}.kb-making .kb-photo figcaption{color:#afb3a6}.kb-making-sequence>article{margin-bottom:70px}.kb-making-sequence>article:last-child{margin:0}.kb-making-sequence .eyebrow{display:block;margin-block:30px 18px}.kb-making-sequence h3{margin-bottom:20px}.kb-making-sequence p{color:#b8bbaf}.kb-dispatch>img{width:100%;height:auto}.kb-dispatch .text-link{margin-top:24px}
.kb-material-row{display:grid;grid-template-columns:.55fr 1fr 1.25fr 24px;align-items:center;gap:4vw;border-top:1px solid var(--line);padding-block:35px;position:relative;transition:border-color 350ms}.kb-material-name{font-size:clamp(22px,2.8vw,42px);letter-spacing:-.04em}.kb-material-row img{width:100%;height:auto;max-height:260px;object-fit:contain}.kb-material-row h3{font-size:clamp(23px,2.1vw,32px);margin-bottom:16px}.kb-material-row p{font-size:14px!important;color:#65675e}.kb-material-row:hover{border-color:#171816}.kb-material-row>svg,.kb-link>svg{transition:transform 350ms var(--ease)}.kb-material-row:hover>svg,.kb-link:hover>svg{transform:translate(5px,-3px)}
.kb-partnership{border-top:1px solid var(--line)}.kb-partner-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:start}.kb-partner-layout .kb-photo{max-width:470px;position:sticky;top:calc(var(--header-height) + 100px)}.kb-partner-layout article{display:grid;grid-template-columns:35px 1fr;gap:12px 20px;border-top:1px solid var(--line);padding-block:25px}.kb-partner-layout article>p{grid-column:2;color:#62645a}.kb-partner-layout article>.eyebrow{margin-top:8px}.kb-partner-layout .text-link{margin-top:24px}.kb-proof-links{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;border-top:1px solid var(--line);margin-top:70px;padding-top:30px}
.kb-wpc-opening{background:#1c1e1a;color:#f3f0e9;padding-block:72px 28px}.kb-wpc-layout{display:grid;grid-template-columns:.8fr 1.35fr;gap:6vw;align-items:center}.kb-wpc-layout .eyebrow{margin-bottom:30px}.kb-wpc-layout p:not(.eyebrow){color:#b9bcae;margin-top:28px}.kb-wpc-layout figure{margin:0}.kb-wpc-layout figure img{width:100%;height:auto;object-fit:contain}.kb-wpc-layout figcaption{display:flex;justify-content:space-between;gap:15px;font:9px/1.6 var(--mono);letter-spacing:.04em;color:#b9bcae;margin-top:14px}.kb-wpc-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:30px}.kb-wpc-links .text-link{font-size:10px;min-height:44px}.kb-wpc-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25;padding-top:20px;margin-top:45px;font:9px var(--mono);letter-spacing:.08em}
.kb-wpc-opening~.kx-atlas{padding-top:60px}.kb-wpc-opening~.kx-atlas .kx-atlas-image{background:#e5e1d8}.kx-atlas-image img.kb-atlas-previous{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:1}.kx-atlas-image img[data-atlas-image]{position:relative;z-index:1;background:#e5e1d8;transform:none;clip-path:none}.kx-atlas-image>span{z-index:2}
.kb-rich-menu .kb-nav-feature{display:block;padding:0;border:0}.kb-nav-feature img{width:100%;height:auto;object-fit:contain}.kb-nav-feature div{padding-top:18px}.kb-nav-feature small{font:9px var(--mono);letter-spacing:.08em;color:#a8ac9e}.kb-nav-feature strong{display:block;font-size:22px;line-height:1.3;font-weight:400;margin-top:12px}.kb-nav-feature p{font-size:12px;line-height:1.7;color:#b1b4a8;margin-top:10px}.kb-nav-feature div>span{display:flex;align-items:center;gap:22px;opacity:1;font:9px var(--mono);margin-top:20px}.kb-nav-feature svg{width:18px;transition:transform 350ms}.kb-nav-feature:hover svg{transform:translateX(7px)}.kb-nav-links .eyebrow{font-size:9px;margin-bottom:22px}.kb-nav-links>a{border-bottom:1px solid #ffffff0b;transition:color 250ms,padding 250ms}.kb-nav-links>a:hover{padding-left:7px}.kb-nav-partner img{max-height:310px}.kb-nav-partner{display:grid!important;grid-template-columns:1fr .8fr;gap:22px;align-items:center}.kb-menu-dismissed .nav-submenu{display:none!important}
.kb-complete-room{object-fit:contain!important;object-position:center!important}
.kb-line-mask{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.kb-line-mask>span{display:block;transition:transform 800ms var(--ease);transition-delay:var(--kb-line-delay,0ms)}.kb-reveal:not(.kb-revealed) .kb-line-mask>span{transform:translateY(105%)}
@media(prefers-reduced-motion:reduce){.kb-line-mask>span{transform:none!important;transition:none!important}}
.kj-motion-reduced .kb-line-mask>span{transform:none!important;transition:none!important}
.kb-nav-feature:active,.kb-material-row:active,.kb-link:active{opacity:.7}
@view-transition{navigation:auto}
::view-transition-old(root){animation:kb-page-out 140ms ease-in both}
::view-transition-new(root){animation:kb-page-in 220ms ease-out both}
@keyframes kb-page-out{to{opacity:0}}
@keyframes kb-page-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}
.kj-motion-reduced::view-transition-old(root),.kj-motion-reduced::view-transition-new(root){animation:none!important}
@keyframes kb-menu-in{from{opacity:0;transform:translateY(-9px);clip-path:inset(0 0 12% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes kb-link-in{from{opacity:0;transform:translateX(-9px)}to{opacity:1;transform:none}}
.nav-submenu{animation:kb-menu-in 350ms var(--ease) both}.nav-submenu a{animation:kb-link-in 400ms var(--ease) both}.nav-submenu a:nth-child(2){animation-delay:35ms}.nav-submenu a:nth-child(3){animation-delay:65ms}.nav-submenu a:nth-child(4){animation-delay:95ms}.nav-submenu a:nth-child(5){animation-delay:125ms}
.kb-reveal{transition:opacity 650ms var(--ease),transform 750ms var(--ease),clip-path 850ms var(--ease);transition-delay:var(--kb-delay,0ms)}.kb-reveal:not(.kb-revealed){opacity:0;transform:translateY(25px)}.kb-mask:not(.kb-revealed){clip-path:inset(0 0 14% 0)}.kb-text-reveal:not(.kb-revealed){clip-path:inset(0 0 14% 0);transform:translateY(18px)}.kb-revealed{opacity:1;clip-path:inset(0);transform:none}
@media(min-width:1281px){.kb-rich-menu{position:fixed;top:var(--header-height);left:50%;margin-left:-410px;width:820px;padding:32px;grid-template-columns:.7fr 1.3fr;gap:35px}.nav-group.is-open .kb-rich-menu,.nav-group:hover .kb-rich-menu,.nav-group:focus-within .kb-rich-menu{display:grid}}
@media(min-width:901px){.kb-wpc-opening~.kx-atlas .kx-atlas-layout{grid-template-columns:.75fr 1.5fr;gap:6vw}.kb-wpc-opening~.kx-atlas .kx-atlas-index>button{grid-template-columns:25px 1fr 23px;min-height:104px;padding:20px 12px;position:relative}.kb-wpc-opening~.kx-atlas .kx-atlas-index>button img{display:none}.kb-wpc-opening~.kx-atlas .kx-atlas-category{font-size:clamp(20px,1.8vw,29px);transition:transform 350ms}.kb-wpc-opening~.kx-atlas button[aria-pressed=true] .kx-atlas-category{transform:translateX(6px)}.kb-wpc-opening~.kx-atlas button[aria-pressed=true]{background:transparent}.kb-wpc-opening~.kx-atlas .kx-atlas-index>button:after{content:'';position:absolute;bottom:-1px;height:2px;left:0;right:0;background:#171816;transform:scaleX(0);transform-origin:left;transition:transform 450ms}.kb-wpc-opening~.kx-atlas button[aria-pressed=true]:after{transform:scaleX(1)}}
@media(max-width:1280px){.kb-rich-menu .kb-nav-feature{margin-top:22px;max-width:520px}.kb-nav-feature img{max-height:240px}.kb-nav-partner{max-width:420px!important}.kb-rich-menu{animation:none}}
@media(max-width:900px){.kb-about-hero,.kb-wpc-layout{grid-template-columns:1fr;gap:38px;padding-top:45px}.kb-about-hero{min-height:0;padding-bottom:45px}.kb-about h1,.kb-wpc-opening h1{font-size:clamp(48px,8vw,72px)}.kb-chapter-nav{overflow-x:auto;justify-content:start;gap:28px}.kb-chapter-nav a{min-height:52px}.kb-chapter-head{grid-template-columns:1fr 1.6fr;gap:20px}.kb-chapter-head>p:last-child{grid-column:2}.kb-brand-statement{margin-left:0;gap:35px}.kb-base-grid{gap:30px}.kb-base-grid>article:nth-child(2){padding-top:50px}.kb-making-layout{grid-template-columns:1fr;gap:45px}.kb-sticky-title{position:static}.kb-material-row{grid-template-columns:90px 1fr 1fr 20px;gap:22px}.kb-partner-layout{gap:40px;grid-template-columns:1fr 1.2fr}.kb-partner-layout .kb-photo{position:static}.kb-wpc-opening{padding-top:0}.kb-wpc-layout figure{max-width:850px}.kb-foundation,.kb-bases,.kb-materials,.kb-partnership,.kb-making{padding-block:65px}}
@media(max-width:600px){.kb-about h1,.kb-wpc-opening h1{font-size:50px;line-height:1.09}.kb-about h2{font-size:37px}.kb-about h3{font-size:28px}.kb-about p:not(.eyebrow){font-size:14px}.kb-hero-copy .eyebrow{font-size:9px;line-height:1.8}.kb-chapter-head{display:block;margin-bottom:32px}.kb-chapter-head h2{margin-block:23px}.kb-chapter-head>p:last-child{max-width:40ch}.kb-brand-statement,.kb-base-grid,.kb-partner-layout{grid-template-columns:1fr;gap:30px}.kb-principles{grid-template-columns:1fr;gap:25px;margin-top:35px}.kb-principles>div{display:grid;grid-template-columns:85px 1fr;gap:10px;align-items:baseline}.kb-principles strong{margin:0;font-size:23px}.kb-base-grid>article:nth-child(2){padding-top:25px}.kb-making-sequence>article{margin-bottom:45px}.kb-material-row{grid-template-columns:1fr 20px;gap:20px;padding-block:28px}.kb-material-name{grid-column:1}.kb-material-row img{grid-column:1/-1;max-height:none}.kb-material-row>div{grid-column:1}.kb-material-row>svg{grid-column:2;grid-row:1}.kb-partner-layout .kb-photo{max-width:360px}.kb-partner-layout article{grid-template-columns:24px 1fr;gap:10px 16px}.kb-proof-links{display:grid;gap:22px;margin-top:40px}.kb-photo button>span{position:static;transform:none;justify-content:space-between;padding:12px 15px;font-size:9px}.kb-wpc-foot{gap:20px;font-size:8px;line-height:1.8}.kb-wpc-foot>svg{display:none}.kb-wpc-layout figcaption{font-size:8px}.kb-nav-feature strong{font-size:20px}.kb-nav-partner{gap:16px}.kb-nav-feature p{font-size:11px}.kb-reveal{transition-duration:450ms}.kb-reveal:not(.kb-revealed){transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){.kb-reveal,.kb-revealed{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}.nav-submenu,.nav-submenu a{animation:none!important}.kb-about *,.kb-wpc-opening *,.kx-atlas *{transition:none!important}}
.kj-motion-reduced .kb-reveal{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}.kj-motion-reduced .nav-submenu,.kj-motion-reduced .nav-submenu a{animation:none!important}
@media(max-width:900px){.kb-wpc-opening~.kx-atlas .kx-atlas-index>button{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:8px;min-height:82px;padding:15px 5px}.kb-wpc-opening~.kx-atlas .kx-atlas-index>button img{display:none}.kb-wpc-opening~.kx-atlas .kx-atlas-number{position:static;background:transparent;padding:3px 0}.kb-wpc-opening~.kx-atlas .kx-atlas-category{padding:0;font-size:14px}.kb-wpc-opening~.kx-atlas .kx-atlas-category small{font-size:10px}}
.kj-motion-reduced .kb-photo *,.kj-motion-reduced .kb-material-row *,.kj-motion-reduced .kb-nav-feature *,.kj-motion-reduced .kx-atlas *{transition:none!important}
/* Homepage focal images: one quiet entrance, independent of the WPC interaction. */
.kb-feature-reveal.kb-reveal,.kb-soft-image.kb-reveal{clip-path:none;transition-delay:0ms}
.kb-feature-reveal.kb-reveal{transition:opacity 650ms cubic-bezier(.22,1,.36,1),transform 750ms cubic-bezier(.22,1,.36,1)}
.kb-feature-reveal.kb-reveal:not(.kb-revealed){transform:translateY(14px)}
.kb-feature-reveal #wpc-space{transform:scale(1);transition:transform 1150ms cubic-bezier(.22,1,.36,1)}
.kb-feature-reveal.kb-reveal:not(.kb-revealed) #wpc-space{transform:scale(1.025)}
.kb-feature-reveal :is(.wpc-eyebrow,#wpc-space-copy h2,#wpc-space-copy p,#wpc-explore){opacity:1;transform:none;transition:opacity 650ms cubic-bezier(.22,1,.36,1),transform 750ms cubic-bezier(.22,1,.36,1);transition-delay:var(--kb-copy-delay,0ms)}
.kb-feature-reveal #wpc-space-copy h2{--kb-copy-delay:70ms}
.kb-feature-reveal #wpc-space-copy p{--kb-copy-delay:140ms}
.kb-feature-reveal #wpc-explore{--kb-copy-delay:210ms}
.kb-feature-reveal.kb-reveal:not(.kb-revealed) :is(.wpc-eyebrow,#wpc-space-copy h2,#wpc-space-copy p,#wpc-explore){opacity:0;transform:translateY(12px)}
.kb-soft-image.kb-reveal,.kb-soft-image.kb-reveal:not(.kb-revealed){transform:none;transition:opacity 800ms cubic-bezier(.22,1,.36,1)}
.kb-soft-image .visual-media-button img{transform:scale(1);transition:transform 1150ms cubic-bezier(.22,1,.36,1)}
.kb-soft-image.kb-reveal:not(.kb-revealed) .visual-media-button img{transform:scale(1.02)}
.kb-feature-reveal:focus-within,.kb-soft-image:focus-within,
.kb-feature-reveal:focus-within :is(#wpc-space,.wpc-eyebrow,#wpc-space-copy h2,#wpc-space-copy p,#wpc-explore),
.kb-soft-image:focus-within .visual-media-button img{opacity:1!important;transform:none!important;transition:none!important}
@media(max-width:600px){
 .kb-feature-reveal.kb-reveal{transition-duration:500ms,600ms}
 .kb-feature-reveal.kb-reveal:not(.kb-revealed){transform:translateY(8px)}
 .kb-feature-reveal.kb-reveal:not(.kb-revealed) :is(.wpc-eyebrow,#wpc-space-copy h2,#wpc-space-copy p,#wpc-explore){transform:translateY(8px)}
 .kb-soft-image.kb-reveal{transition-duration:650ms}
 .kb-feature-reveal #wpc-space,.kb-soft-image .visual-media-button img{transition-duration:900ms}
 .kb-feature-reveal.kb-reveal:not(.kb-revealed) #wpc-space,.kb-soft-image.kb-reveal:not(.kb-revealed) .visual-media-button img{transform:scale(1.012)}
}
@media(prefers-reduced-motion:reduce){
 .kb-feature-reveal :is(#wpc-space,.wpc-eyebrow,#wpc-space-copy h2,#wpc-space-copy p,#wpc-explore),.kb-soft-image .visual-media-button img{opacity:1!important;transform:none!important;transition:none!important}
}
.kj-motion-reduced .kb-feature-reveal :is(#wpc-space,.wpc-eyebrow,#wpc-space-copy h2,#wpc-space-copy p,#wpc-explore),.kj-motion-reduced .kb-soft-image .visual-media-button img{opacity:1!important;transform:none!important;transition:none!important}
/* Scoped photo replacement: keep the source composition, not a banner crop. */
.factory-real-media img[src*="/partner-selected/"],.factory-production img[src*="/partner-selected/"],.factory-sequence img[src*="/partner-selected/"],.page-figure img[src*="/partner-selected/shandong-production"]{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;max-height:none;transform:none}
#partner-visits .visit-pictures img{height:auto;aspect-ratio:auto;object-fit:contain;transform:none}
.application-item--residential .image-frame{aspect-ratio:auto}
.application-item--residential .image-frame img{width:100%;height:auto;aspect-ratio:auto 3/4;object-fit:contain;transform:none}
.factory-real-media img[src*="/partner-selected/shandong-base"]{aspect-ratio:auto 1736/835}

/* Factory and reception photography: preserve the complete frame. */
.factory-real-media img[src*="/refresh-20261013/"],
.factory-production img[src*="/refresh-20261013/"],
.factory-sequence img[src*="/refresh-20261013/"],
.factory-site-grid img[src*="/refresh-20261013/"],
.factory-detail-grid img[src*="/refresh-20261013/"],
.factory-dispatch-grid img[src*="/refresh-20261013/"],
.kx-picture img[src*="/refresh-20261013/"],
.kb-photo img[src*="/refresh-20261013/"]{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;max-height:none;transform:none}
.factory-site-grid:has(img[src*="/refresh-20261013/"]){align-items:start}
.factory-production figure:has(img[src*="/refresh-20261013/"]){max-width:1080px;margin-inline:auto}
main[data-route="/partner-system/"]>.scene-intro{grid-template-columns:.8fr 1.2fr;gap:5%;padding-block:64px 48px}
main[data-route="/partner-system/"]>.scene-intro img{aspect-ratio:auto 2200/1657;height:auto;object-fit:contain;transform:none}
main[data-route="/partner-system/"]>.scene-intro .page-title{font-size:clamp(38px,4.2vw,68px)}
.reception-story{padding-block:70px 20px}
.reception-spread{display:grid;grid-template-columns:1.2fr .8fr;gap:32px 7%;align-items:start}
.reception-spread-main{grid-row:1/span 2}
.reception-spread-copy{padding-top:24px}
.reception-story h3{font-size:clamp(28px,3.1vw,46px);line-height:1.18;text-wrap:balance;letter-spacing:-.035em}
.reception-story p:not(.eyebrow){max-width:52ch;margin-top:20px;line-height:1.75}
.reception-story .text-link,.reception-context .text-link{margin-top:24px}
.reception-spread-detail{max-width:360px;justify-self:start}
.reception-story .scene-image img{height:auto;max-height:none;object-fit:contain;transform:none}
.reception-story .scene-image figcaption h3{font-size:14px;line-height:1.5;letter-spacing:0}
.reception-welcome{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.15fr);gap:clamp(22px,3vw,36px);align-items:center;max-width:1040px;margin:64px auto 32px;scroll-margin-top:calc(var(--header-height) + 28px)}
.reception-welcome-main,.reception-welcome-side,.reception-welcome-side>div{min-width:0}
.reception-welcome-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:center}
.reception-welcome .scene-image{width:100%;max-width:none;margin:0}
.reception-welcome .scene-image-open{width:100%;max-height:none;background:transparent}
.reception-welcome .scene-image img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transform:none}
.reception-welcome .scene-image figcaption{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}
.reception-welcome .scene-image figcaption h3{font-size:15px;line-height:1.7;font-weight:400;text-align:start}
.reception-welcome .reception-welcome-side .scene-image-open .scene-image-affordance{min-width:44px;min-height:44px;padding:10px;font-size:0;gap:0}
.reception-welcome .reception-welcome-side .scene-image-affordance svg{width:20px;height:20px;flex:0 0 20px}
.reception-dialogue{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5%;align-items:start;padding-top:80px}
.reception-dialogue>header{align-self:center}
.reception-dialogue>div:last-child{padding-top:70px}
#reception-gallery .scene-gallery-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:44px 32px;align-items:start}
#reception-gallery .scene-gallery-grid>.scene-image:nth-child(n){grid-column:span 3;grid-row:auto;padding:0;width:100%;max-width:none;align-self:start;justify-self:stretch}
#reception-gallery .scene-gallery-grid>.scene-image:nth-child(6n+1){grid-column:span 8;align-self:center}
#reception-gallery .scene-gallery-grid>.scene-image:nth-child(6n+2){grid-column:span 4}
#reception-gallery .scene-gallery-grid>.scene-image:nth-child(6n+4),#reception-gallery .scene-gallery-grid>.scene-image:nth-child(6n+6){padding-top:36px}
#reception-gallery .scene-gallery-grid:has(>.is-portrait:first-child)>.scene-image:nth-child(-n+2){grid-column:span 6;max-width:460px;justify-self:center}
#reception-gallery .scene-gallery-grid>.scene-image:nth-child(n) img{height:auto;max-height:none;object-fit:contain;transform:none;background:transparent}
#reception-gallery .scene-gallery-grid>.scene-image:nth-child(n) .scene-image-open{max-height:none}
#reception-gallery .scene-image figcaption{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}
#reception-gallery .scene-image figcaption h3{font-size:15px;letter-spacing:0}
.reception-context{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.reception-context>div:first-child{max-width:470px}
@media(max-width:700px){
 .reception-welcome{grid-template-columns:1fr;gap:24px;margin-block:44px 20px}
 .reception-welcome-side{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
 .reception-welcome-side>div:last-child{padding-top:30px}
 .reception-welcome .scene-image figcaption h3{font-size:14px;line-height:1.75}
 main[data-route="/partner-system/"]>.scene-intro{padding-block:32px;gap:28px}
 .reception-spread,.reception-dialogue,.reception-context{display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
 .reception-spread-main{grid-row:auto}.reception-spread-copy{padding:0}.reception-spread-detail{max-width:none}
 .reception-dialogue{padding-top:48px}.reception-dialogue>div:last-child{padding:0}
 .reception-story{padding-block:40px 12px}
 #reception-gallery .scene-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 #reception-gallery .scene-gallery-grid>.scene-image:nth-child(n),#reception-gallery .scene-gallery-grid:has(>.is-portrait:first-child)>.scene-image:nth-child(-n+2){grid-column:span 1;max-width:100%;padding:0}
 #reception-gallery .scene-gallery-grid>.scene-image:first-child,#reception-gallery .scene-gallery-grid>.scene-image:not(.is-portrait){grid-column:1/-1}
 #reception-gallery .scene-image figcaption h3{font-size:13px}
 #reception-gallery .scene-image-affordance{right:6px;bottom:6px;min-height:40px;font-size:9px;padding:8px;gap:8px}
 #reception-gallery .scene-image img{max-height:none}
}
.factory-production img[src*="/partner-selected/"],.factory-sequence img[src*="/partner-selected/"],.page-figure img[src*="/partner-selected/shandong-production"]{aspect-ratio:auto 1761/837}

/* Material close-ups: intact originals, no artificial cutout or oversized canvas. */
.kj-material-edit--single{display:grid;grid-template-columns:1.2fr 1fr;gap:24px 6%;align-items:start}
.kj-material-edit--single>.eyebrow,.kj-material-edit--single>.section-title{grid-column:1/-1}
.kj-material-edit--single .kj-material-spread{display:block;margin:0}
.kj-material-edit--single .kj-material-spread img{width:100%;height:auto;object-fit:contain}
.kj-material-edit--single .kj-spec-list{margin-top:0}
#sample-reading.sample-editorial{display:grid;grid-template-columns:.7fr 1.3fr;gap:7%;align-items:start;border-top:1px solid var(--line);padding-block:72px}
.sample-editorial>header{position:sticky;top:110px}
.sample-editorial>header .eyebrow{margin-bottom:24px}
#sample-reading.sample-editorial .section-title{font-size:clamp(34px,4vw,58px);line-height:1.15}
.sample-editorial>header .lede{font-size:16px;line-height:1.8}
.sample-editorial>header .note{margin-block:28px;font-size:13px;line-height:1.8}
.sample-editorial-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 26px}
#sample-reading .sample-editorial-images>.kj-supplement-figure{margin:0;min-width:0}
#sample-reading .sample-editorial-images>.kj-supplement-figure:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
#sample-reading .sample-editorial-images img{display:block;aspect-ratio:auto;width:100%;height:auto;max-height:none;background:transparent;object-fit:contain}
#sample-reading .sample-editorial-images button{width:100%;height:auto;background:transparent}
#sample-reading .sample-editorial-images figcaption{margin-top:18px}
#sample-reading .sample-editorial-images figure:first-child figcaption{margin:0}
#sample-reading .sample-editorial-images h3{font-size:19px;line-height:1.4;margin:12px 0}
#sample-reading .sample-editorial-images figcaption p{font-size:14px;line-height:1.75}
@media(max-width:700px){
 .kj-material-edit--single,#sample-reading.sample-editorial{grid-template-columns:1fr;gap:28px}
 .sample-editorial>header{position:static}
 .sample-editorial-images{gap:28px 16px}
 #sample-reading .sample-editorial-images>.kj-supplement-figure:first-child{display:block}
 #sample-reading .sample-editorial-images figure:first-child figcaption{margin-top:18px}
 #sample-reading .sample-editorial-images h3{font-size:16px}
 #sample-reading .sample-editorial-images figcaption p{font-size:13px}
}

/* Image-led category navigation: content is visible before any interaction. */
.scene-single-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;padding-bottom:32px;border-bottom:1px solid var(--line);margin-bottom:28px}
.scene-single-preview>button{display:grid;grid-template-columns:1fr 20px;align-items:start;gap:12px;border:0;background:none;color:inherit;text-align:left;padding:0;font:14px/1.5 var(--font);cursor:pointer}
.scene-single-preview img{grid-column:1/-1;display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#e9e5dd}
.scene-single-preview svg{width:20px;height:20px}.scene-single-preview>button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.scene-filters.scene-visual-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px 20px;padding:0 0 28px;margin-bottom:26px}
.scene-visual-categories button.scene-category-tile{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0;padding:0 0 14px;text-align:left;opacity:1;border-bottom:1px solid var(--line);transition:border-color 220ms}
.scene-visual-categories .scene-category-tile[aria-pressed=true]{border-bottom:2px solid var(--ink,#171816)}
.scene-visual-categories button span{opacity:1;font:inherit}
.scene-category-tile .scene-category-photos{display:block;width:100%;aspect-ratio:3/2;background:#e9e5dd;overflow:hidden}
.scene-category-photos img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity 250ms}
.scene-category-tile .scene-category-label{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.scene-category-label strong{font-size:15px;line-height:1.45;font-weight:500}
.scene-category-label .scene-category-count{font:11px var(--mono);color:var(--muted,#76766f)}
.scene-category-tile .scene-category-action{display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);letter-spacing:.07em;color:var(--muted,#76766f)}
.scene-category-action svg{width:20px;height:20px;transition:transform 220ms}
.scene-category-tile:hover .scene-category-action svg{transform:translateX(4px)}
.scene-category-tile:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.kx-atlas-thumb{display:block;min-width:0;width:100%;height:64px;overflow:hidden;background:#e9e5dd}
.kx-atlas-index>button .kx-atlas-thumb img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1);transition:transform 800ms cubic-bezier(.2,.75,.2,1)}
@media(min-width:901px) and (hover:hover) and (pointer:fine){.kx-atlas-index>button .kx-atlas-thumb:hover img,.kx-atlas-index>button:focus-visible .kx-atlas-thumb img{transform:scale(1.03)}}
.kj-motion-reduced .kx-atlas-thumb img{transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.kx-atlas-thumb img{transform:none!important;transition:none!important}}
@media(max-width:800px){.kx-atlas-thumb{height:auto;aspect-ratio:4/3}}
.kx-atlas:not(#project-atlas) .kx-atlas-layout,.kb-wpc-opening~.kx-atlas:not(#project-atlas) .kx-atlas-layout{grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);gap:36px;align-items:start}
.kx-atlas:not(#project-atlas) .kx-atlas-image{height:clamp(560px,calc(100svh - 240px),800px)}
.kx-atlas:not(#project-atlas) .kx-atlas-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}
.kx-atlas:not(#project-atlas) .kx-atlas-index>button,.kb-wpc-opening~.kx-atlas:not(#project-atlas) .kx-atlas-index>button{position:relative;display:grid;grid-template-columns:1fr 20px;gap:8px 6px;min-height:0;padding:0 0 10px;align-content:start;align-items:center}
.kx-atlas:not(#project-atlas) .kx-atlas-thumb{grid-column:1/-1;height:auto;aspect-ratio:4/3}
.kx-atlas:not(#project-atlas) .kx-atlas-index>button img,.kb-wpc-opening~.kx-atlas:not(#project-atlas) .kx-atlas-index>button img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#e9e5dd}
.kx-atlas:not(#project-atlas) .kx-atlas-number,.kb-wpc-opening~.kx-atlas:not(#project-atlas) .kx-atlas-number{position:absolute;top:7px;left:7px;padding:4px 6px;background:rgba(250,249,246,.92);font-size:10px;z-index:1;pointer-events:none}
.kx-atlas:not(#project-atlas) .kx-atlas-category,.kb-wpc-opening~.kx-atlas:not(#project-atlas) .kx-atlas-category{padding:0;font-size:15px;line-height:1.4;transform:none!important}
.kx-atlas:not(#project-atlas) .kx-atlas-category small{display:block;margin-top:5px;font-size:10px}
@media(max-width:700px){.kx-atlas:not(#project-atlas).container{width:calc(100% - 32px)}.kx-atlas:not(#project-atlas) .kx-atlas-image{height:clamp(350px,105vw,500px)}}
.application-preview-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;scroll-margin-top:100px}
.application-preview-image{display:block;position:relative;background:#e9e5dd;aspect-ratio:4/5;overflow:hidden}
.application-preview-image img{display:block;width:100%;height:100%;object-fit:contain}
.application-preview-image>span{position:absolute;left:14px;bottom:14px;background:var(--paper,#f3f0e9);padding:7px 10px;font:11px var(--mono)}
.application-preview-copy{padding-top:22px;border-bottom:1px solid var(--line);padding-bottom:24px}
.application-preview-copy h3{font-size:clamp(21px,2vw,30px);font-weight:400;margin:0 0 12px}
.application-preview-copy p{max-width:48ch;color:var(--muted,#76766f);line-height:1.7;margin-bottom:20px}
@media(max-width:1000px){.kx-atlas:not(#project-atlas) .kx-atlas-layout,.kb-wpc-opening~.kx-atlas:not(#project-atlas) .kx-atlas-layout{grid-template-columns:1fr}.kx-atlas:not(#project-atlas) .kx-atlas-stage{position:relative;top:auto}.kx-atlas:not(#project-atlas) .kx-atlas-index{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){
 .scene-single-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.scene-single-preview>button{font-size:12px}
 .scene-filters.scene-visual-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
 .scene-category-label strong{font-size:13px}.scene-category-tile .scene-category-action{font-size:9px}
 .kx-atlas:not(#project-atlas) .kx-atlas-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
 .kx-atlas:not(#project-atlas) .kx-atlas-category,.kb-wpc-opening~.kx-atlas:not(#project-atlas) .kx-atlas-category{font-size:14px}
 .application-preview-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.application-preview-copy{padding-top:16px}.application-preview-copy p{font-size:13px}.application-preview-copy .text-link{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.scene-category-photos img,.scene-category-action svg{transition:none}}
/* Local screenshot corrections: coherent factory photo essay and a material-led closing. */
.factory-site-secondary .factory-site-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 24px;align-items:start}
.factory-site-secondary .factory-site-grid>figure:nth-child(n){grid-column:span 2;padding:0}
.factory-site-secondary .factory-site-grid>figure:nth-child(-n+2){grid-column:span 3}
.factory-site-secondary .factory-site-grid>figure:nth-child(2){padding-top:44px}
.factory-site-secondary .factory-site-grid figcaption{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}
.related-compact{padding-block:48px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}
.related-compact .section-head{display:block;margin:0}.related-compact .eyebrow{margin-bottom:12px}
.related-compact .section-title{font-size:clamp(28px,3vw,42px)}
.related-compact .editorial-grid{gap:24px;margin:0}
.final-cta--photographic{position:relative;isolation:isolate;overflow:hidden;background:#171816;color:#faf9f6;min-height:560px;padding-block:88px;border:0}
.final-cta--photographic .final-cta-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.final-cta--photographic::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,18,16,.88),rgba(17,18,16,.64) 50%,rgba(17,18,16,.16))}
.final-cta--photographic .eyebrow,.final-cta--photographic .final-cta-bottom p{color:rgba(250,249,246,.85)}
.final-cta--photographic h2{max-width:15ch;font-size:clamp(42px,5.5vw,82px)}
html[lang=zh] .final-cta--photographic h2{font-size:clamp(38px,4.7vw,68px)}
.final-cta--photographic .button{color:#171816;background:#f3f0e9;border-color:#f3f0e9}
.final-cta--photographic .button:hover{background:#fff}
@media(max-width:700px){
 .factory-site-secondary .factory-site-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .factory-site-secondary .factory-site-grid>figure:nth-child(n){grid-column:span 1;padding:0}
 .factory-site-secondary .factory-site-grid>figure:first-child{grid-column:1/-1}
 .related-compact{grid-template-columns:1fr;padding-block:32px;gap:24px}
 .final-cta--photographic{min-height:480px;padding-block:56px}
 .final-cta--photographic::before{background:rgba(17,18,16,.65)}
 .final-cta--photographic .final-cta-image{object-position:65% center}
 .final-cta--photographic .final-cta-bottom{margin-top:36px}
}