:root{--ink:#333431;--muted:#858782;--line:#e1e2dd;--paper:#fff;--soft:#f5f5f2;--accent:#d95817}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.85 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}p,h1,h2,h3,figure{margin:0}img{display:block;width:100%;height:auto}h1,h2,h3{font-weight:450;line-height:1.5}h2{font-size:clamp(28px,3.1vw,44px);letter-spacing:-.025em}h3{font-size:23px}p{max-width:65ch}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.header{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.brand strong{font-size:25px;letter-spacing:-1px;font-weight:620}.brand span{font-size:17px;letter-spacing:2px}.brand i{width:10px;height:10px;background:var(--accent);display:block}.header nav{display:flex;gap:36px;font-size:14px}.header nav a{padding:10px 0;border-bottom:1px solid transparent}.header nav a:hover{border-color:var(--ink)}#language{border:0;background:none;font-size:14px;padding:12px 0;white-space:nowrap}#language span:not(.selected){color:#8b8d88}#language .divider{padding:0 10px}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:7%;align-items:center;padding-bottom:45px}.hero-copy{padding:36px 0}.eyebrow{font-size:13px;letter-spacing:.15em;font-weight:500}.hero h1{font-size:clamp(32px,3.2vw,49px);line-height:1.65;letter-spacing:-.04em;margin:31px 0 25px;white-space:nowrap}.muted{color:var(--muted)}.hero-description{color:#686b64;max-width:430px;line-height:2.1;font-size:16px}.button{display:inline-block;background:var(--ink);color:white;padding:13px 26px;font-size:14px;margin-top:33px;transition:background .2s}.button:hover{background:#555950}.hero-signature{font-size:13px;letter-spacing:.15em;color:#767970;margin-top:72px}.hero-visual{height:660px;position:relative;background:#f2f1ee;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 39%}.hero-visual figcaption{position:absolute;bottom:18px;right:18px;background:rgba(255,255,255,.85);padding:4px 10px;font-size:12px;color:#62645e}.statement{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0;gap:20px}.statement p{font-size:15px;letter-spacing:.08em}.statement span{font-size:12px;letter-spacing:.1em;color:#777a72}.section{padding-block:108px}.section-label{display:flex;gap:20px;align-items:center;font-size:13px;letter-spacing:.12em;margin-bottom:30px}.section-label>span:first-child{font-size:12px;color:var(--accent)}#system{display:grid;grid-template-columns:1fr 1fr;column-gap:8%}.system-intro{padding-top:57px;color:#75796f}.lead{font-size:21px;color:var(--ink);line-height:1.8;margin-bottom:21px}.components{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:64px}.components article{border-top:1px solid var(--line);padding-top:21px}.components article>span{color:#81847b;font-size:12px}.components h3{margin:14px 0}.components p{color:#75796f;font-size:16px}.finish-section{background:var(--soft)}.section-description{color:#787b73;margin-top:20px}.finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:55px}.finish-grid article+article{border-left:1px solid #dddfd8;padding-left:14%;margin-left:-3%}.finish-grid .eyebrow{color:var(--accent)}.finish-grid h3{font-size:26px;margin:15px 0 21px}.finish-grid article>p:not(.eyebrow){color:#72776b}.finish-grid ol{list-style:none;counter-reset:steps;margin:32px 0 0;padding:0}.finish-grid li{counter-increment:steps;border-top:1px solid #dddfd8;padding:12px 0;font-size:14px;display:flex;gap:25px}.finish-grid li:before{content:"0" counter(steps);font-size:12px;color:#7c8074;min-width:20px}.application{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.application figure{background:#f0eee9}.application figure img{height:610px;object-fit:cover;object-position:50% 20%}.application figcaption{font-size:12px;padding:12px 18px;color:#7f8079;background:white}.application-copy h2{margin-bottom:28px}.application-copy>p:not(.section-label){color:#75796f}.detail-line{display:flex;gap:25px;justify-content:space-between;font-size:14px;border-top:1px solid var(--line);padding-top:24px;margin-top:45px}.adaptation{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8%}.adapt-copy{padding-top:57px}.adapt-copy>p:not(.lead){color:#75796f}.adapt-copy h3{font-size:16px;margin:30px 0 13px}.requirements{list-style:none;margin:0;padding:0}.requirements li{border-top:1px solid var(--line);padding:11px 0;font-size:14px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:8%;padding-top:70px}.questions details{border-bottom:1px solid var(--line)}.questions summary{font-size:18px;cursor:pointer;list-style:none;position:relative;padding:20px 35px 20px 0}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:"+";position:absolute;right:0;top:19px;color:#7d8176}.questions details[open] summary:after{content:"−"}.questions details p{color:#75796f;padding:0 35px 25px 0;font-size:16px}.closing{background:var(--soft);padding:72px 0}.closing h2{margin:15px 0 25px;font-size:34px}.text-link{border-bottom:1px solid #777;padding-bottom:8px;font-size:14px}.footer{min-height:140px;display:flex;align-items:center;gap:40px}.footer p{font-size:13px;color:#7b7f74}.footer>span{font-size:12px;margin-left:auto;color:#7a7e73}html[lang=en] .hero h1{font-size:clamp(31px,3vw,44px);white-space:normal;line-height:1.4}html[lang=en] h2{font-size:clamp(27px,2.7vw,39px)}html[lang=en] .hero h1 br{display:none}html[lang=en] .hero h1 span{display:block}html[lang=en] .detail-line{font-size:12px;gap:13px}@media(min-width:1600px){.hero-visual{height:720px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:4%}.hero h1{font-size:33px}.hero-visual{height:600px}.header nav{gap:22px}.hero-signature{margin-top:42px}.application{gap:6%}.section{padding-block:80px}.finish-grid{gap:7%}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{min-height:84px;flex-wrap:wrap;gap:0;padding-top:14px;padding-bottom:12px}.brand strong{font-size:23px}.brand span{font-size:15px}.header nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:14px;margin-top:10px}.hero{grid-template-columns:1fr;gap:28px;padding-top:20px;padding-bottom:30px}.hero-copy{padding:8px 0 0}.hero h1{font-size:clamp(27px,6.8vw,42px);margin:23px 0 20px;line-height:1.6}.hero-description{font-size:16px;max-width:100%}.hero-signature{display:none}.button{margin-top:23px}.hero-visual{height:440px}.hero-visual img{object-position:50% 39%}.statement{align-items:flex-start;flex-direction:column;gap:7px;padding:20px 0}.statement p{font-size:14px}.statement span{font-size:12px}.section{padding-block:65px}.section-label{margin-bottom:22px}.system-intro,.adapt-copy{padding-top:26px}#system,.adaptation,.application,.faq{grid-template-columns:1fr;gap:0}.lead{font-size:19px;margin-bottom:17px}.components{grid-template-columns:1fr;gap:25px;margin-top:35px}.components article{display:grid;grid-template-columns:30px 1fr;column-gap:13px;padding-top:17px}.components h3{font-size:20px;margin:0 0 9px}.components p{grid-column:2}.components article>span{padding-top:5px}.finish-grid{grid-template-columns:1fr;gap:42px;margin-top:35px}.finish-grid article+article{border:0;padding:0;margin:0}.finish-grid h3{font-size:23px}.application figure img{height:460px}.application-copy{padding-top:38px}.detail-line{margin-top:27px}.faq{padding-top:40px}.questions summary{font-size:16px}.closing{padding:50px 0}.closing h2{font-size:27px}.footer{padding-block:30px;gap:16px;flex-wrap:wrap}.footer .brand{width:100%}.footer p{font-size:12px}.footer>span{font-size:12px}html[lang=en] .hero h1{font-size:35px}html[lang=en] .statement span{font-size:11px}html[lang=en] .footer>span{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Refined material palette and upcoming panel collection. */
:root{--ink:#343833;--muted:#92968e;--soft:#f6f5f1;--accent:#887154}.hero h1{font-size:clamp(36px,3.8vw,56px);letter-spacing:-.045em;line-height:1.5}.hero-description{max-width:450px}.hero-visual{border-radius:2px}.hero .eyebrow{color:#887154;letter-spacing:.09em}.future{background:#f5f3ee;border-top:1px solid #e9e6df}.future-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.status-label{display:inline-block;font-size:12px;color:#76674e;border:1px solid #cec7b9;padding:5px 12px;margin-bottom:24px;letter-spacing:.08em}.future-grid>div>p:not(.status-label):not(.section-label){color:#73776d}.future-note{font-size:13px;margin-top:19px}.material-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.material-tags span{background:#fffdf8;padding:10px 16px;font-size:13px;border:1px solid #e5e0d5}.header nav{gap:26px}.closing{background:white}.footer{border-top:1px solid var(--line)}
@media(max-width:760px){.hero h1{font-size:clamp(34px,8.6vw,48px)}.future-grid{grid-template-columns:1fr;gap:30px}.header nav{gap:8px;font-size:13px}.material-tags{gap:8px}.material-tags span{padding:8px 11px}}
/* Airy editorial spaces reserved for original photography and films. */
.media-story{border-top:1px solid var(--line)}.media-intro{margin-top:18px;color:#75796f}.media-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:44px}.media-slot{min-height:360px;background:#f8f8f5;display:flex;align-items:flex-end;padding:25px 28px;border:1px solid #eeefea}.media-slot figcaption{font-size:12px;line-height:1.9;color:#797d73;max-width:610px;letter-spacing:.025em}.media-wide{grid-column:1/-1;min-height:480px}.future-media{padding-top:70px;padding-bottom:100px}.future-media .media-slot{background:#f8f6f2}.media-story h2{max-width:900px}@media(max-width:760px){.media-layout{grid-template-columns:1fr;gap:22px;margin-top:30px}.media-slot,.media-wide{min-height:300px;padding:20px}.media-slot figcaption{font-size:12px}.future-media{padding-top:35px;padding-bottom:65px}}
/* Logo reference: interrupted frame with orange corner square. */
:root{--accent:#f26322}.brand{gap:18px}.brand .brand-logo{width:100px;height:auto;flex-shrink:0}.brand>span{color:#555950;font-size:16px;letter-spacing:3px}.header{min-height:128px}.hero .eyebrow{color:#7d766b}.footer{min-height:156px}.footer .brand-logo{width:86px}.button:hover{background:#bd4a18}@media(max-width:760px){.header{padding-top:18px;padding-bottom:16px}.brand .brand-logo{width:85px}.brand>span{font-size:15px}.header nav{margin-top:18px}.footer .brand-logo{width:80px}}
/* Vertical lockup, matching the supplied logo orientation. */
.brand .brand-logo{width:65px;height:85px;object-fit:contain}.footer .brand-logo{width:57px;height:75px}@media(max-width:760px){.brand .brand-logo{width:54px;height:71px}.footer .brand-logo{width:50px;height:65px}}
/* Align the Chinese brand name with the lower edge of the vertical logo. */
.brand{align-items:flex-end}.brand>span{line-height:1;padding-bottom:2px}
/* Unified bilingual brand lockup. */
.brand{gap:14px}.brand>span{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:18.5px;font-weight:500;letter-spacing:2px;line-height:1;padding-bottom:2px;color:#454943}@media(max-width:760px){.brand{gap:12px}.brand>span{font-size:17px;letter-spacing:1.8px}}
/* Editorial pacing: overview, paired process images, detail and cinema. */
.partsmedia .media-wide{min-height:0;aspect-ratio:2.4/1}
.installmedia .media-layout{grid-template-columns:1.12fr .88fr;align-items:start;gap:5%}
.installmedia .media-slot{min-height:0;aspect-ratio:4/3}
.installmedia .media-slot+ .media-slot{aspect-ratio:4/5;margin-top:95px}
.finishmedia .media-layout{grid-template-columns:.8fr 1.2fr;gap:44px;align-items:start}
.finishmedia .media-wide{min-height:0;aspect-ratio:2.1/1}
.finishmedia .media-slot:not(.media-wide){min-height:0;aspect-ratio:3/4}
.finishmedia .media-slot:last-child{aspect-ratio:4/3;margin-top:90px}
.servicemedia .media-wide{min-height:0;aspect-ratio:2.35/1;background:#f3f3ef;position:relative}
.servicemedia .media-wide:before{content:"2.35 : 1";position:absolute;top:24px;left:28px;font-size:11px;letter-spacing:.18em;color:#969b90}
.future-media .media-wide{min-height:0;aspect-ratio:2/1}
@media(max-width:760px){.installmedia .media-layout,.finishmedia .media-layout{grid-template-columns:1fr;gap:30px}.installmedia .media-slot+ .media-slot,.finishmedia .media-slot:last-child{margin-top:0}.partsmedia .media-wide,.finishmedia .media-wide,.future-media .media-wide{aspect-ratio:4/3}.installmedia .media-slot{aspect-ratio:4/3}.installmedia .media-slot+ .media-slot{aspect-ratio:4/5;max-width:86%;width:100%;justify-self:end}.finishmedia .media-slot:not(.media-wide){aspect-ratio:4/5;max-width:86%;width:100%}.finishmedia .media-slot:last-child{aspect-ratio:4/3;max-width:100%}.servicemedia .media-wide{aspect-ratio:2.35/1;padding:45px 16px 16px}.servicemedia .media-wide:before{top:14px;left:16px}.servicemedia .media-wide figcaption{font-size:10px;line-height:1.55}}

.contact{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--line)}.contact h2{margin-top:22px}.contact-copy>p{color:#75796f}.contact-email{display:inline-block;margin-top:28px;font-size:clamp(22px,2.5vw,34px);letter-spacing:-.02em;border-bottom:1px solid #b7baaf;padding-bottom:8px}.contact-email span{font-size:22px;color:var(--accent);margin-left:15px}.contact-copy .contact-hint{font-size:12px;margin-top:14px}@media(max-width:760px){.contact{grid-template-columns:1fr;gap:28px}.contact-email{font-size:25px}}

.wechat-contact{grid-column:2;border-top:1px solid var(--line);padding-top:30px;margin-top:4px}.wechat-contact h3{font-size:19px}.wechat-contact>p{font-size:14px;color:#75796f;margin-top:6px}.wechat-qr{margin-top:22px;width:160px;aspect-ratio:1;background:#f6f6f2;display:flex;align-items:center;justify-content:center;padding:22px;text-align:center;color:#85897f;font-size:12px}@media(max-width:760px){.wechat-contact{grid-column:1}}

.social-contacts{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid var(--line);padding-top:30px}.social-contacts .wechat-contact{grid-column:auto;border:0;padding:0;margin:0}.douyin-contact h3{font-size:19px}.douyin-contact>p{font-size:14px;color:#75796f;margin-top:6px}@media(max-width:760px){.social-contacts{grid-column:1;gap:16px}.social-contacts .wechat-qr{width:min(160px,100%);padding:15px}.social-contacts h3{font-size:17px}}

.social-qr-link{display:block;width:min(240px,100%);margin-top:24px;background:white;cursor:zoom-in}.social-qr-link img{width:100%;height:auto;object-fit:contain}.social-contacts .qr-caption{font-size:12px;line-height:1.7;margin-top:14px;color:#73786d}.social-qr-link:hover{outline:1px solid #dedfd9;outline-offset:5px}

.social-contacts{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px;margin-top:25px;padding-top:45px}.social-contacts h3{font-size:19px}.social-contacts>div>p:not(.qr-caption){font-size:14px;color:#75796f;margin-top:6px}.social-qr-link{width:min(240px,100%)}@media(max-width:760px){.social-contacts{grid-template-columns:1fr;gap:42px;margin-top:0;padding-top:30px}.social-contacts>div{display:flex;flex-direction:column;align-items:flex-start}.social-qr-link{width:240px;max-width:100%}}

/* Compact social previews; original images remain available on click. */
.social-contacts{gap:36px;margin-top:8px;padding-top:28px}
.social-contacts h3{font-size:16px}
.social-contacts>div>p:not(.qr-caption){font-size:12px}
.social-qr-link{width:72px;height:108px;margin-top:14px;display:flex;align-items:center}
.social-qr-link img{max-height:108px;object-fit:contain}
.social-contacts .qr-caption{font-size:11px;margin-top:10px}
@media(max-width:760px){.social-contacts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.social-contacts h3{font-size:14px}.social-qr-link{width:64px;max-width:100%;height:96px}.social-qr-link img{max-height:96px}.social-contacts .qr-caption{overflow-wrap:anywhere}}

/* Email and compact social links share one contact row. */
.contact{column-gap:8%;row-gap:28px}
.contact-copy{display:contents}
.contact-copy>p:first-child{grid-column:2;grid-row:1}
.contact-email{grid-column:1;grid-row:2;align-self:start;justify-self:start;margin-top:0}
.contact-copy .contact-hint{grid-column:1;grid-row:2;align-self:start;margin-top:78px}
.social-contacts{grid-column:2;grid-row:2/4;border-top:0;margin:0;padding:0;gap:20px}
.social-contacts h3{font-size:14px}
.social-contacts>div>p:not(.qr-caption){font-size:11px}
@media(max-width:760px){.contact-copy>p:first-child{grid-column:1;grid-row:2}.contact-email{grid-row:3}.contact-copy .contact-hint{grid-row:4;margin-top:-20px}.social-contacts{grid-column:1;grid-row:5;gap:16px}}

/* Refine the header brand while retaining the approved bottom alignment. */
.header{min-height:142px;padding-block:23px}
.header .brand{gap:12px}
.header .brand-logo{width:72px;height:94px}
@media(max-width:760px){.header{min-height:0;padding-top:22px;padding-bottom:18px}.header .brand{gap:10px}.header .brand-logo{width:60px;height:78px}}
.purchase{border-top:1px solid var(--line)}.purchase h2{margin-top:20px}.purchase-help{font-size:14px;color:#75796f;margin:15px 0 24px;max-width:800px}.purchase-expand{margin-top:35px;border-block:1px solid var(--line)}.purchase-expand>summary{cursor:pointer;list-style:none;padding:23px 0;display:flex;justify-content:space-between}.purchase-expand>summary::-webkit-details-marker{display:none}.purchase-expand[open]>summary{border-bottom:1px solid var(--line)}#purchase-tool{padding:12px 0 32px}.purchase-heading{display:flex;gap:20px;align-items:center;margin:38px 0 12px}.purchase-heading>span{font-size:12px;color:var(--accent)}.purchase-heading h3{font-size:22px}.purchase-card{padding:24px;background:#f8f8f5;margin:18px 0}.purchase-card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.purchase-card-title button{background:none;border:0;font-size:12px;color:#767b72;margin-left:15px}.purchase-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.purchase label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#676c62}.purchase input,.purchase select{width:100%;min-width:0;border:1px solid #dfe2d9;background:#fff;padding:11px;font:14px inherit;border-radius:0;color:var(--ink)}.project-field{max-width:420px}.purchase-positions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;margin-top:22px}.purchase-linked{font-size:12px;color:#72786e;margin-top:18px}.purchase-warning{font-size:12px;color:#9b541e;margin-top:8px}.purchase-add{border:0;border-bottom:1px solid #aeb3a6;background:none;padding:10px 0;font-size:14px}.purchase-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.purchase-actions button{border:1px solid #d6dace;background:#fff;padding:12px 22px;font-size:13px}.purchase-actions button:first-child{background:var(--ink);color:#fff;border-color:var(--ink)}#purchase-status{font-size:13px;color:#696f61}.purchase-instructions{margin-top:25px;padding:22px;border:1px solid var(--line);font-size:13px;color:#73786d}.purchase-instructions p{margin:8px 0}.header nav{gap:20px}@media(max-width:760px){.purchase-fields{grid-template-columns:1fr 1fr}.purchase-card{padding:18px}.header nav{flex-wrap:wrap;justify-content:flex-start;column-gap:20px}.purchase-heading h3{font-size:19px}}

.purchase h1{font-size:clamp(28px,3.1vw,44px);margin-top:20px}.purchase-return{padding-bottom:65px;font-size:14px}.purchase input,.purchase select{font-family:inherit;font-size:14px}

.purchase-instructions p{max-width:100%}.purchase-expand[open]>summary>span[aria-hidden]{font-size:0}.purchase-expand[open]>summary>span[aria-hidden]:after{content:"−";font-size:16px}

.bottom-purchase{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:32px 0 48px;border-top:1px solid var(--line)}.bottom-purchase h3{font-size:22px}.bottom-purchase p{font-size:14px;color:#75796f;margin-top:8px}.bottom-purchase .button{margin-top:0;white-space:nowrap}@media(max-width:760px){.bottom-purchase{align-items:flex-start;flex-direction:column;gap:20px}.bottom-purchase h3{font-size:20px}}

.bottom-purchase .button{background:#f26322;font-weight:600;font-size:16px;padding:18px 42px;min-width:180px;text-align:center}.bottom-purchase .button:hover{background:#dd5013}

.bottom-purchase .button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid #d94e13;border-radius:4px;box-shadow:0 3px 0 #c74712;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}.bottom-purchase .button:hover{transform:translateY(-2px);box-shadow:0 5px 0 #c74712}.bottom-purchase .button:active{transform:translateY(2px);box-shadow:0 1px 0 #c74712}.purchase-hand{flex:none}

@keyframes purchase-tap{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(3px) rotate(-7deg)}}
.bottom-purchase .purchase-hand{animation:purchase-tap .5s ease-in-out infinite;transform-origin:50% 85%}
@media(prefers-reduced-motion:reduce){.bottom-purchase .purchase-hand{animation:none}.bottom-purchase .button{transition:none}.bottom-purchase .button:hover,.bottom-purchase .button:active{transform:none}}

/* Editorial stories */
.journal{border-top:1px solid var(--line)}.journal h2{margin-top:18px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.journal-grid article{border-top:1px solid var(--line);padding-top:24px}.journal-grid h3{font-size:20px;font-weight:500}.journal-grid p{font-size:14px;line-height:1.9;color:#74766e;margin-top:12px}.journal-pending{font-size:12px;color:#85877f;margin-top:28px}@media(max-width:760px){.journal-grid{grid-template-columns:1fr;gap:25px}}

.real-film h2,.real-photos h2{margin:18px 0 36px}.real-film video{display:block;width:100%;aspect-ratio:2.35;object-fit:contain;background:#efeee9}.real-film figcaption,.real-photos figcaption{font-size:12px;color:#818478;margin-top:14px;line-height:1.7}.real-photo-grid{display:grid;grid-template-columns:0.8fr 1.2fr;gap:50px;align-items:center}.real-photo-grid img{width:100%;height:auto;display:block}.real-photo-grid figure:first-child{max-width:390px}.header nav{flex-wrap:wrap;gap:18px}@media(max-width:760px){.real-photo-grid{grid-template-columns:1fr;gap:32px}.real-photo-grid figure:first-child{max-width:100%}}

.film-note{font-size:13px;line-height:1.9;color:#74766e;max-width:850px;margin-top:14px}

.service-film-grid{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:70px;align-items:center;margin-top:36px}.service-film video{display:block;width:100%;aspect-ratio:9/16;background:#eee}.service-film h3{font-size:24px;font-weight:500;margin-bottom:24px}.service-film p{line-height:1.9;color:#74766e}.service-film figcaption{font-size:12px;line-height:1.7;color:#818478;margin-top:14px}@media(max-width:760px){.service-film-grid{grid-template-columns:1fr;gap:28px}.service-film figure{width:min(100%,340px);margin-inline:auto}}

.journal-story{margin-top:48px;max-width:900px}.journal-story h3{font-size:clamp(22px,3vw,32px);font-weight:500;margin:16px 0 24px}.journal-story video{display:block;width:100%;aspect-ratio:2.35;object-fit:contain;background:#181818}.journal-story>p:last-child{font-size:14px;line-height:1.9;color:#74766e;margin-top:18px}
/* October material selection: restrained media scale and optional depth */
.batch-parts h2,.batch-process h2,.batch-stone h2,.batch-more h2,.batch-sample h2{margin:0 0 32px}.batch-parts-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}.batch-parts h3,.batch-comparison h3{font-size:24px;font-weight:500;line-height:1.6}.batch-parts p,.batch-comparison p,.batch-sample p{line-height:1.9;color:#74766e}.batch-photo{margin:0}.batch-photo img{width:100%;height:auto;display:block}.batch-photo figcaption,.batch-video figcaption,.batch-shims figcaption{font-size:12px;color:#818478;line-height:1.8;margin-top:12px}.batch-expand{border-top:1px solid #dfdfd8;padding:22px 0;margin-top:30px}.batch-expand summary{cursor:pointer;font-size:15px;line-height:1.8;color:#52554e}.batch-expand[open] summary{margin-bottom:28px}.batch-shims{max-width:320px;margin:22px 0 0}.batch-shims>div{aspect-ratio:1.15;overflow:hidden}.batch-shims img{width:100%;height:100%;object-fit:cover;object-position:bottom}.batch-video{width:100%;max-width:720px;margin:24px auto}.batch-video video{display:block;width:100%;aspect-ratio:2.35;object-fit:contain;background:#171717}.batch-stone .batch-video{max-width:330px}.batch-stone video{aspect-ratio:16/9}.batch-two-clips{display:grid;grid-template-columns:1fr 1fr;gap:32px}.batch-real-grid{display:grid;grid-template-columns:1fr .65fr;gap:70px;align-items:center;max-width:790px;margin:auto}.batch-real-grid .batch-photo:first-child{max-width:410px}.batch-real-grid .batch-photo:last-child{max-width:265px}.batch-comparison{display:grid;grid-template-columns:240px 1fr;gap:55px;align-items:center;max-width:760px;margin:20px auto}.batch-record-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;max-width:700px;margin:auto}.batch-record-grid img{max-height:430px;object-fit:contain}.batch-sample-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.batch-sample video{aspect-ratio:1910/1080}.real-film figure{max-width:820px;margin-inline:auto}.service-film-grid{grid-template-columns:minmax(200px,280px) 1fr}.journal-story{max-width:740px}.batch-more .batch-video{max-width:620px}
@media(max-width:760px){.batch-parts-grid,.batch-sample-grid,.batch-two-clips,.batch-comparison{grid-template-columns:1fr;gap:25px}.batch-real-grid{gap:24px;grid-template-columns:1fr .7fr;align-items:center}.batch-record-grid{gap:22px}.batch-comparison .batch-photo{max-width:260px;margin:auto}.batch-parts-grid{gap:26px}.batch-video{margin-block:22px}.service-film figure{max-width:280px}}
.hero-with-film{display:block;padding-top:50px}.hero-with-film .hero-copy{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:65px;align-items:start}.hero-with-film .eyebrow{grid-column:1/-1}.hero-with-film h1{grid-column:1;grid-row:2/5;font-size:clamp(38px,4.8vw,66px);margin:12px 0 25px}.hero-with-film .hero-description{grid-column:2;margin-top:20px;max-width:500px}.hero-with-film .button{grid-column:2;justify-self:start;margin-top:12px}.hero-with-film .hero-signature{display:none}.hero-film{margin:40px 0 0;width:100%}.hero-film video{display:block;width:100%;aspect-ratio:2.35;object-fit:cover;background:#e9e7e0}.hero-film figcaption{font-size:11px;color:#8b8e85;margin-top:12px;letter-spacing:.06em}.hero-with-film+.statement{margin-top:55px}
@media(max-width:760px){.hero-with-film{padding-top:28px}.hero-with-film .hero-copy{display:block}.hero-with-film .hero-description{margin-top:15px}.hero-film{margin-top:28px}.hero-with-film h1{font-size:40px}.hero-with-film .button{margin-top:20px}}
.future-media .media-slot{min-height:0;height:auto;aspect-ratio:auto;border:0;background:transparent;padding:0}.future-media{margin-top:0;margin-bottom:42px}.future-media figcaption{font-size:12px;color:#96988f}.real-film figure{max-width:700px}
.batch-sample video{aspect-ratio:2.35}
.hero-with-film h1{white-space:normal}
/* Supplemental workshop footage stays compact. */
.followup-portrait{max-width:300px;margin:24px auto}.followup-portrait video{aspect-ratio:9/16!important;object-fit:contain!important;width:100%}.batch-two-clips .batch-photo img{max-height:460px;object-fit:contain;width:100%}
/* Brand leads; product category remains a quieter descriptor. */
.hero .hero-brandline{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;font-size:12px;letter-spacing:.08em}.hero-brandline strong{font-size:24px;font-weight:600;letter-spacing:.16em;color:var(--ink);line-height:1.4}.hero-brandline .brand-divider{color:#b4b2aa}@media(max-width:760px){.hero-brandline strong{font-size:21px}.hero .hero-brandline{gap:10px;font-size:11px}}
.hero .hero-brandline{gap:7px}.hero-brandline .brand-divider{margin-inline:-1px}@media(max-width:760px){.hero .hero-brandline{gap:6px}}
.hero h1{color:var(--muted)}
/* Clarify the brand's component-system positioning before the product film. */
.hero .hero-brandline{font-size:17px;color:#62675f;gap:7px;margin-bottom:12px}.hero-brandline strong{font-size:29px}.hero-with-film h1{font-size:clamp(32px,4.08vw,56px)}
@media(max-width:760px){.hero .hero-brandline{font-size:14px;gap:6px}.hero-brandline strong{font-size:25px}.hero-with-film h1{font-size:clamp(29px,7.3vw,41px)}}
.hero-with-film .hero-brandline{grid-column:1;grid-row:1}.hero-with-film .hero-position{grid-column:1;grid-row:2;font-size:15px;line-height:1.9;color:#6e736a;max-width:440px;margin:0 0 16px}.hero-with-film h1{grid-row:3/5;margin-top:0}.hero-with-film .hero-description{grid-row:2;margin-top:0}.hero-with-film .button{grid-row:3}@media(max-width:760px){.hero-with-film .hero-position{font-size:14px;max-width:none}.hero-with-film .hero-copy>*{grid-column:auto;grid-row:auto}}
.hero-controls{display:flex;align-items:center;gap:12px;height:32px;background:#fff;color:#6c7168}.hero-controls button{border:0;background:transparent;color:inherit;cursor:pointer;width:32px;height:32px;padding:0;font-size:16px}.hero-controls input{flex:1;min-width:0;height:3px;accent-color:#777e72;cursor:pointer}.hero-controls button:focus-visible,.hero-controls input:focus-visible{outline:2px solid #f26322;outline-offset:3px}.hero-film:fullscreen{background:#111;display:flex;flex-direction:column;justify-content:center;margin:0}.hero-film:fullscreen video{max-height:calc(100vh - 60px);object-fit:contain}.hero-film:fullscreen figcaption{display:none}.hero-film:fullscreen .hero-controls{background:#111;color:#eee}
.hero-with-film .hero-action-group{grid-column:2;grid-row:2/5;align-self:end;padding-bottom:25px}.hero-with-film .hero-action-group .hero-description{margin:0 0 18px}.hero-with-film .hero-action-group .button{margin:0}.hero-with-film .hero-action-group{padding-bottom:25px}@media(max-width:760px){.hero-with-film .hero-action-group{grid-column:auto;grid-row:auto;padding-bottom:0;align-self:auto}}
/* Minimal progress line: no outline box or visible thumb. */
.hero-controls input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#73796f 0%,#73796f var(--progress,0%),#e5e6e1 var(--progress,0%),#e5e6e1 100%);height:2px;border:0;border-radius:0;outline:none;padding:0}
.hero-controls input[type=range]::-webkit-slider-runnable-track{height:2px;background:transparent;border:0}
.hero-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:18px;margin-top:-8px;background:transparent;border:0;box-shadow:none}
.hero-controls input[type=range]::-moz-range-track{height:2px;background:transparent;border:0}
.hero-controls input[type=range]::-moz-range-thumb{width:12px;height:18px;background:transparent;border:0;box-shadow:none}
.hero-controls input[type=range]:focus-visible{outline:none;box-shadow:0 1px 0 #8b9185}
.sample-sale{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;border-top:1px solid var(--line)}.sample-sale img{width:100%;display:block}.sample-sale p:not(.eyebrow){color:#74796f;line-height:1.9}.sample-sale .button{margin-top:24px}.sample-sale-photo{max-width:850px;margin:24px auto 42px}.sample-sale-photo img{display:block;width:100%}@media(max-width:760px){.sample-sale{grid-template-columns:1fr;gap:28px}}

/* Editorial review: connect related sections while retaining generous chapter spacing. */
#system{padding-bottom:58px}.batch-parts{padding-top:40px}
.batch-process{padding-bottom:50px}.application{padding-top:65px}
.application-samples h2{margin-bottom:18px}.application-samples .batch-two-clips{margin-top:34px}
.batch-more{padding-top:55px}
.development-samples{padding-top:45px}.development-samples .film-note{margin-top:24px}
.journal-event{margin-top:42px;max-width:900px}.journal-event h3{font-size:clamp(22px,2.5vw,32px);line-height:1.5;margin-bottom:12px}.journal-event>.eyebrow{font-size:12px;color:#7b7f74;margin-bottom:24px}.journal-event>.batch-photo{max-width:760px}.journal-event .batch-expand p{margin-bottom:24px;color:#74766e}.journal-story{border-top:1px solid var(--line);padding-top:38px;margin-top:45px}
.sample-sale h2{margin:16px 0 22px}.batch-sample{border-top:1px solid var(--line)}
.purchase-instructions summary{cursor:pointer}.purchase label{line-height:1.6}
@media(max-width:760px){#system{padding-bottom:30px}.batch-parts{padding-top:25px}.batch-process{padding-bottom:30px}.application{padding-top:40px}.batch-more{padding-top:35px}.development-samples{padding-top:30px}.journal-event{margin-top:30px}.journal-event h3{font-size:23px}.detail-line{flex-wrap:wrap;gap:12px 20px}.service-film-grid{grid-template-columns:1fr}.purchase-fields{grid-template-columns:1fr}.purchase-actions button{flex:1 1 auto}}
@media(max-width:760px){.header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 12px;margin-top:20px}.header nav a{padding:7px 0;white-space:nowrap}}
/* Persistent project enquiry; opens contact options, not a simulated live chat. */
.consult-trigger{position:fixed;right:26px;bottom:26px;z-index:50;display:flex;align-items:center;gap:9px;border:1px solid #b8c7ad;border-radius:28px;background:#dce5d5;color:#344331;padding:13px 20px;font-size:14px;box-shadow:0 4px 16px #3443311c;transition:background .15s,border-color .15s}.consult-trigger:hover{background:#d0ddc6;border-color:#9fb590}.consult-trigger:focus-visible{outline:2px solid #657a58;outline-offset:3px}.consult-dialog{border:1px solid #e1e2dd;border-radius:12px;padding:26px;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;color:var(--ink);background:#fff;box-shadow:0 16px 70px #0002}.consult-dialog::backdrop{background:#0005}.consult-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.consult-heading h2{font-size:24px!important}.consult-close{background:none;border:0;padding:6px;font-size:13px;color:#75796f}.consult-intro{font-size:14px;color:#75796f;margin-top:12px}.consult-wechat{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.consult-wechat h3{font-size:16px}.consult-qr{display:block;width:148px;margin:12px auto;cursor:zoom-in}.consult-wechat p,.consult-hint{font-size:12px;line-height:1.8;color:#75796f}.consult-email{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:18px}.consult-email span{color:var(--accent)}.consult-hint{margin-top:8px}.footer{padding-bottom:85px}@media(max-width:760px){.consult-trigger{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));padding:11px 17px;font-size:13px}.consult-dialog{padding:22px}.consult-qr{width:132px}}
.contact-phone{grid-column:1;grid-row:3;font-size:17px;align-self:start;margin-top:0}.contact-phone>span{font-size:12px;color:#75796f;margin-right:10px}.contact-phone a{border-bottom:1px solid #d1d4ca;padding-bottom:4px;white-space:nowrap}.consult-phone{display:flex;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:18px}.consult-phone span{color:var(--accent)}.consult-phone+.consult-email{margin-top:12px;padding-top:12px}@media(max-width:760px){.contact-phone{grid-column:1;grid-row:4;margin-top:-10px}}
/* Consistent phone and email identifiers. */
.contact-icon{flex:0 0 18px;width:18px;height:18px;color:#7b8075}.contact-email,.consult-email,.consult-phone,.contact-phone a{display:inline-flex;align-items:center;gap:10px}.consult-email,.consult-phone{display:flex;justify-content:flex-start}.consult-email>span[aria-hidden],.consult-phone>span[aria-hidden]{margin-left:auto}.contact-email .contact-value,.consult-email .contact-value,.consult-phone .contact-value{font-size:inherit;color:inherit;margin:0}.contact-phone .contact-value{font-size:inherit}.contact-email>.contact-icon{width:21px;height:21px;flex-basis:21px}.contact-email>span[aria-hidden]{margin-left:5px}.contact-phone{display:flex;align-items:center;gap:4px}
/* Four-language navigation */
#language{font:inherit;font-size:12px;border:1px solid #dedbd5;border-radius:3px;background:#fff;color:#333;padding:7px 20px 7px 8px;max-width:110px;cursor:pointer}
html[lang="de"] .header nav{gap:14px}html[lang="de"] .hero-brandline{flex-wrap:wrap}
html[lang="ja"] body{line-height:1.8}html[lang="de"] h1,html[lang="de"] h2{overflow-wrap:break-word}
@media(max-width:700px){#language{max-width:100px}.header nav a{overflow-wrap:anywhere}html[lang="de"] .hero-brandline{font-size:12px}}
/* 2026-10-04 — invitation review: clearer rhythm, readable details, deliberate interaction. */
:root{--line:#e3e4df}
.header nav a{transition:color .18s,border-color .18s}
.header nav a:hover{color:#b84716;border-color:#b84716}
.header nav a[href$="purchase.html"]{font-weight:550}
.section-label{font-weight:500;letter-spacing:.1em}
.components article{padding-top:24px}
.components h3{font-size:21px;line-height:1.55}
.components p{line-height:1.9}
.batch-parts-grid>div>h3{margin-bottom:16px}
.batch-photo a{display:block}
.batch-photo img,.application figure img,.sample-sale img{background:#f6f6f3}
.batch-photo figcaption,.batch-video figcaption,.batch-shims figcaption,.real-film figcaption,.service-film figcaption,.application figcaption{color:#6d7269;line-height:1.8;font-size:12px}
.batch-expand{padding:0;border-bottom:1px solid var(--line);margin-top:24px}
.batch-expand + .batch-expand{border-top:0;margin-top:0}
.batch-expand>summary,.purchase-instructions>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;min-height:64px;padding:18px 0;font-size:15px;font-weight:500;color:#464c42}
.batch-expand>summary::-webkit-details-marker,.purchase-instructions>summary::-webkit-details-marker{display:none}
.batch-expand>summary:after,.purchase-instructions>summary:after{content:'+';font-weight:400;font-size:22px;line-height:1;flex:none;color:#7c8277}
.batch-expand[open]>summary:after,.purchase-instructions[open]>summary:after{content:'−';color:#be4b1c}
.batch-expand>summary:hover{color:#b84716}
.batch-expand[open]{padding-bottom:26px}
.batch-expand[open]>summary{margin-bottom:10px}
.questions summary{display:flex;justify-content:space-between;align-items:center;gap:20px}
.questions summary>span[aria-hidden]{display:none}
.purchase-instructions{padding:0 20px}
.purchase-instructions[open]{padding-bottom:16px}
.purchase-instructions p{font-size:14px;line-height:1.9}
.purchase-card{background:#f8f9f6;border:1px solid #e8eae3;border-radius:4px}
.purchase label{font-size:14px;color:#50574c}
.purchase input,.purchase select{font:inherit;font-size:16px;min-height:46px;line-height:1.4;border-radius:2px}
.purchase input:focus-visible,.purchase select:focus-visible,#language:focus-visible{outline:2px solid #9a654b;outline-offset:3px}
.purchase-card-title button{min-height:40px;padding:8px 10px;font-size:13px}
.purchase-card-title button:hover{color:#a63d17;background:#f1f1eb}
.purchase-add{padding:12px 0;min-height:44px}
.purchase-warning{font-size:13px;line-height:1.8}
.purchase-return a{border-bottom:1px solid #b7bcb0;padding-bottom:5px}
#purchase-summary{font-size:15px;border-left:2px solid #c6673b;padding-left:14px}
.social-contacts .qr-caption{font-size:12px;color:#6d7269}
.social-contacts>div>p:not(.qr-caption){font-size:12px;line-height:1.7}
.social-qr-link{border:1px solid #e4e5df;border-radius:3px;padding:3px;transition:box-shadow .18s}
.social-qr-link:hover{outline:0;box-shadow:0 2px 10px #00000012}
.contact-phone{align-self:start}
.hero-controls{height:40px}
.hero-controls button{width:40px;height:40px}
.hero-controls input[type=range]{height:24px;background:linear-gradient(to right,#73796f 0%,#73796f var(--progress,0%),#e5e6e1 var(--progress,0%),#e5e6e1 100%) center/100% 2px no-repeat}
.hero-controls input[type=range]::-webkit-slider-thumb{height:28px;margin-top:-13px}
.image-viewing{overflow:hidden}
.consult-trigger.is-over-media{visibility:hidden;pointer-events:none}
.consult-method-copy{display:flex;flex-direction:column;min-width:0;gap:2px}
.consult-method-label{font-size:12px;line-height:1.5;color:#75796f}
.sample-consult-button{display:inline-block;border:0;border-bottom:1px solid #777;background:transparent;padding:8px 0;min-height:44px;text-align:left}
.sample-consult-button:hover{color:#b84716;border-bottom-color:#b84716}
/* Keep the category aligned with the Chinese wordmark at the foot of the logo. */
.footer{align-items:flex-end;padding-top:30px}
.footer>p,.footer>span{line-height:1.4}
.footer>p{overflow-wrap:anywhere}
@media(max-width:760px){.footer .brand{width:auto;flex-shrink:0}.footer>p{flex:1;min-width:0}.footer>span{flex-basis:100%;margin-left:0}}
.image-viewer{width:fit-content;max-width:min(1080px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:22px;border:0;border-radius:6px;background:#fff;color:var(--ink);box-shadow:0 18px 90px #0003;overflow:auto}
.image-viewer::backdrop{background:#171a17b3}
.image-viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:16px}
.image-viewer-heading p{font-size:14px;line-height:1.6;max-width:65ch}
.image-viewer-close{border:0;background:#f3f4ef;padding:8px 14px;min-height:44px;font-size:13px;white-space:nowrap}
.image-viewer-photo{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 205px);object-fit:contain;margin:auto}
.image-viewer-footer{display:flex;justify-content:space-between;gap:24px;margin-top:16px;font-size:12px;line-height:1.6;color:#72786c}
.image-viewer-footer a{border-bottom:1px solid #b7bcb0;white-space:nowrap;align-self:start}
@media(max-width:760px){.hero-with-film .hero-copy{padding:20px 0}.hero-with-film h1{line-height:1.5;margin-bottom:20px}.hero-with-film .hero-action-group .hero-description{font-size:14px;line-height:1.85}.hero-film{margin-top:20px}}
@media(min-width:761px) and (max-width:1000px){.header{display:grid;grid-template-columns:1fr auto;gap:16px 24px;padding-block:24px}.header nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px}.header #language{grid-column:2;grid-row:1}.hero-with-film{padding-top:20px}}
@media(max-width:760px){.image-viewer{max-width:calc(100vw - 24px);padding:16px;max-height:calc(100dvh - 24px)}.image-viewer-heading{gap:16px}.image-viewer-heading p{font-size:13px}.image-viewer-photo{max-height:calc(100dvh - 200px)}.image-viewer-footer{gap:16px;font-size:11px}}
@media(min-width:1000px){.journal{display:grid;grid-template-columns:1fr 1fr;gap:0 56px}.journal>p,.journal>h2{grid-column:1/-1}.journal-event,.journal-story{min-width:0;margin-top:40px;padding-top:26px;border-top:1px solid var(--line)}.journal-event h3,.journal-story h3{font-size:26px}.journal-story>.eyebrow{margin:0 0 12px}.journal-story h3{margin-top:0}.journal-event>.batch-photo{max-width:none}.journal-story video{margin-top:22px}.journal-event .batch-expand{margin-top:22px}}
@media(max-width:760px){.header nav a{white-space:normal;line-height:1.55;min-height:42px;display:flex;align-items:center;font-size:13px}.header nav{gap:2px 16px}.hero-with-film{padding-top:20px}.hero-with-film+.statement{margin-top:30px}.section{padding-block:54px}.section h2{line-height:1.5}.batch-parts{padding-top:20px}.batch-real-grid{gap:18px}.social-contacts{gap:12px}.social-contacts h3{font-size:13px;line-height:1.7}.contact-email{font-size:clamp(20px,5.9vw,27px)}.contact-phone{margin-top:0;font-size:16px}.purchase-card{padding:18px 16px}.purchase-fields{gap:18px}.purchase-positions{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-actions button{font-size:14px;min-height:46px}.bottom-purchase{padding-bottom:96px}.consult-trigger{right:14px;bottom:calc(14px + env(safe-area-inset-bottom))}.service-film h3{font-size:22px}.batch-expand>summary{font-size:14px;min-height:60px}.batch-video,.batch-photo{min-width:0}}

/* A/B/C identify panel types; three-digit codes identify installation locations. */
.purchase-sequence{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;margin:22px 0}.purchase-sequence-direction{flex-basis:100%;font-size:14px;color:#59616b}.purchase-sequence-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:78px;min-height:82px;border:1px solid #c7ccd1;border-radius:7px;padding:10px;background:#f5f6f7}.purchase-sequence-panel small{font-size:12px;color:#606770}.purchase-sequence-panel strong{font-size:28px}.purchase-sequence.vertical{flex-direction:column;align-items:flex-start}.purchase-sequence.vertical .purchase-sequence-direction{flex-basis:auto}.purchase-sequence.vertical .purchase-sequence-panel{min-width:90px}.purchase-fields input[data-field=code]{font-variant-numeric:tabular-nums;letter-spacing:2px}

/* Single panel: direct continuation from the panel library. */
.purchase-panel-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px}.purchase-next{background:#dce5d5;color:#344331;border:1px solid #b8c7ad;border-radius:8px;min-height:48px;padding:13px 24px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.purchase-next:hover{background:#d0ddc6;border-color:#9fb590}.purchase-next:focus-visible{outline:2px solid #657a58;outline-offset:3px}.purchase-point-hint{margin-top:12px}.purchase-point-hint.purchase-warning{color:#9b541e}.purchase-card[data-point]{scroll-margin-top:32px}@media(max-width:760px){.purchase-panel-actions{gap:12px}.purchase-next{width:100%}}

/* Shared order action buttons. */
.purchase-add,.purchase-actions button,.purchase-actions button:first-child{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:12px 22px;border:1px solid #cdd4c7;border-radius:6px;background:#edf1e9;color:var(--ink);font:inherit;font-size:14px;font-weight:500;line-height:1.4;cursor:pointer;transition:background .15s,border-color .15s}.purchase-add:hover,.purchase-actions button:hover{background:#e3e9dc;border-color:#aab69f}.purchase-add:focus-visible,.purchase-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:760px){.purchase-panel-actions .purchase-add{width:100%}}

.purchase-buyer-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px;background:#f8f8f5}.purchase textarea{width:100%;min-width:0;resize:vertical;border:1px solid #dfe2d9;background:#fff;padding:11px;font:inherit;font-size:14px;color:var(--ink)}.purchase-photo-section{border-top:1px solid #e0e5da;margin-top:24px;padding-top:18px}.purchase-photo-section>p{font-size:14px;color:#626d5e}.purchase-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:640px;margin-top:14px}.purchase-photo-picker{position:relative;border:1px solid #cdd4c7;border-radius:6px;overflow:hidden;cursor:pointer;text-align:center;background:#edf1e9;min-height:168px}.purchase-photo-picker:focus-within{outline:2px solid var(--accent);outline-offset:3px}.purchase-photo-picker input{position:absolute;inset:0;opacity:0;cursor:pointer;min-height:100%;padding:0}.purchase-photo-picker img{width:100%;height:152px;object-fit:contain;background:#fff}.purchase-photo-placeholder{display:grid;place-items:center;min-height:118px;font-size:34px;font-weight:300;color:#7c8972}.purchase-photo-picker>span:last-of-type{padding:10px;font-size:14px;color:var(--ink)}.purchase-photo-remove{margin-top:8px;border:0;background:none;text-decoration:underline;color:#64725c;font:inherit;font-size:13px;cursor:pointer}.purchase-photo-status{font-size:13px;color:#6e745e;margin-top:12px}@media(max-width:760px){.purchase-buyer-fields{grid-template-columns:1fr;padding:18px}.purchase-photo-grid{gap:12px}.purchase-photo-picker img{height:128px}}

/* Multi-gang sequence diagrams depict the 0 mm internal joints. */
.purchase-sequence{display:block}
.purchase-sequence-direction{display:block;margin-bottom:10px}
.purchase-sequence-panels{display:flex;gap:0;flex-wrap:nowrap;overflow-x:auto;max-width:100%}
.purchase-sequence-panel{border-radius:0;flex:none}
.purchase-sequence.horizontal .purchase-sequence-panel+.purchase-sequence-panel{border-left:0}
.purchase-sequence.horizontal .purchase-sequence-panel:first-child{border-radius:7px 0 0 7px}
.purchase-sequence.horizontal .purchase-sequence-panel:last-child{border-radius:0 7px 7px 0}
.purchase-sequence.vertical .purchase-sequence-panels{flex-direction:column;width:max-content}
.purchase-sequence.vertical .purchase-sequence-panel+.purchase-sequence-panel{border-top:0}
.purchase-sequence.vertical .purchase-sequence-panel:first-child{border-radius:7px 7px 0 0}
.purchase-sequence.vertical .purchase-sequence-panel:last-child{border-radius:0 0 7px 7px}
.purchase-sequence .purchase-sequence-panel:only-child{border-radius:7px}
.purchase-seam-rule{font-size:14px;line-height:1.7;color:#365139;background:#edf3e8;border:1px solid #d4dfcb;border-radius:8px;padding:10px 14px;margin:12px 0 0}

/* The current request remains available while entering each product and location. */
body:has(.purchase-checkbar){padding-bottom:calc(78px + env(safe-area-inset-bottom))}
body:has(.purchase-checkbar) .consult-trigger{bottom:calc(90px + env(safe-area-inset-bottom))}
.purchase-checkbar{position:fixed;z-index:45;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(18px,calc((100vw - 1100px)/2)) calc(12px + env(safe-area-inset-bottom));background:#f8faf5;border-top:1px solid #cbd8c5;box-shadow:0 -4px 20px #2438260c;color:#344331;font-size:14px}
.purchase-checkbar button,.purchase-list-heading button{border:1px solid #b8c7ad;border-radius:12px;background:#dce5d5;padding:11px 15px;min-height:44px;color:#344331;font-size:14px;white-space:nowrap}
.purchase-list-dialog{box-sizing:border-box;width:min(760px,calc(100% - 24px));max-height:85dvh;overflow:auto;border:1px solid #cbd8c5;border-radius:18px;padding:24px;background:#fcfdf9;color:#28372d}
.purchase-list-dialog::backdrop{background:#10201585}.purchase-list-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;position:sticky;top:-24px;background:#fcfdf9;padding:12px 0}.purchase-list-heading h3{font-size:20px!important;margin:0}.purchase-list-dialog p{font-size:14px;line-height:1.7}.purchase-list-report{font:15px/1.8 system-ui,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:599px){.purchase-checkbar{padding-left:12px;padding-right:12px}.purchase-checkbar button{padding:10px}.purchase-list-dialog{padding:16px}.purchase-list-heading{top:-16px}.purchase-list-heading button{padding:8px}.purchase-list-report{font-size:14px}}

/* Installation conditions precede layout so finishes never hide the wall requirement. */
.purchase-installation-conditions{grid-column:1/-1;padding:18px;border:1px solid #d7dfd9;border-radius:12px;background:#f0f4f1}
.purchase-condition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.purchase-condition{min-width:0;display:grid;align-content:start;gap:12px}
.purchase .purchase-condition label{font-size:14px;color:#344e44}
.purchase .purchase-condition select,.purchase .purchase-condition input{font-size:16px;border-radius:8px;min-height:46px}
@media(max-width:600px){.purchase-condition-grid{grid-template-columns:1fr}.purchase-installation-conditions{padding:15px}}

/* Official website filing information. */
.footer-legal .icp-link{display:block;margin-top:8px;color:inherit;font-size:12px;line-height:1.6;text-decoration:none}
.footer-legal .icp-link:hover{text-decoration:underline;text-underline-offset:3px}
.footer-legal .icp-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}