.pdf-material-preview,.pdf-surface-story,.pdf-pattern-section,.pdf-printed-structure{padding:clamp(64px,7vw,112px) 0;scroll-margin-top:92px}
.pdf-material-preview,.pdf-pattern-section{background:#ebe7df;color:#171816}
.pdf-surface-story,.pdf-printed-structure{background:#faf9f6;color:#171816}
.pdf-section-heading{display:grid;grid-template-columns:1fr 2fr;gap:clamp(24px,5vw,80px);margin-bottom:clamp(32px,4.5vw,72px)}
.pdf-section-heading h2{font-size:clamp(32px,3.8vw,62px);font-weight:500;letter-spacing:-.035em;line-height:1.12;max-width:19ch;margin:0 0 24px}
.pdf-section-heading p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:58ch;color:#55564e;margin:0}
html[lang="zh"] .pdf-section-heading h2{max-width:15em;letter-spacing:0;line-height:1.3}
.pdf-figure{margin:0;min-width:0}
.pdf-image-button{display:block;position:relative;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;overflow:hidden;color:inherit}
.pdf-image-button img{display:block;width:100%;height:auto;object-fit:contain}
.pdf-image-button:focus-visible{outline:2px solid #6b7464;outline-offset:5px}
.pdf-enlarge{display:grid;place-items:center;position:absolute;right:14px;bottom:14px;width:40px;height:40px;background:#faf9f6;color:#171816;border:1px solid #d4cfc5;transition:transform .22s ease}
.pdf-enlarge svg{width:19px;height:19px}
.pdf-image-button:hover .pdf-enlarge{transform:translate(2px,-2px)}
.pdf-figure figcaption{font-size:13px;line-height:1.5;letter-spacing:.035em;color:#55564e;margin-top:12px}
.pdf-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:44px;color:inherit;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.11em;border-bottom:1px solid #999a90;padding:9px 0}
.pdf-link svg{width:20px;height:20px;flex-shrink:0;transition:transform .2s ease}
.pdf-link:hover svg{transform:translateX(5px)}
.pdf-home-composition{display:grid;grid-template-columns:1fr 1.22fr;gap:clamp(28px,6vw,96px);align-items:center;max-width:1300px;margin:0 auto}
.pdf-home-study{padding-bottom:30px}
.pdf-home-study>p{line-height:1.7;font-size:17px;margin:30px 0 16px;max-width:34ch}
.pdf-home-room{width:100%;max-width:690px}
.pdf-technical-links{display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:flex-end;margin-top:42px;border-top:1px solid #c7c3ba;padding-top:18px}
.pdf-technical-links .pdf-link{border:0;letter-spacing:.06em;font-weight:400}
.pdf-linked-study{display:grid;grid-template-columns:148px minmax(0,1fr);gap:clamp(30px,6vw,100px);align-items:center;max-width:1120px;margin:0 auto 64px}
.pdf-panel-sample{max-width:148px}
.pdf-wall-composition>p{font-size:15px;line-height:1.7;max-width:58ch;margin-top:24px;color:#55564e}
.pdf-room-story{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(30px,6vw,96px);align-items:center;max-width:1240px;margin:0 auto}
.pdf-room-story h3,.pdf-direction-study h3,.pdf-surface-detail h3{font-size:clamp(27px,3vw,44px);letter-spacing:-.03em;font-weight:500;line-height:1.2;margin:20px 0}
.pdf-room-story p:not(.eyebrow),.pdf-direction-study p:not(.eyebrow),.pdf-surface-detail p{font-size:16px;line-height:1.75;color:#55564e}
.pdf-image-type{display:block;margin-top:28px;font-size:11px;letter-spacing:.12em;color:#6b7464}
.pdf-pattern-pairs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,112px);max-width:1160px;margin:0 auto}
.pdf-number-title{display:flex;gap:24px;align-items:baseline;padding:0 0 20px;border-bottom:1px solid #bebbb3;margin-bottom:24px}
.pdf-number-title span{color:#6b7464;font-size:13px}
.pdf-number-title h3{font-size:20px;letter-spacing:.07em;font-weight:500;margin:0}
.pdf-pattern-strip{margin-top:32px}
.pdf-pattern-pairs article>p{font-size:15px;line-height:1.7;color:#55564e;margin-top:22px}
.pdf-direction-study{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,8vw,124px);align-items:center;max-width:1160px;margin:80px auto}
.pdf-direction-study>.pdf-figure{max-width:460px}
.pdf-fourway-heading{max-width:720px;border-top:1px solid #bebbb3;padding-top:32px;margin-bottom:32px}
.pdf-fourway-heading h3{font-size:27px;font-weight:500;letter-spacing:-.02em;margin:0 0 14px}
.pdf-fourway-heading p{font-size:16px;line-height:1.7;color:#55564e}
.pdf-fourway-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);max-width:1160px;margin:0 auto}
.pdf-structure-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(30px,5vw,80px);align-items:center;max-width:1240px;margin:0 auto}
.pdf-layer-list{margin:0;padding:0;list-style:none}
.pdf-layer-list li{display:grid;grid-template-columns:30px 1fr;gap:18px;border-top:1px solid #d2d0c9;padding:24px 0}
.pdf-layer-list li>span{font-size:12px;color:#6b7464;padding-top:5px}
.pdf-layer-list h3{font-size:20px;margin:0 0 10px;font-weight:500;line-height:1.3}
.pdf-layer-list p{font-size:15px;line-height:1.7;color:#55564e;margin:0}
.pdf-surface-detail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,8vw,124px);align-items:center;max-width:1160px;margin:64px auto 0}
.pdf-surface-detail>.pdf-figure{max-width:530px}
.kj-certificate-previews{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,100px);padding:36px 0 50px;border-bottom:1px solid #c8c5bd;margin-bottom:38px}
.kj-certificate-previews figure{margin:0;min-width:0}
.kj-certificate-preview{display:block;width:100%;max-width:370px;padding:0;position:relative;border:0;background:transparent;cursor:zoom-in}
.kj-certificate-preview img{display:block;width:100%;height:auto;object-fit:contain}
.kj-certificate-preview>span{position:absolute;display:grid;place-items:center;right:10px;bottom:10px;width:40px;height:40px;background:#faf9f6;color:#171816;border:1px solid #c8c5bd}
.kj-certificate-preview:focus-visible{outline:2px solid #6b7464;outline-offset:5px}
.kj-certificate-previews figcaption{font-size:15px;line-height:1.5;margin-top:16px}
.kj-certificate-previews small{display:block;font-size:12px;line-height:1.5;color:#626259;margin-top:8px;overflow-wrap:anywhere}
@media(min-width:1700px){.pdf-material-preview .container,.pdf-surface-story .container,.pdf-pattern-section .container,.pdf-printed-structure .container{max-width:1460px}}
@media(max-width:760px){
 .pdf-section-heading{grid-template-columns:1fr;gap:20px}.pdf-section-heading h2{font-size:34px;max-width:18ch}.pdf-section-heading p:not(.eyebrow){font-size:16px}
 .pdf-home-composition,.pdf-room-story,.pdf-pattern-pairs,.pdf-direction-study,.pdf-structure-layout,.pdf-surface-detail{grid-template-columns:1fr;gap:32px}
 .pdf-home-study{padding:0}.pdf-home-study>p{font-size:16px;margin-top:24px}.pdf-home-room{max-width:none}.pdf-technical-links{justify-content:flex-start;gap:12px 26px;margin-top:24px}
 .pdf-linked-study{grid-template-columns:74px minmax(0,1fr);gap:20px;margin-bottom:36px;align-items:start}.pdf-panel-sample{max-width:74px}.pdf-panel-sample .pdf-enlarge{display:none}.pdf-panel-sample figcaption{font-size:12px;letter-spacing:0}.pdf-wall-composition>p{font-size:14px;margin-top:18px}
 .pdf-room-story h3,.pdf-direction-study h3,.pdf-surface-detail h3{font-size:30px}.pdf-image-type{margin-top:18px}
 .pdf-pattern-pairs{gap:50px}.pdf-direction-study{margin:56px auto}.pdf-direction-study>.pdf-figure{max-width:380px;margin:auto}
 .pdf-fourway-grid{grid-template-columns:1fr;gap:36px}.pdf-fourway-heading h3{font-size:26px}.pdf-figure figcaption{font-size:14px;letter-spacing:0}
 .pdf-surface-detail{margin-top:40px}.pdf-layer-list li{padding:20px 0}.pdf-enlarge{width:34px;height:34px;right:10px;bottom:10px}
 html[lang="zh"] .pdf-section-heading h2{font-size:32px;line-height:1.35}
 .kj-certificate-previews{grid-template-columns:1fr;gap:36px;padding-top:16px}.kj-certificate-preview{max-width:340px}
}
@media(prefers-reduced-motion:reduce){.pdf-enlarge,.pdf-link svg{transition:none}.pdf-image-button:hover .pdf-enlarge,.pdf-link:hover svg{transform:none}}
