/* Reference-led composition: pale mineral ground, charcoal type and restrained forest green. */
:root{--paper:#edf0ed;--warm:#f8f8f4;--ink:#232b2e;--green:#355b4c;--muted:#636e6b;--line:#d3dcd5;--white:#fff;--wrap:1280px;--column-gap:clamp(28px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,dl,dd{margin:0}button,input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{border:0;border-radius:0;background:none;cursor:pointer}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.45}a,button{touch-action:manipulation}img,canvas{display:block;max-width:100%}[hidden]{display:none!important}::selection{background:#c7d7cc} :focus-visible{outline:2px solid var(--green);outline-offset:6px}input:focus-visible,textarea:focus-visible{outline-offset:2px}.wrap{width:88%;max-width:var(--wrap);margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:white;padding:12px 20px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:20;background:#edf0edf2;backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;gap:45px;height:97px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:42px;height:40px;object-fit:contain}.brand strong{display:flex;align-items:center;gap:17px;font-size:22px;line-height:1.4;letter-spacing:1px}.brand-hotline{font:500 14px/1.35 "PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;letter-spacing:.2px;color:var(--green);white-space:nowrap;padding-left:17px;border-left:1px solid #bfcac1}.brand small{display:block;font-size:13px;letter-spacing:1.5px;color:var(--muted);margin-top:3px}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:16px}.site-header nav a{padding:16px 0}.site-header nav a:hover{color:var(--green);text-decoration:underline;text-underline-offset:8px}.site-header nav .store-link{color:var(--green);font-weight:500}.site-header nav .store-link[aria-disabled="true"]{color:var(--muted);cursor:default}.site-header nav .store-link>span{font-size:17px;margin-left:3px}.header-inquiry{display:inline-flex;align-items:center;gap:26px;font-size:16px;border:1px solid #a6b8aa;padding:11px 20px;min-height:48px}.header-inquiry:hover{background:var(--green);color:white}.header-inquiry>span{font-size:22px;line-height:1}.menu-toggle{display:none}
.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:10px;min-height:685px;padding-block:18px 25px}.hero-copy{padding-bottom:35px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--green);letter-spacing:1px}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:10px}.hero h1{font-size:clamp(52px,4.5vw,78px);font-weight:650;line-height:1.32;letter-spacing:-2.5px;margin:38px 0 30px;white-space:nowrap}.hero h1>span{color:var(--green)}.hero-description{font-size:18px;line-height:1.95;color:var(--muted);max-width:510px}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:58px;padding:14px 25px;background:var(--green);color:white;border:1px solid var(--green);border-radius:3px;font-size:17px;line-height:1.6;transition:background .2s,border-color .2s}.button:hover{background:#284839;border-color:#284839}.button>span,.text-link>span{font-size:24px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:23px;color:var(--green);font-size:17px;min-height:48px;padding:9px 0}.text-link:hover{text-decoration:underline;text-underline-offset:7px}.hero-principles{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:14px;margin-top:42px}.hero-principles span+span{border-left:1px solid var(--line);padding-left:22px}
.hero-stage{height:660px;position:relative;margin-left:-16px}.hero-watermark{position:absolute;left:-6%;top:26%;font:600 clamp(82px,7.6vw,136px)/1 Arial,sans-serif;letter-spacing:-7px;color:#dce3dd;pointer-events:none;white-space:nowrap}.stage-axis{position:absolute;left:56%;top:1%;bottom:130px;border-left:1px dashed #d8dfd9;pointer-events:none}.stage-shadow{position:absolute;left:22%;right:6%;bottom:105px;height:27px;border-radius:50%;background:#c1cdc329;filter:blur(7px);pointer-events:none}.viewer-display{position:absolute;inset:0 0 100px}#eyewash-canvas{width:100%;height:100%;cursor:grab;touch-action:pan-y pinch-zoom;position:relative;z-index:1}#eyewash-canvas.dragging{cursor:grabbing}#viewer-reference{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 12px #36544212)}.stage-caption{position:absolute;bottom:38px;left:8%;right:0;border-top:1px solid #c9d4cc;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.micro{font-size:13px;letter-spacing:2px;color:var(--muted)}.stage-caption strong{display:block;font-weight:500;font-size:18px;margin-top:5px}.rotation-hint{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--green);white-space:nowrap}.rotation-hint svg{width:30px;height:23px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.model-note{position:absolute;left:8%;bottom:5px;color:#727c76;font-size:13px;line-height:1.6}.hero-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0 25px;font-size:14px;color:var(--muted)}.hero-bottom p>span{font-size:25px;line-height:1;margin-right:14px;color:var(--green)}.hero-bottom a{display:flex;align-items:center;gap:24px;min-height:44px}
.section{padding-block:100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:46px}.section-kicker{display:flex;gap:25px;align-items:center;font-size:14px;color:var(--green);margin-bottom:19px;line-height:1.6}.section-kicker>span{font:13px/1.5 Arial,sans-serif;letter-spacing:1.5px;color:#7b847e}.section-heading h2,.inquiry-copy h2{font-weight:500;font-size:40px;line-height:1.5;letter-spacing:-1px}.section-heading>p{font-size:16px;color:var(--muted);line-height:1.9}.products-section{background:var(--warm)}.collection-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:74px}.collection-image{background:#e9ede8;position:relative;min-height:580px;overflow:hidden}.image-eyebrow{position:absolute;left:26px;top:23px;font-size:14px;color:var(--muted);z-index:1;letter-spacing:1px}.collection-image>img{position:absolute;width:100%;height:86%;top:0;object-fit:contain;padding:25px 20px 0}.collection-image figcaption{position:absolute;left:26px;right:26px;bottom:22px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--muted);border-top:1px solid #cdd7cd;padding-top:16px}.circle-link{display:grid;place-items:center;width:46px;height:46px;border:1px solid #aebaad;border-radius:50%;font-size:26px;color:var(--green)}.circle-link:hover{background:var(--green);color:white}.collection-item{display:grid;grid-template-columns:28px 1fr 44px;gap:22px;align-items:center;width:100%;text-align:left;border-top:1px solid var(--line);padding:29px 0;min-height:121px}.collection-item:nth-child(4){border-bottom:1px solid var(--line)}.item-number{align-self:start;font:14px/2.5 Arial,sans-serif;color:var(--muted)}.collection-item strong{display:block;font-size:25px;font-weight:500;line-height:1.45;letter-spacing:-.5px}.collection-item strong+span{display:block;font-size:14px;color:var(--muted);margin-top:7px}.item-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid #c7d2c8;border-radius:50%;font-size:23px;color:var(--green);transition:background .2s}.collection-item:hover .item-arrow{background:var(--green);color:white}.collection-item:hover strong{color:var(--green)}.collection-help{padding-top:23px;display:flex;flex-wrap:wrap;gap:2px 24px;align-items:center;justify-content:space-between}.collection-help p{font-size:14px;color:var(--muted)}.collection-help .text-link{font-size:15px}
.materials-section{background:#fdfdfb}.material-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:76px}.material-image{position:relative;overflow:hidden;min-height:510px;background:#e9ede9}.detail-crop{position:absolute;inset:0 0 83px;overflow:hidden}.detail-crop img{position:absolute;max-width:none;width:155%;left:-15%;top:20px;filter:drop-shadow(0 15px 10px #3a534017)}.material-image figcaption{position:absolute;left:26px;right:26px;bottom:25px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c9d4cb;padding-top:19px;font-size:15px;color:var(--green)}.material-image figcaption>span+span{font-size:24px}.material-intro{font-size:24px;line-height:1.5;margin-bottom:19px}.material-rows>div{padding:18px 0;border-top:1px solid var(--line)}.material-rows dt{font-size:19px;font-weight:500;display:flex;align-items:center;gap:17px}.material-rows dt>span{font:13px/1 Arial,sans-serif;color:var(--muted)}.material-rows dd{font-size:15px;color:var(--muted);line-height:1.9;padding-left:31px;margin-top:7px}.material-description>.text-link{font-size:16px;margin-top:8px}.material-guide{margin-top:40px;border-block:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.material-guide summary{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:77px;font-size:18px}.expand-symbol{font-size:27px;color:var(--green);font-weight:300}details[open] .expand-symbol{transform:rotate(45deg)}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:18px 0 28px}.material-number{font:500 32px/1 Arial,sans-serif;color:var(--green)}.guide-grid h3{font-size:18px;font-weight:500;margin:19px 0 9px}.guide-grid p{font-size:15px;color:var(--muted)}.guide-note{grid-column:1/-1;font-size:13px!important}
.factory-section{background:#294b3e;color:#f3f4ed;padding-block:88px}.factory-layout{display:grid;grid-template-columns:.9fr 1.4fr;gap:70px}.factory-section .section-kicker{color:#d8e2d8}.factory-section .section-kicker>span{color:#b5c8b9}.factory-fact{border-right:1px solid #ffffff24}.years{display:flex;align-items:baseline;gap:23px;margin-top:40px}.years>span:first-child{font:300 168px/1 Arial,sans-serif;letter-spacing:-12px}.years>span:last-child{font-size:23px;font-weight:300}.factory-fact>p:last-child{font-size:16px;color:#c6d5c8;margin-top:25px}.factory-copy{padding:34px 0 0}.factory-copy h2{font-size:39px;font-weight:400;line-height:1.6;letter-spacing:-.5px}.factory-copy>p{font-size:16px;color:#cbd8cd;line-height:2;margin-top:22px}.factory-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:31px;padding-top:24px;border-top:1px solid #ffffff26}.factory-topics>div{display:flex;flex-direction:column;gap:7px}.factory-topics span{font-size:14px;color:#b9ccbe}.factory-topics strong{font-size:17px;font-weight:400}.light-link{color:#f3f4ed;margin-top:25px}.factory-section :focus-visible{outline-color:#e1ebdf}
.inquiry-section{background:var(--warm)}.inquiry-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:95px}.inquiry-copy>p:not(.section-kicker){font-size:18px;color:var(--muted);margin-top:26px;line-height:1.95}.inquiry-note{border-top:1px solid var(--line);margin-top:47px;padding-top:25px;display:flex;gap:22px}.inquiry-note>span{font-size:30px;color:var(--green)}.inquiry-note p{font-size:15px;color:var(--muted);line-height:1.95}.lead-form{padding-top:4px}.form-row{display:grid;grid-template-columns:1.4fr .7fr;gap:24px;margin-bottom:27px}.form-row>div{min-width:0}.lead-form label{display:block;font-size:16px;margin-bottom:10px}.lead-form label>span{font-size:14px;color:#758077;margin-left:8px}input,textarea{width:100%;min-width:0;border:1px solid #bfcac0;border-radius:0;background:#ffffff80;padding:13px 15px;line-height:1.7;font-size:16px;min-height:54px}input::placeholder,textarea::placeholder{color:#7b847d;font-size:14px}textarea{resize:vertical;display:block}.form-submit{width:100%;margin-top:26px}.form-note{font-size:14px;line-height:1.8;color:var(--muted);margin-top:14px}.context-box{margin-bottom:27px}.context-box>div{display:flex;align-items:center;justify-content:space-between}.context-box button{min-height:44px;color:var(--green);font-size:14px;text-decoration:underline;text-underline-offset:4px}.context-box textarea{font-size:15px;background:#eaf0e7}
.site-footer{background:var(--paper)}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:43px}.footer-brand{font:500 27px/1.2 Arial,sans-serif;letter-spacing:3px;color:var(--green)}.footer-brand span{display:block;font-family:inherit;font-size:14px;letter-spacing:5px;margin-top:8px}.footer-main>p{font-size:15px;color:var(--muted)}.footer-main .text-link{font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:20px;font-size:14px;color:var(--muted)}.footer-bottom a:hover{text-decoration:underline}
.dialog{border:0;background:var(--warm);padding:50px 40px 35px;width:670px;max-width:calc(100% - 36px);max-height:calc(100dvh - 40px);overflow:auto;color:var(--ink)}.dialog::backdrop{background:#16271fd1;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:8px;right:16px;display:flex;align-items:center;gap:14px;font-size:14px;min-height:44px;padding:8px}.dialog-close>span{font-size:24px;line-height:1}.dialog h2{font-size:32px;font-weight:500;margin:10px 0 22px;line-height:1.5}.dialog p{font-size:16px;line-height:1.9;color:var(--muted)}.dialog .section-kicker{font-size:13px;color:var(--green)}.dialog .dialog-note{font-size:14px;margin-top:20px}.product-dialog{width:990px;padding:55px 38px 35px}.product-dialog-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:37px}.dialog-product-image{display:grid;align-items:center;background:var(--paper);min-width:0}.dialog-product-image img{width:100%;max-height:490px;object-fit:contain}.product-specs{margin:23px 0}.product-specs>div{display:grid;grid-template-columns:78px 1fr;gap:13px;border-top:1px solid var(--line);padding:12px 0;font-size:15px}.product-specs dt{color:var(--muted)}.product-dialog .button{font-size:16px;gap:35px}#lead-summary{font:15px/1.9 inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:#e9eee7;padding:20px;font-family:inherit}.dialog-actions{display:flex;justify-content:space-between;gap:20px;margin-top:25px}.dialog-actions .button{font-size:15px;gap:20px}.source-page{padding-block:55px;max-width:950px}.source-page h1{font-size:40px;margin-block:22px}.source-page h2{font-size:25px;margin:35px 0 14px}.source-page p,.source-page li{font-size:16px;margin-block:14px;color:var(--muted)}.source-page a{text-decoration:underline;text-underline-offset:4px;color:var(--green)}.source-page code{overflow-wrap:anywhere}
@media(min-width:1600px){.hero-grid{min-height:800px}.hero-stage{height:760px}.hero h1{font-size:78px}.hero-description{font-size:20px}.hero-actions{margin-top:40px}.hero-principles{margin-top:48px}.viewer-display{bottom:110px}.stage-shadow{bottom:118px}.hero-watermark{font-size:137px}.hero-copy{padding-bottom:30px}}
@media(max-width:1150px){.header-inner{gap:28px;height:86px}.brand-hotline{display:none}.site-header nav{gap:24px;font-size:15px}.header-inquiry{padding:10px 15px;gap:17px;font-size:15px}.hero-grid{min-height:625px}.hero-stage{height:590px}.hero h1{font-size:51px}.hero-description{font-size:16px}.hero-actions{gap:22px}.hero-actions .button{font-size:15px;gap:25px;padding-inline:18px}.hero-actions .text-link{font-size:15px;gap:14px}.hero-principles{margin-top:32px;font-size:13px}.hero-watermark{font-size:80px;letter-spacing:-5px;left:-2%}.stage-caption{left:4%}.stage-caption strong{font-size:16px}.rotation-hint{font-size:13px;gap:5px}.rotation-hint svg{width:25px}.model-note{left:4%;font-size:12px}.section{padding-block:80px}.section-heading h2,.inquiry-copy h2{font-size:34px}.collection-layout,.material-layout{gap:45px}.collection-image{min-height:540px}.collection-item{padding:26px 0;min-height:114px;gap:15px}.collection-item strong{font-size:23px}.collection-help{padding-top:18px}.material-intro{font-size:22px}.material-rows>div{padding-block:15px}.factory-layout{gap:45px}.factory-copy h2{font-size:32px}.years>span:first-child{font-size:145px}.factory-copy>p{font-size:15px}.inquiry-grid{gap:60px}}
@media(max-width:800px){html{scroll-padding-top:90px}.wrap{width:90%}.brand strong{font-size:20px}.brand-mark{width:30px}.brand small{font-size:12px}.header-inner{gap:20px}.header-inquiry{margin-left:auto}.site-header nav{display:none;position:absolute;left:0;right:0;top:100%;padding:12px 5% 20px;border-bottom:1px solid var(--line);background:var(--paper);margin:0}.site-header nav.open{display:flex;flex-direction:column;gap:0}.site-header nav a{min-height:51px;font-size:17px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:36px;height:48px;padding:0;flex-shrink:0}.menu-toggle span{width:23px;height:1px;background:var(--ink)}.hero-grid{grid-template-columns:1fr 1fr;gap:0;min-height:530px}.hero-stage{height:500px;margin-left:-12px}.hero h1{font-size:40px;letter-spacing:-1.5px;margin-block:27px 23px}.hero-copy{padding-bottom:13px}.eyebrow{font-size:14px;letter-spacing:.4px}.hero-description{font-size:15px}.hero-actions{gap:14px;margin-top:25px;flex-wrap:wrap}.hero-actions .button{font-size:14px;gap:20px;padding:12px 15px;min-height:50px}.hero-actions .text-link{font-size:14px;gap:12px}.hero-principles{font-size:14px;gap:14px;margin-top:25px}.hero-principles span+span{padding-left:14px}.hero-watermark{font-size:65px}.stage-caption{align-items:flex-start;gap:8px;bottom:38px;left:7%;padding-top:14px}.rotation-hint{white-space:normal;max-width:105px;font-size:13px}.rotation-hint svg{flex-shrink:0}.micro{font-size:11px}.stage-caption strong{font-size:15px}.model-note{font-size:11px;left:7%;bottom:8px}.hero-bottom{font-size:14px;padding-block:12px}.hero-bottom p>span{font-size:20px;margin-right:8px}.hero-bottom a{gap:15px}.section-heading{gap:25px}.section-heading h2,.inquiry-copy h2{font-size:30px}.section-heading>p{font-size:14px}.section-kicker{font-size:13px;gap:18px}.section-kicker>span{font-size:11px}.collection-layout,.material-layout{gap:28px}.collection-image{min-height:515px}.collection-item{grid-template-columns:19px 1fr 35px;gap:12px;padding-block:23px;min-height:109px}.collection-item strong{font-size:21px}.item-arrow{width:35px;height:35px;font-size:21px}.collection-item strong+span{font-size:14px}.collection-help p{font-size:13px}.image-eyebrow{left:20px;top:20px;font-size:12px}.collection-image figcaption{left:20px;right:20px;font-size:14px}.material-intro{font-size:19px}.material-rows dt{font-size:17px;gap:12px}.material-rows dd{font-size:14px;padding-left:26px}.material-image{min-height:510px}.factory-layout{grid-template-columns:.8fr 1.2fr;gap:30px}.factory-section .section-kicker{flex-wrap:wrap;gap:8px}.factory-copy{padding-top:23px}.factory-copy h2{font-size:27px}.factory-copy>p{font-size:14px}.factory-topics{gap:12px}.factory-topics strong{font-size:14px}.factory-fact>p:last-child{font-size:14px}.years>span:first-child{font-size:125px}.years{gap:16px}.inquiry-grid{gap:35px}.inquiry-copy>p:not(.section-kicker){font-size:16px}.form-row{gap:16px}.inquiry-note p{font-size:14px}.footer-main>p{font-size:13px}.footer-main .text-link{font-size:13px}}
@media(max-width:600px){html{scroll-padding-top:82px}.wrap{width:calc(100% - 40px)}.header-inner{height:76px;gap:15px}.brand strong{font-size:19px}.brand small{font-size:11px;letter-spacing:.5px}.brand-mark{width:28px;height:34px}.brand{gap:8px}.header-inquiry{font-size:14px;padding:9px 11px;gap:12px;min-height:44px}.header-inquiry>span{font-size:20px}.menu-toggle{width:26px}.menu-toggle span{width:20px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-block:37px 0;min-height:0;gap:12px}.hero-copy{padding:0}.eyebrow{font-size:14px;letter-spacing:.7px}.hero h1{font-size:clamp(39px,10.8vw,55px);line-height:1.35;letter-spacing:-1.5px;margin:27px 0 20px}.hero-description{font-size:16px;line-height:1.9;max-width:355px}.hero-actions{gap:27px;flex-wrap:nowrap;margin-top:27px}.hero-actions .button{font-size:15px;min-height:53px;gap:25px;padding:12px 19px}.hero-actions .text-link{font-size:15px;gap:15px}.hero-principles{margin-top:25px;font-size:14px;gap:19px}.hero-principles span+span{padding-left:19px}.hero-stage{height:478px;width:100%;margin:0;max-width:470px;align-self:center}.viewer-display{inset:0 0 93px}.hero-watermark{font-size:clamp(65px,18vw,90px);top:27%;left:0;letter-spacing:-4px}.stage-axis{top:10px;bottom:120px}.stage-shadow{bottom:108px}.stage-caption{left:0;right:0;bottom:33px;align-items:center;padding-top:13px}.micro{font-size:12px}.stage-caption strong{font-size:17px;margin-top:3px}.rotation-hint{font-size:14px;white-space:nowrap;max-width:none;gap:7px}.rotation-hint svg{width:26px}.model-note{left:0;bottom:7px;font-size:12px}.hero-bottom{padding-block:13px 16px;font-size:13px;gap:10px;align-items:center}.hero-bottom p{max-width:220px;line-height:1.8}.hero-bottom a{white-space:nowrap;gap:12px}.hero-bottom p>span{font-size:19px;margin-right:6px}.section{padding-block:62px}.section-heading{display:block;margin-bottom:30px}.section-kicker{font-size:14px;gap:22px;margin-bottom:17px}.section-kicker>span{font-size:11px;letter-spacing:1.2px}.section-heading h2,.inquiry-copy h2{font-size:29px;letter-spacing:-.8px}.section-heading>p{font-size:15px;line-height:1.85;margin-top:16px}.collection-layout,.material-layout{grid-template-columns:1fr;gap:30px}.collection-image{min-height:425px}.collection-image>img{height:88%;padding:24px 15px 0}.collection-image figcaption{font-size:13px;left:22px;right:22px;bottom:18px;padding-top:11px}.circle-link{width:42px;height:42px;font-size:24px}.image-eyebrow{font-size:13px;left:22px;top:20px}.collection-item{min-height:111px;grid-template-columns:22px 1fr 42px;gap:16px;padding-block:23px}.collection-item strong{font-size:23px}.collection-item strong+span{font-size:14px}.item-arrow{width:42px;height:42px;font-size:24px}.collection-help{padding-top:22px;gap:5px;align-items:flex-start}.collection-help p{font-size:14px}.collection-help .text-link{font-size:16px}.material-image{min-height:355px}.detail-crop{bottom:68px}.detail-crop img{width:155%;top:22px}.material-image figcaption{left:22px;right:22px;bottom:20px;padding-top:15px;font-size:14px}.material-intro{font-size:23px;margin-bottom:21px}.material-rows>div{padding:20px 0}.material-rows dt{font-size:20px;gap:17px}.material-rows dd{font-size:16px;line-height:1.85;padding-left:31px;margin-top:9px}.material-description>.text-link{font-size:16px}.material-guide{margin-top:26px}.material-guide summary{font-size:16px;min-height:76px;gap:20px;line-height:1.8}.guide-grid{grid-template-columns:1fr;gap:29px;padding:16px 0 27px}.guide-grid h3{margin-top:14px;font-size:18px}.guide-grid p{font-size:16px}.guide-note{font-size:14px!important}.material-number{font-size:30px}.factory-section{padding-block:57px}.factory-layout{grid-template-columns:1fr;gap:33px}.factory-fact{border-right:0;border-bottom:1px solid #ffffff24;padding-bottom:31px}.factory-section .section-kicker{gap:22px}.years{margin-top:32px;gap:22px}.years>span:first-child{font-size:128px;letter-spacing:-7px}.years>span:last-child{font-size:21px}.factory-fact>p:last-child{font-size:15px;margin-top:18px}.factory-copy{padding:0}.factory-copy h2{font-size:29px;line-height:1.6}.factory-copy>p{font-size:16px;line-height:1.95;margin-top:21px}.desktop-break{display:none}.factory-topics{gap:12px;margin-top:26px;padding-top:23px}.factory-topics strong{font-size:16px}.factory-topics span{font-size:14px}.light-link{margin-top:25px;font-size:17px}.inquiry-grid{grid-template-columns:1fr;gap:38px}.inquiry-copy>p:not(.section-kicker){font-size:17px;margin-top:20px}.inquiry-note{margin-top:28px;padding-top:21px;gap:19px}.inquiry-note p{font-size:15px}.lead-form{padding-top:0}.form-row{gap:16px;grid-template-columns:1.6fr .75fr;margin-bottom:23px}.lead-form label{font-size:16px}.lead-form label>span{font-size:13px;margin-left:6px}input,textarea{font-size:16px;padding:12px 13px;min-height:54px}.form-submit{margin-top:24px;font-size:17px}.form-note{font-size:14px;line-height:1.85}.footer-main{flex-wrap:wrap;gap:23px;padding-block:32px}.footer-main>p{font-size:13px}.footer-main>.text-link{display:none}.footer-brand{font-size:24px}.footer-brand span{font-size:12px}.footer-bottom{flex-direction:column;gap:7px;font-size:13px;padding-block:18px}.dialog{padding:55px 23px 28px;max-width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.dialog-close{right:12px;top:8px;font-size:15px}.dialog h2{font-size:26px;margin-bottom:18px}.dialog p{font-size:16px}.dialog .section-kicker{font-size:14px}.product-dialog-grid{grid-template-columns:1fr;gap:26px}.dialog-product-image{height:235px}.dialog-product-image img{height:235px;object-fit:contain}.product-specs>div{font-size:15px;grid-template-columns:76px 1fr;gap:13px}.product-dialog .button{font-size:16px;min-height:54px}.dialog .dialog-note{font-size:14px}.dialog-actions{gap:16px;flex-wrap:wrap}.dialog-actions .button{font-size:15px;gap:19px;padding-inline:17px}.dialog-actions .text-link{font-size:15px}#lead-summary{font-size:15px;padding:16px}.source-page h1{font-size:30px}.source-page h2{font-size:23px}.source-page p,.source-page li{font-size:15px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.header-inner{gap:11px}.brand strong{font-size:17px}.brand small{font-size:10px}.brand-mark{width:24px}.header-inquiry{font-size:13px;padding-inline:10px;gap:9px}.hero-actions{gap:22px}.hero-actions .button{font-size:14px;padding-inline:16px;gap:23px}.hero-actions .text-link{font-size:14px;gap:13px}.hero-stage{height:447px}.rotation-hint{font-size:13px;gap:5px}.section-heading h2,.inquiry-copy h2{font-size:27px}.factory-copy h2{font-size:27px}.factory-topics strong{font-size:15px}}
/* Large screens follow the broad margins and dominant product of the supplied reference. */
@media(min-width:1600px){.hero-grid{min-height:880px}.hero-stage{height:830px}.hero h1{font-size:clamp(78px,4.7vw,94px)}}
/* Keep image labels clear of the product, and the model above its caption. */
.detail-crop img{top:60px}
#lead-summary{font-size:15px;line-height:1.9}
.viewer-display{bottom:125px}
@media(min-width:1600px){.viewer-display{bottom:130px}}
@media(max-width:600px){.detail-crop img{top:50px}.viewer-display{bottom:110px}}

/* Fast first paint: show the exact default-angle poster until the GLB is ready. */
.viewer-display{isolation:isolate}
.viewer-display{background:transparent;overflow:hidden}
#eyewash-canvas,#viewer-reference{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;transition:opacity .18s ease;visibility:visible}
#eyewash-canvas{z-index:1;opacity:0;background:transparent;transition:none}
#viewer-reference{z-index:2;opacity:1;pointer-events:none;filter:none;visibility:visible;inset:0 auto 0 50%;width:auto;max-width:none;aspect-ratio:1600 / 1380;transform:translateX(-50%);mix-blend-mode:normal}
.viewer-display.is-ready #eyewash-canvas{opacity:1;visibility:visible}
.viewer-display.is-ready #viewer-reference{opacity:0}
body.poster-capture .stage-caption,body.poster-capture .stage-axis,body.poster-capture .hero-watermark{visibility:hidden}
body.poster-capture .hero-factory-linework{display:none!important}
/* The capture route renders the same camera at a larger CSS viewport so the
   first-paint poster stays crisp on high-density screens. */
body.poster-capture{width:1600px;min-width:1600px;background:#edf0ed;overflow:visible}
body.poster-capture .site-header,body.poster-capture .hero-copy,body.poster-capture .hero-bottom,body.poster-capture .section{display:none!important}
body.poster-capture .hero,body.poster-capture .hero-grid{display:block;width:1600px;min-height:1380px;height:1380px;padding:0;margin:0}
body.poster-capture .hero-stage{display:block;width:1600px;height:1380px;margin:0}
body.poster-capture .viewer-display{inset:0}
/* Optional high-resolution poster capture. It is only enabled by the
   internal ?capture=1&hires=1 route and has no effect on the live page. */
body.poster-capture-hires{width:3200px;min-width:3200px}
body.poster-capture-hires .hero,body.poster-capture-hires .hero-grid{width:3200px;min-height:2760px;height:2760px}
body.poster-capture-hires .hero-stage{width:3200px;height:2760px}
/* Reference photography is confined to the factory section. */
.factory-craft-detail{margin-top:28px;max-width:360px;padding-right:28px}
.factory-craft-detail>img{width:100%;height:175px;object-fit:cover;filter:saturate(.5)}
.factory-craft-detail>figcaption{font-size:13px;line-height:1.7;margin-top:8px;color:#c0d2c4}
.factory-workshop{margin-top:28px;position:relative;overflow:hidden;background:#1d392e}
.factory-workshop>img{width:100%;height:255px;object-fit:cover;object-position:center 47%;filter:saturate(.5)}
.factory-workshop>figcaption{position:absolute;left:15px;bottom:12px;font-size:13px;color:#fff;background:#183426cc;padding:4px 8px}
@media(min-width:1600px){.factory-workshop>img{height:310px}}
@media(max-width:600px){.factory-workshop>img{height:220px}.factory-workshop>figcaption{font-size:12px;left:10px;bottom:10px}}
.factory-fact>p:not(.section-kicker){color:#c6d5c8;font-size:16px;margin-top:23px}
#eyewash-canvas{touch-action:pinch-zoom}
@media(min-width:1600px){.factory-craft-detail{max-width:450px}.factory-craft-detail>img{height:205px}}
@media(max-width:1150px){.factory-craft-detail{padding-right:23px}}
@media(max-width:600px){.factory-craft-detail{padding:0;max-width:none;margin-top:26px}.factory-craft-detail>img{height:205px}.factory-craft-detail>figcaption{font-size:13px}.factory-fact>p:not(.section-kicker){font-size:15px;margin-top:18px}}

/* Compose copy and visible product together, including the empty space inside the canvas. */
@media(min-width:601px){
  .hero-grid{grid-template-columns:46% 54%;gap:0;min-height:0;padding-block:16px 4px}
  .hero-copy{padding:0 0 60px}
  .hero h1{font-size:clamp(48px,5.5vw,82px);margin:25px 0 24px;letter-spacing:-3px;line-height:1.3}
  .hero-description{font-size:18px;line-height:1.9}
  .hero-actions{gap:28px;margin-top:28px}
  .hero-stage{height:610px;margin:0}
  .viewer-display{inset:0 22% 104px -22%}
  .hero-watermark{left:-24%;top:26%;font-size:108px;letter-spacing:-6px}
  .stage-axis{left:28%;top:2%;bottom:122px}
  .stage-shadow{left:2%;right:27%;bottom:108px}
  .stage-caption{left:0;right:0;bottom:32px;padding-top:14px}
  .model-note{left:0;bottom:7px}
  .hero-bottom{padding-block:9px 15px}
}

@media(min-width:1600px){.hero-stage{height:660px}.hero-grid{padding-block:21px 6px}.hero-copy{padding-bottom:65px}.hero-watermark{font-size:115px}}
@media(min-width:601px) and (max-width:1150px){
  .hero-grid{grid-template-columns:49% 51%}.hero h1{font-size:clamp(40px,5.3vw,60px);letter-spacing:-2px}
  .hero-stage{height:555px}.viewer-display{left:-13%;right:13%}.hero-description{font-size:16px}.hero-copy{padding-bottom:50px}
  .hero-watermark{left:-16%;font-size:80px}.stage-axis{left:37%}.stage-caption,.model-note{left:0;right:0}
}
@media(min-width:601px) and (max-width:800px){
  .hero-grid{grid-template-columns:50% 50%}.hero-stage{height:510px}.viewer-display{left:-8%;right:0}
  .hero h1{font-size:40px}.hero-description{font-size:15px}.hero-actions{gap:17px}.hero-copy{padding-bottom:40px}
  .hero-watermark{font-size:64px;left:-10%}.stage-caption{left:7%;right:0}.model-note{left:7%}
}
@media(max-width:600px){.hero-grid{padding-top:29px;gap:0}.hero h1{margin-block:22px 17px}.hero-actions{margin-top:23px}.hero-stage{margin-top:6px}}

/* A product plate beside a numbered, illustrated directory. */
.collection-layout{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(28px,3.5vw,56px);align-items:stretch}
.collection-image{min-height:570px;background:#e9ede8;display:flex;flex-direction:column;transition:background .25s,color .25s}
.collection-preview-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 27px 0;position:relative;z-index:1;color:var(--muted)}
.collection-preview-heading .image-eyebrow{position:static;font-size:14px;letter-spacing:1px;color:inherit}
#collection-index{font:14px/1.5 Arial,sans-serif;letter-spacing:2px}
.collection-visual{position:relative;flex:1;min-height:380px;margin:14px 24px 0}
.collection-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s;pointer-events:none}
.collection-photo.is-active{opacity:1;visibility:visible}
.collection-photo[data-preview-key="pedestal"]{padding:0 0 8px}
.collection-photo[data-preview-key="wall"]{mix-blend-mode:multiply}
.collection-photo[data-preview-key="portable"]{padding:12px 20px}
.collection-image figcaption{position:relative;left:auto;right:auto;bottom:auto;margin:15px 27px 0;padding:20px 0 23px;gap:16px;min-height:100px}
.collection-image figcaption strong{display:block;font-size:24px;line-height:1.5;font-weight:500;color:var(--ink)}
.collection-image figcaption strong+span{display:block;margin-top:4px;font-size:14px}
.preview-detail{display:flex;align-items:center;gap:20px;font-size:15px;white-space:nowrap;min-height:48px;color:var(--green);padding:8px 0}
.preview-detail>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #aebaad;border-radius:50%;font-size:24px}
.preview-detail:hover>span{background:var(--green);color:#fff}
.collection-image[data-preview="combination"]{background:#151918}
.collection-image[data-preview="combination"] .collection-preview-heading,.collection-image[data-preview="combination"] figcaption{color:#bfc9c1}
.collection-image[data-preview="combination"] figcaption{border-color:#ffffff30}
.collection-image[data-preview="combination"] figcaption strong,.collection-image[data-preview="combination"] .preview-detail{color:#f3f4ed}
.collection-image[data-preview="combination"] :focus-visible{outline-color:#e1ebdf}
.collection-directory-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:21px;font-weight:650;letter-spacing:-.4px;line-height:1.5;padding:0 0 16px;color:var(--green)}
.collection-list{display:flex;flex-direction:column;min-height:100%;padding:0 22px;background:#f4f6f1}
.collection-list .collection-directory-heading{padding:20px 0 15px}
.directory-instruction{font-size:14px;color:var(--muted)}
.collection-item{position:relative;grid-template-columns:88px minmax(0,1fr) 42px;gap:20px;flex:1;padding:14px 0;min-height:116px;transition:background .2s}
.collection-item:nth-child(4){border-bottom:0}
.collection-item:nth-last-child(2){border-bottom:1px solid var(--line)}
.collection-item:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;background:var(--green);opacity:0;transition:opacity .2s}
.collection-item.is-active{background:#e8eee5}
.collection-item.is-active:before{opacity:1}
.item-thumbnail{display:grid;place-items:center;width:88px;height:84px;padding:6px;background:#eef0ea;overflow:hidden;border:1px solid #e0e5dc}
.item-thumbnail img{width:100%;height:100%;object-fit:contain;min-height:0;transition:transform .25s}
.collection-item[data-product="wall"] .item-thumbnail img{mix-blend-mode:multiply}
.collection-item[data-product="combination"] .item-thumbnail{background:#171b18;padding:5px}
.collection-item[data-product="portable"] .item-thumbnail{padding:5px}
.item-copy{min-width:0}
.item-number{display:block;font:13px/1.5 Arial,"Microsoft YaHei",sans-serif;letter-spacing:1px;margin-bottom:4px}
.collection-item strong{font-size:23px;line-height:1.4}
.collection-item strong+span{font-size:14px;margin-top:5px}
.item-arrow{width:42px;height:42px;font-size:23px}
.collection-item.is-active .item-arrow{background:var(--green);border-color:var(--green);color:white}
.collection-item.is-active strong{color:var(--green)}
.collection-item:hover .item-thumbnail img{transform:scale(1.04)}
.collection-item:focus-visible{outline-offset:3px;z-index:1}
.collection-help{padding:18px 0 12px;border-top:1px solid var(--line);gap:0 16px}.collection-help-link{display:inline-flex;align-items:center;min-height:38px;font-size:15px;line-height:1.7;color:var(--green)}.collection-help-link:hover{text-decoration:underline;text-underline-offset:5px}
@media(min-width:1600px){.collection-image{min-height:646px}.collection-item{grid-template-columns:112px minmax(0,1fr) 46px;padding-block:18px;gap:29px;min-height:138px}.item-thumbnail{width:112px;height:101px}.collection-item strong{font-size:27px}.item-arrow{width:46px;height:46px}}
@media(min-width:601px) and (max-width:1000px){
  .collection-layout{grid-template-columns:.9fr 1.1fr;gap:24px}.collection-image{min-height:559px}
  .collection-visual{margin-inline:12px;min-height:320px}.collection-preview-heading{padding-inline:20px}.collection-image figcaption{margin-inline:20px;align-items:flex-start;flex-direction:column;gap:6px}
  .collection-image figcaption strong{font-size:22px}.preview-detail{gap:16px;font-size:14px}.preview-detail>span{width:35px;height:35px}
  .collection-list{padding-inline:16px}.collection-item{grid-template-columns:72px minmax(0,1fr) 34px;gap:12px;min-height:116px;padding-block:15px}
  .item-thumbnail{width:72px;height:80px}.collection-item strong{font-size:20px}.collection-item strong+span{font-size:14px}.item-arrow{width:34px;height:34px;font-size:21px}.directory-instruction{font-size:13px}
}
@media(max-width:600px){
  .collection-layout{grid-template-columns:1fr;gap:25px}.collection-image{min-height:420px}.collection-list{min-height:0;padding-inline:16px}.collection-preview-heading{padding:18px 20px 0}
  .collection-visual{min-height:275px;margin:12px 17px 0}.collection-image figcaption{margin:10px 20px 0;padding:15px 0 18px;min-height:91px;gap:10px}
  .collection-image figcaption strong{font-size:21px}.collection-image figcaption strong+span{font-size:14px}.preview-detail{font-size:13px;gap:9px}.preview-detail>span{width:36px;height:36px;font-size:22px}
  .collection-directory-heading{padding-bottom:13px;font-size:18px}.directory-instruction{font-size:0}.directory-instruction:after{content:"点击产品，查看介绍";font-size:13px}
  .collection-item{grid-template-columns:78px minmax(0,1fr) 36px;gap:16px;padding-block:14px;min-height:115px}
  .item-thumbnail{width:78px;height:85px}.item-arrow{width:36px;height:36px;font-size:22px}.item-number{font-size:12px;letter-spacing:.5px}.collection-item strong{font-size:22px}.collection-item strong+span{font-size:14px}
  .collection-help p{font-size:14px}
}

/* Keep the model plate and the series directory visually balanced on desktop. */
@media(min-width:1001px){
  .products-section .section-heading{margin-bottom:38px}
  .products-section .collection-list{padding-top:6px}
}

@media(max-width:370px){.collection-item{grid-template-columns:70px minmax(0,1fr) 33px;gap:13px}.item-thumbnail{width:70px;height:80px}.collection-item strong{font-size:21px}.item-arrow{width:33px;height:33px}.collection-image figcaption strong{font-size:20px}}
@media(hover:none){.directory-instruction{font-size:0}.directory-instruction:after{content:"点击产品，查看介绍";font-size:14px}.collection-item:hover .item-thumbnail img{transform:none}}
/* Every section shares the same outer edges and two-column rhythm. */
@media(min-width:601px){
  .collection-layout,.material-layout,.factory-layout,.inquiry-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--column-gap)}
  .factory-fact{padding-right:28px}
}
.material-image{display:flex;flex-direction:column;min-height:640px;background:#e9ede9;scroll-margin-top:14px}
.material-preview-heading{display:flex;justify-content:space-between;gap:20px;padding:22px 27px 0;font-size:14px;color:var(--muted);letter-spacing:1px}
#material-index{font:14px/1.75 Arial,sans-serif;letter-spacing:2px;white-space:nowrap}
.material-visual{position:relative;flex:1;min-height:345px;margin:20px 25px 0}
.material-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:24px 12px;mix-blend-mode:multiply;opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s;pointer-events:none}
.material-photo.is-active{opacity:1;visibility:visible}
.material-photo[data-part-photo="nozzle"]{padding:30px 55px}
.material-image figcaption{position:relative;left:auto;right:auto;bottom:auto;display:block;margin:18px 27px 0;padding:20px 0 23px;min-height:133px;border-top:1px solid #c9d4cb}
.material-image figcaption strong{display:block;font-size:24px;font-weight:500;line-height:1.5;color:var(--ink)}
.material-image figcaption>span{display:block;font-size:15px;line-height:1.8;margin-top:5px;color:var(--muted)}
.material-image figcaption>small{display:block;font-size:13px;line-height:1.75;color:var(--muted);margin-top:9px}
.material-description{min-width:0}
.material-intro{font-size:24px;line-height:1.5;margin-bottom:7px}
.material-instruction{font-size:14px;color:var(--muted);margin-bottom:20px}
.material-item{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) 36px;gap:20px;align-items:center;width:100%;min-height:126px;padding:16px 12px 16px 0;border-top:1px solid var(--line);text-align:left;transition:background .2s}
.material-item:last-child{border-bottom:1px solid var(--line)}
.material-item:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;background:var(--green);opacity:0;transition:opacity .2s}
.material-item .item-thumbnail{width:96px;height:92px;padding:9px;background:#eef0ea}
.material-item .item-thumbnail img{mix-blend-mode:multiply}
.material-item strong{display:block;font-size:22px;line-height:1.5;font-weight:500}
.material-item strong+span{display:block;font-size:14px;color:var(--muted);line-height:1.85;margin-top:5px}
.material-item .item-arrow{width:36px;height:36px;font-size:21px}
.material-item.is-active{background:#e8eee5}
.material-item.is-active:before{opacity:1}
.material-item.is-active strong{color:var(--green)}
.material-item.is-active .item-arrow{color:#fff;background:var(--green);border-color:var(--green)}
.material-item:hover .item-thumbnail img{transform:scale(1.04)}
.material-item:focus-visible{outline-offset:3px;z-index:1}
.material-description>.text-link{margin-top:17px}
.material-guide{margin-top:42px}
.material-guide summary{font-size:22px;min-height:88px}
.guide-grid{gap:28px;padding:12px 0 28px}
.guide-grid article{padding:13px 28px 16px 0}
.guide-grid article+article{border-left:1px solid var(--line);padding-left:28px}
.material-number{display:flex;align-items:baseline;gap:10px;font-size:34px;min-height:43px}
.material-number>span{font:17px/1.5 "Microsoft YaHei",sans-serif}
.material-number-cn{font-family:inherit;font-size:27px;line-height:1.5}
.guide-grid h3{font-size:19px;margin-top:14px}
.guide-grid p{font-size:15px;line-height:1.95}
.guide-note{margin-top:0}
@media(min-width:601px) and (max-width:1000px){
  .material-image{min-height:625px}.material-preview-heading{padding-inline:20px}.material-visual{margin-inline:12px;min-height:320px}
  .material-photo{padding-inline:3px}.material-photo[data-part-photo="nozzle"]{padding-inline:20px}
  .material-image figcaption{margin-inline:20px}.material-image figcaption strong{font-size:22px}.material-image figcaption>span{font-size:14px}
  .material-intro{font-size:20px}.material-item{grid-template-columns:68px minmax(0,1fr);gap:14px;min-height:128px;padding:14px 10px 14px 0}
  .material-item .item-thumbnail{width:68px;height:80px;padding:6px}.material-item .item-arrow{display:none}.material-item strong{font-size:20px}.material-item strong+span{font-size:13px}
  .guide-grid{gap:18px}.guide-grid article{padding-right:0}.guide-grid article+article{padding-left:18px}
  .factory-copy h2{font-size:clamp(25px,3.2vw,32px)}
}
@media(max-width:600px){
  .material-layout{gap:27px}.material-image{min-height:410px}.material-preview-heading{padding:18px 20px 0;font-size:13px}
  .material-visual{min-height:242px;margin:8px 18px 0}.material-photo{padding:15px 10px}.material-photo[data-part-photo="nozzle"]{padding:15px 45px}
  .material-image figcaption{margin:10px 20px 0;padding:16px 0 19px;min-height:123px}.material-image figcaption strong{font-size:22px}.material-image figcaption>span{font-size:14px}.material-image figcaption>small{font-size:12px}
  .material-intro{font-size:22px}.material-instruction>span{display:none}.material-instruction:after{content:"点击条目，查看对应部件大图"}.material-instruction{font-size:13px;margin-bottom:16px}
  .material-item{grid-template-columns:76px minmax(0,1fr);gap:16px;padding:16px 12px 16px 0;min-height:128px}.material-item .item-thumbnail{width:76px;height:88px;padding:6px}
  .material-item strong{font-size:21px}.material-item strong+span{font-size:14px;line-height:1.8}.material-item .item-arrow{display:none}
  .material-guide{margin-top:31px}.material-guide summary{font-size:19px;min-height:87px;line-height:1.8;padding-block:14px;gap:16px}
  .guide-grid{gap:0;padding:0 0 25px}.guide-grid article{padding:23px 0}.guide-grid article+article{border-left:0;border-top:1px solid var(--line);padding:23px 0}
  .guide-grid p{font-size:15px}.guide-note{margin-top:8px}.material-number{font-size:32px}.material-number-cn{font-size:26px}
}
@media(hover:none){.material-instruction>span{display:none}.material-instruction:after{content:"点击条目，查看对应部件大图"}.material-item:hover .item-thumbnail img{transform:none}}
/* Trade supply: one clear offer, with practical purchasing details alongside. */
.dealer-section{background:var(--warm);border-top:1px solid var(--line)}
.dealer-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--column-gap)}
.dealer-feature{padding:32px 38px 28px;background:#e5ebe2;display:flex;flex-direction:column;align-items:flex-start}
.dealer-feature-top{display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%;font-size:14px;color:var(--green)}
.dealer-feature-top svg{width:49px;height:49px;fill:none;stroke:var(--green);stroke-width:1.3;flex-shrink:0}
.dealer-feature h3{font-size:clamp(34px,3.1vw,46px);font-weight:500;line-height:1.45;letter-spacing:-1px;color:var(--green);margin-top:26px}
.dealer-feature>p{font-size:17px;color:var(--muted);line-height:1.9;margin-top:20px}
.dealer-label-note{display:flex;align-items:center;gap:18px;width:100%;border-top:1px solid #bdccbd;margin-top:32px;padding-top:21px}
.dealer-label-note>span{font-size:14px;color:var(--muted);white-space:nowrap}
.dealer-label-note>strong{font-size:17px;font-weight:400;color:var(--green)}
.dealer-feature>small{font-size:13px;color:var(--muted);line-height:1.8;margin-top:13px}
.dealer-options{display:flex;flex-direction:column}
.dealer-options article{display:grid;grid-template-columns:27px 1fr;gap:20px;border-top:1px solid var(--line);padding:24px 0}
.dealer-number{font:14px/2 Arial,sans-serif;color:var(--green);padding-top:4px}
.dealer-options h3{font-size:23px;font-weight:500;line-height:1.5}
.dealer-options article p{font-size:16px;color:var(--muted);line-height:1.9;margin-top:9px;max-width:470px}
.dealer-action{margin-top:auto;padding-top:16px}
.dealer-action .button{gap:45px}
.dealer-action>p{font-size:13px;color:var(--muted);margin-top:13px}
/* Factory story: manufacturing imagery, known business facts and a visible contact path. */
.factory-section{padding-block:85px 75px}
.factory-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--column-gap);align-items:end;margin-bottom:38px}
.factory-heading h2{font-size:39px;line-height:1.6;font-weight:400;letter-spacing:-.7px}
.factory-heading-copy{padding-bottom:7px}
.factory-heading-copy>p{font-size:18px;line-height:1.9;color:#e0e8df}
.factory-heading-copy>span{display:block;font-size:13px;letter-spacing:1px;color:#b9cdbf;margin-top:18px}
.factory-company-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:var(--column-gap);align-items:end;margin:0 0 42px;padding:28px 0 30px;border-block:1px solid #ffffff26}
.factory-company-kicker{font:12px/1.4 Arial,sans-serif;letter-spacing:1.8px;color:#b9cdbf}
.factory-company-copy h3{font-size:30px;line-height:1.45;font-weight:400;letter-spacing:-.7px;margin-top:13px;color:#f3f4ed}
.factory-company-copy>p:last-child{max-width:720px;font-size:16px;line-height:1.95;color:#cbd8cd;margin-top:13px}
.factory-company-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.factory-company-stats>div{display:flex;flex-direction:column;gap:6px;padding-left:18px;border-left:1px solid #ffffff26}
.factory-company-stats strong{font:300 38px/1 Arial,sans-serif;letter-spacing:-1px;color:#e4efe5;white-space:nowrap}
.factory-company-stats strong span{font-size:.55em;margin-left:2px}
.factory-company-stats span{font-size:13px;color:#b9cdbf}
.factory-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--column-gap)}
.factory-main-photo{position:relative;min-height:380px;overflow:hidden;background:#1d392e}
.factory-main-photo>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:45% center;filter:saturate(.45)}
.factory-main-photo>figcaption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:15px;padding:33px 22px 18px;background:linear-gradient(transparent,#142c24dd);color:#fff;font-size:14px}
.factory-main-photo>figcaption>span+span{color:#cfddd3;font-size:13px}
.factory-story{display:flex;flex-direction:column;min-width:0}
.factory-experience{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff26;padding:7px 0 30px}
.factory-years{display:flex;align-items:baseline;gap:17px;white-space:nowrap}
.factory-years>span:first-child{font:300 134px/.95 Arial,sans-serif;letter-spacing:-9px}
.factory-years>span:last-child{font-size:20px}
.factory-experience h3{font-size:20px;line-height:1.6;font-weight:400}
.factory-experience p{font-size:15px;color:#c6d5c8;line-height:1.9;margin-top:10px}
.factory-detail-story{display:grid;grid-template-columns:164px minmax(0,1fr);gap:25px;align-items:center;padding-top:28px;flex:1}
.factory-detail-story figure{position:relative;align-self:stretch;min-height:180px;overflow:hidden}
.factory-detail-story figure>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:58% center;filter:saturate(.45)}
.factory-detail-story figcaption{position:absolute;inset:auto 0 0;color:#fff;font-size:12px;padding:22px 11px 9px;background:linear-gradient(transparent,#142c24dd)}
.factory-small-label{font-size:13px;letter-spacing:1px;color:#b9cdbf}
.factory-detail-story h3{font-size:21px;line-height:1.6;font-weight:400;margin-top:9px}
.factory-detail-story p{font-size:15px;line-height:1.9;color:#c6d5c8;margin-top:11px}
.factory-focus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid #ffffff26;margin-top:39px;padding-top:27px}
.factory-focus article+article{border-left:1px solid #ffffff26;padding-left:32px}
.factory-focus article>span{font-size:13px;letter-spacing:1px;color:#b9cdbf}
.factory-focus h3{font-size:24px;line-height:1.5;font-weight:400;margin:12px 0 10px}
.factory-focus p{font-size:16px;color:#c6d5c8;line-height:1.95;max-width:320px}
.factory-process{margin-top:39px;padding-top:31px;border-top:1px solid #ffffff26}
.factory-process-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px}
.factory-process-heading h3{font-size:25px;line-height:1.5;font-weight:400}
.factory-process-heading p{font-size:14px;color:#c6d5c8}
.factory-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:28px 0 0}
.factory-steps li{position:relative;border-top:1px solid #ffffff26;padding-top:17px}
.factory-step-number{font:14px/1.5 Arial,sans-serif;color:#b9cdbf;letter-spacing:1px}
.factory-steps li:not(:last-child):after{content:"→";position:absolute;right:5px;top:10px;color:#9db7a6;font-size:24px}
.factory-steps h4{font-size:21px;line-height:1.5;font-weight:400;margin:12px 0 8px}
.factory-steps p{font-size:15px;line-height:1.9;color:#c6d5c8}
.factory-contact{border-top:1px solid #ffffff26;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:30px;padding-top:26px}
.factory-contact>p{font-size:18px;color:#e0e8df}
.factory-contact-button{background:#e9eee5;color:#294b3e;border-color:#e9eee5;gap:42px}
.factory-contact-button:hover{background:#fff;border-color:#fff}
@media(min-width:601px) and (max-width:1150px){
  .site-header nav{gap:22px}.header-inner{gap:26px}
  .dealer-feature{padding:25px 27px}.dealer-feature h3{font-size:36px}.dealer-label-note{gap:12px}.dealer-label-note>strong{font-size:15px}
  .dealer-options article{gap:14px;padding-block:19px}.dealer-options h3{font-size:21px}.dealer-options article p{font-size:15px}.dealer-feature>p{font-size:16px}
  .factory-heading h2{font-size:32px}.factory-heading-copy>p{font-size:16px}
  .factory-company-intro{grid-template-columns:minmax(0,1fr) minmax(290px,.9fr);gap:28px}.factory-company-copy h3{font-size:26px}.factory-company-copy>p:last-child{font-size:14px}.factory-company-stats{gap:12px}.factory-company-stats>div{padding-left:12px}.factory-company-stats strong{font-size:31px}
  .factory-years>span:first-child{font-size:112px}.factory-experience{gap:16px}.factory-years{gap:13px}.factory-experience h3{font-size:18px}.factory-experience p{font-size:14px}
  .factory-detail-story{grid-template-columns:125px minmax(0,1fr);gap:19px}.factory-detail-story h3{font-size:19px}.factory-detail-story p{font-size:14px}
  .factory-focus{gap:25px}.factory-focus article+article{padding-left:25px}.factory-focus h3{font-size:22px}.factory-focus p{font-size:15px}
}
@media(min-width:601px) and (max-width:800px){
  .dealer-feature{padding:24px}.dealer-feature-top{font-size:14px;gap:12px}.dealer-feature-top svg{width:39px;height:39px}.dealer-feature h3{font-size:31px}.dealer-label-note{display:block}.dealer-label-note>strong{display:block;margin-top:7px}
  .dealer-options article{grid-template-columns:20px 1fr;gap:12px;padding-block:18px}.dealer-options h3{font-size:19px}.dealer-options article p{font-size:14px}.dealer-action .button{font-size:15px;gap:20px;padding-inline:18px}.dealer-action>p{font-size:14px}
  .factory-heading h2{font-size:27px}.factory-heading-copy>p{font-size:15px}.factory-heading-copy>span{font-size:13px;letter-spacing:0}
  .factory-experience{align-items:flex-start;gap:13px}.factory-years>span:first-child{font-size:90px;letter-spacing:-6px}.factory-years{gap:10px}.factory-years>span:last-child{font-size:17px}.factory-experience h3{font-size:16px}.factory-experience p{font-size:13px}
  .factory-detail-story{grid-template-columns:105px minmax(0,1fr);gap:16px}.factory-detail-story h3{font-size:17px}.factory-detail-story p{font-size:13px}.factory-main-photo{min-height:375px}
  .factory-focus{gap:20px}.factory-focus article+article{padding-left:20px}.factory-focus h3{font-size:21px}.factory-focus p{font-size:14px}
  .factory-process-heading p{font-size:14px}.factory-steps{gap:20px}.factory-steps p{font-size:13px}.factory-contact>p{font-size:16px}.factory-contact-button{font-size:15px;gap:23px}
}
@media(max-width:600px){
  .dealer-layout{grid-template-columns:1fr;gap:27px}.dealer-feature{padding:25px 25px 24px}.dealer-feature-top{font-size:13px}.dealer-feature-top svg{width:42px;height:42px}
  .dealer-feature h3{font-size:35px;line-height:1.4;margin-top:19px}.dealer-feature>p{font-size:16px;margin-top:18px}.dealer-label-note{gap:13px;margin-top:25px;padding-top:18px}.dealer-label-note>strong{font-size:14px}.dealer-label-note>span{font-size:13px}.dealer-feature>small{font-size:12px}
  .dealer-options article{grid-template-columns:23px 1fr;gap:16px;padding-block:23px}.dealer-options h3{font-size:21px}.dealer-options article p{font-size:16px}.dealer-action{padding-top:13px}.dealer-action .button{width:100%;font-size:17px}.dealer-action>p{font-size:13px}
  .factory-section{padding-block:60px 55px}.factory-heading{grid-template-columns:1fr;gap:20px;margin-bottom:27px}.factory-heading h2{font-size:28px;line-height:1.6}.factory-heading-copy{padding:0}.factory-heading-copy>p{font-size:16px}.factory-heading-copy>span{font-size:14px;letter-spacing:.3px;margin-top:14px}
  .factory-showcase{grid-template-columns:1fr;gap:26px}.factory-main-photo{min-height:265px}.factory-main-photo>figcaption{padding:30px 16px 13px;font-size:13px}.factory-main-photo>figcaption>span+span{font-size:12px}
  .factory-company-intro{grid-template-columns:1fr;gap:25px;margin-bottom:28px;padding:25px 0 26px}.factory-company-copy h3{font-size:25px;line-height:1.5;margin-top:11px}.factory-company-copy>p:last-child{font-size:15px;line-height:1.9;margin-top:12px}.factory-company-stats{gap:10px}.factory-company-stats>div{padding-left:11px}.factory-company-stats strong{font-size:28px}.factory-company-stats span{font-size:12px}
  .factory-experience{gap:17px;padding:7px 0 25px}.factory-years>span:first-child{font-size:106px;letter-spacing:-7px}.factory-years{gap:14px}.factory-years>span:last-child{font-size:18px}.factory-experience h3{font-size:17px}.factory-experience p{font-size:14px;line-height:1.85}
  .factory-detail-story{grid-template-columns:120px minmax(0,1fr);gap:20px;padding-top:25px}.factory-detail-story figure{min-height:180px}.factory-detail-story h3{font-size:20px}.factory-detail-story p{font-size:14px}.factory-small-label{font-size:12px}
  .factory-focus{grid-template-columns:1fr;gap:0;margin-top:30px;padding-top:0}.factory-focus article{padding:24px 0}.factory-focus article+article{border-left:0;border-top:1px solid #ffffff26;padding-left:0}.factory-focus h3{font-size:23px;margin:9px 0 7px}.factory-focus p{font-size:16px;max-width:none}
  .factory-process{margin-top:3px;padding-top:27px}.factory-process-heading{display:block}.factory-process-heading h3{font-size:24px}.factory-process-heading p{font-size:14px;margin-top:10px}
  .factory-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;margin-top:25px}.factory-steps h4{font-size:21px}.factory-steps p{font-size:14px}.factory-steps li:not(:last-child):after{display:none}
  .factory-contact{display:block;margin-top:26px;padding-top:24px}.factory-contact>p{font-size:16px}.factory-contact-button{width:100%;margin-top:18px;font-size:17px}
}
@media(max-width:370px){.dealer-feature{padding-inline:21px}.dealer-feature h3{font-size:32px}.dealer-label-note{gap:10px}.dealer-label-note>strong{font-size:13px}.factory-heading h2{font-size:26px}.factory-years>span:first-child{font-size:96px}.factory-experience h3{font-size:16px}.factory-experience p{font-size:13px}.factory-detail-story{grid-template-columns:105px minmax(0,1fr);gap:17px}.factory-detail-story h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* A material proof card bridges the component preview and the material choice guide. */
.material-proof{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:var(--column-gap);align-items:stretch;margin-top:58px;border-block:1px solid var(--line);background:#f4f6f2}
.material-proof-visual{position:relative;min-height:320px;background:#e8ece7;overflow:hidden}
.material-proof-visual img{width:100%;height:100%;object-fit:contain;padding:24px 70px;mix-blend-mode:multiply}
.material-proof-label{position:absolute;top:20px;left:24px;z-index:1;font-size:13px;letter-spacing:1px;color:var(--muted)}
.material-proof-visual figcaption{position:absolute;left:24px;right:24px;bottom:17px;padding-top:10px;border-top:1px solid #cbd5cd;font-size:13px;color:var(--muted)}
.material-proof-copy{align-self:center;padding:34px 38px 34px 0}
.material-proof-kicker{font:12px/1.4 Arial,sans-serif;letter-spacing:1.8px;color:var(--green);margin-bottom:16px}
.material-proof-copy h3{font-size:32px;line-height:1.4;font-weight:500;letter-spacing:-.8px;color:var(--ink)}
.material-proof-copy>p:not(.material-proof-kicker){max-width:510px;margin-top:13px;font-size:16px;line-height:1.9;color:var(--muted)}
.material-proof-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:27px;padding-top:18px;border-top:1px solid var(--line)}
.material-proof-points div{display:flex;flex-direction:column;gap:6px}.material-proof-points span{font-size:13px;color:var(--muted)}.material-proof-points strong{font-size:16px;font-weight:500;color:var(--ink)}
.material-proof-copy>small{display:block;margin-top:22px;font-size:13px;line-height:1.75;color:#778179}
@media(max-width:800px){.material-proof{grid-template-columns:1fr;gap:0;margin-top:39px}.material-proof-visual{min-height:300px}.material-proof-copy{padding:28px 25px 30px}.material-proof-copy h3{font-size:28px}.material-proof-points{gap:12px}.material-proof-points strong{font-size:15px}}
@media(max-width:600px){.material-proof-visual{min-height:270px}.material-proof-visual img{padding:26px 50px}.material-proof-label{left:20px;top:17px;font-size:12px}.material-proof-visual figcaption{left:20px;right:20px;bottom:14px}.material-proof-copy{padding:26px 21px 28px}.material-proof-kicker{font-size:11px;margin-bottom:12px}.material-proof-copy h3{font-size:26px}.material-proof-copy>p:not(.material-proof-kicker){font-size:15px;line-height:1.85}.material-proof-points{margin-top:22px;padding-top:15px;gap:9px}.material-proof-points span{font-size:12px}.material-proof-points strong{font-size:14px}.material-proof-copy>small{font-size:12px;margin-top:18px}}

/* Echo the homepage hierarchy: a short label, clear headline and useful buying detail. */
.products-section .product-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--column-gap);align-items:end}
.products-section .product-heading-copy{max-width:520px;font-size:18px;line-height:1.9;color:var(--muted)}
.products-section .product-heading-copy strong{display:block;font-size:18px;font-weight:500;color:var(--ink)}
.products-section .product-heading-copy span{display:block;margin-top:9px}
.products-section .product-heading h2 .product-title-line{display:grid;grid-template-columns:auto clamp(52px,6vw,78px) auto;align-items:center;column-gap:clamp(12px,1.25vw,16px);width:max-content;max-width:100%;white-space:nowrap}
.products-section .product-heading h2 .product-title-line i{display:block;border-top:1px solid #bfcac0;transform:translateY(2px)}
.products-section .product-heading h2 .product-title-line small{display:inline-block;font-size:clamp(18px,1.45vw,23px);font-weight:500;line-height:1.35;letter-spacing:-.5px;color:var(--green);transform:translateY(2px)}
@media(max-width:800px){.products-section .product-heading-copy{font-size:17px}.products-section .product-heading-copy strong{font-size:17px}}
@media(max-width:600px){.products-section .product-heading{grid-template-columns:minmax(0,1fr);gap:18px}.products-section .product-heading-copy{font-size:16px;line-height:1.9;margin-top:0}.products-section .product-heading-copy strong{font-size:16px}.products-section .product-heading h2 .product-title-line{display:inline-flex;align-items:baseline;gap:14px;white-space:normal;flex-wrap:wrap}.products-section .product-heading h2 .product-title-line i{display:none}.products-section .product-heading h2 .product-title-line small{font-size:20px}}

/* Shared display type for the main section titles. Each title has a quiet setup line and a clear green emphasis line. */
.section-heading h2,.inquiry-copy h2{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(40px,3.25vw,51px);font-weight:560;line-height:1.3;letter-spacing:-1.8px;color:#202b28;text-wrap:balance}
.section-heading h2 span,.inquiry-copy h2 span{color:var(--green)}
.section-heading .section-kicker{font-weight:600;letter-spacing:.7px;color:#315b4b}
.section-heading .section-kicker>span{font-weight:500;color:#7b847e}
.factory-heading h2{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(39px,3.2vw,50px);font-weight:500;line-height:1.35;letter-spacing:-1.7px;color:#f3f4ed;text-wrap:balance}
.factory-heading h2 span{color:#cfe2d2}
.factory-heading .section-kicker{font-weight:600;letter-spacing:.7px}
@media(max-width:800px){.section-heading h2,.inquiry-copy h2{font-size:clamp(32px,6.5vw,42px);line-height:1.38;letter-spacing:-1.2px}.factory-heading h2{font-size:clamp(31px,6.2vw,40px);line-height:1.42;letter-spacing:-1.2px}}
@media(max-width:600px){.section-heading h2,.inquiry-copy h2{font-size:clamp(29px,8.5vw,38px);line-height:1.43;letter-spacing:-1px}.factory-heading h2{font-size:clamp(28px,8vw,36px);line-height:1.48;letter-spacing:-1px}}

/* Material choices are always visible: make the heading and three options read as one comparison panel. */
.material-guide{margin-top:48px;border-block:1px solid #ccd7ce;background:#eef2ed;padding:0 30px 30px}
.material-guide-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);column-gap:35px;align-items:end;padding:29px 0 25px;border-bottom:1px solid #cdd8cf}
.material-guide-kicker{grid-column:1/-1;font:12px/1.4 Arial,sans-serif;letter-spacing:1.8px;color:var(--green);margin-bottom:10px}
.material-guide-heading h3{font-size:32px;line-height:1.34;letter-spacing:-.8px;font-weight:520;color:var(--ink)}
.material-guide-heading h3 span{color:var(--green)}
.material-guide-heading>p:last-child{font-size:16px;line-height:1.8;color:var(--muted);padding-bottom:2px}
.material-guide .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:25px 0 0}
.material-guide .guide-grid article{padding:10px 28px 14px 0}
.material-guide .guide-grid article+article{border-left:1px solid #cbd6cd;padding-left:28px}
.material-guide .material-number{color:var(--green);font-size:33px}
.material-guide .guide-grid h4{font-size:18px;font-weight:500;margin:16px 0 8px;color:var(--ink)}
.material-guide .guide-grid p{font-size:15px;line-height:1.9;color:var(--muted)}
.material-guide .guide-note{grid-column:1/-1;padding-top:18px;margin-top:14px;border-top:1px solid #cbd6cd;font-size:13px!important;color:#778179!important}
@media(max-width:800px){.material-guide{padding-inline:24px}.material-guide-heading{grid-template-columns:1fr;gap:7px;padding-block:25px 22px}.material-guide-heading h3{font-size:28px}.material-guide-heading>p:last-child{font-size:15px;margin-top:5px}.material-guide .guide-grid{grid-template-columns:1fr;gap:0;padding-top:14px}.material-guide .guide-grid article{padding:21px 0}.material-guide .guide-grid article+article{border-left:0;border-top:1px solid #cbd6cd;padding-left:0}.material-guide .guide-grid h4{font-size:18px;margin-top:12px}.material-guide .guide-note{padding-top:17px;margin-top:4px}}
@media(max-width:600px){.material-guide{margin-top:31px;padding-inline:20px}.material-guide-kicker{font-size:11px;margin-bottom:7px}.material-guide-heading{padding-block:22px 19px}.material-guide-heading h3{font-size:25px;line-height:1.45}.material-guide-heading>p:last-child{font-size:14px;line-height:1.8}.material-guide .material-number{font-size:30px}.material-guide .guide-grid p{font-size:15px;line-height:1.85}.material-guide .guide-note{font-size:13px!important;line-height:1.75}}

/* Product presentation stays clean while the final 3D model is still being prepared. */
.stage-shadow{display:none!important}
#viewer-reference{filter:none!important}

/* Keep the supplied horizontal mark in its original proportions. */
.brand-mark-reference{width:88px;height:auto;aspect-ratio:612/298;flex-shrink:0}
.header-inquiry{background:#c7d8cd;border-color:#adc5b5;color:#294b3e;font-weight:600;transition:background .2s,border-color .2s,color .2s}
.header-inquiry:hover,.header-inquiry:focus-visible{background:var(--green);border-color:var(--green);color:#fff}
.header-inquiry:active{background:#214c3e;border-color:#214c3e;color:#fff}
@media(max-width:1150px) and (min-width:801px){.header-inner{gap:20px}.site-header nav{gap:20px}}
@media(min-width:801px) and (max-width:1000px){
  .header-inquiry{margin-left:auto;white-space:nowrap;flex-shrink:0}
  .site-header nav{display:none;position:absolute;left:0;right:0;top:100%;padding:12px 5% 20px;border-bottom:1px solid var(--line);background:var(--paper);margin:0}
  .site-header nav.open{display:flex;flex-direction:column;gap:0}
  .site-header nav a{min-height:51px;font-size:17px}
  .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:36px;height:48px;padding:0;flex-shrink:0}
  .menu-toggle span{width:23px;height:1px;background:var(--ink)}
}
@media(max-width:800px){.brand-mark-reference{width:76px;height:auto}}
@media(max-width:600px){.brand-mark-reference{width:66px;height:auto}.header-inner{gap:12px}.header-inquiry{white-space:nowrap;flex-shrink:0;padding-inline:10px;gap:0}.header-inquiry>span{display:none}}
@media(max-width:370px){.brand-mark-reference{width:56px;height:auto}.brand small{display:none}.header-inner{gap:11px}}

/* Keep the pending Taobao link aligned with the other navigation labels. */
.site-header nav .store-link[aria-disabled="true"]{color:inherit}

/* Match the Taobao entry to the other navigation links in both states. */
.site-header nav .store-link,.site-header nav .store-link[aria-disabled="true"]{color:inherit}
.site-header nav .store-link:hover,.site-header nav .store-link[aria-disabled="true"]:hover{color:var(--green)}

/* Keep the expanded navigation on one line after adding the home entry. */
.site-header nav{gap:24px}
.site-header nav a{white-space:nowrap}
@media(max-width:1150px){.site-header nav{gap:20px}}
@media(max-width:800px){.site-header nav{gap:0}}

/* Product series redesign: one editorial selection board instead of two
   competing cards. The copy and hover/click behavior stay unchanged. */
.products-section{
  background:#f7f8f4;
  padding-block:104px 120px;
}
.products-section .wrap{
  width:min(90%,1320px);
  max-width:1320px;
}
.products-section .product-heading{
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);
  gap:clamp(52px,7vw,108px);
  align-items:end;
  margin-bottom:48px;
}
.products-section .section-kicker{
  margin-bottom:23px;
  font-size:15px;
  letter-spacing:.08em;
}
.products-section .section-kicker>span{
  font-size:13px;
  letter-spacing:.16em;
}
.products-section .product-heading h2{
  font-size:clamp(52px,4.75vw,72px);
  line-height:1.12;
  letter-spacing:-2.3px;
  font-weight:560;
}
.products-section .product-heading h2 .product-title-line{
  display:flex;
  align-items:baseline;
  gap:clamp(15px,1.6vw,24px);
  width:auto;
  max-width:100%;
  white-space:nowrap;
}
.products-section .product-heading h2 .product-title-line i{
  flex:0 1 clamp(42px,5vw,72px);
  min-width:34px;
  border-top:1px solid #aebdb2;
  transform:translateY(-.12em);
}
.products-section .product-heading h2 .product-title-line small{
  flex:0 0 auto;
  font-size:clamp(18px,1.45vw,22px);
  line-height:1.45;
  letter-spacing:.01em;
  color:var(--green);
  transform:none;
}
.products-section .product-heading-copy{
  max-width:410px;
  padding:4px 0 8px 26px;
  border-left:2px solid #b6c6ba;
  font-size:17px;
  line-height:1.85;
  color:var(--muted);
}
.products-section .product-heading-copy strong{
  font-size:19px;
  line-height:1.65;
  font-weight:560;
  letter-spacing:.01em;
  color:var(--ink);
}
.products-section .product-heading-copy span{margin-top:7px}

.products-section{
  --collection-ease:cubic-bezier(.4,0,.2,1);
  --collection-feedback:280ms;
  --collection-crossfade:360ms;
}
.products-section .collection-layout{
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:clamp(38px,4.4vw,68px);
  align-items:stretch;
}
.products-section .collection-image{
  min-height:640px;
  isolation:isolate;
  transition:color var(--collection-crossfade) var(--collection-ease);
}
.products-section .collection-image,
.products-section .collection-image[data-preview="combination"]{
  background:linear-gradient(145deg,#e4ebe5 0%,#edf1ed 62%,#e0e8e1 100%);
}
.products-section .collection-image::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:#151918;
  opacity:0;
  pointer-events:none;
  transition:opacity var(--collection-crossfade) var(--collection-ease);
}
.products-section .collection-image[data-preview="combination"]::before{opacity:1}
.products-section .collection-preview-heading,
.products-section .collection-preview-heading strong,
.products-section .collection-preview-heading span{
  transition:color var(--collection-crossfade) var(--collection-ease);
}
.products-section .collection-photo{
  transition:opacity var(--collection-crossfade) var(--collection-ease),visibility 0s linear var(--collection-crossfade);
}
.products-section .collection-photo.is-active{
  transition-delay:0s;
}
.products-section .collection-image[data-preview="combination"] .collection-preview-heading,
.products-section .collection-image[data-preview="combination"] figcaption{
  color:#bfc9c1;
}
.products-section .collection-image[data-preview="combination"] figcaption{
  border-color:#ffffff30;
}
.products-section .collection-image[data-preview="combination"] figcaption strong,
.products-section .collection-image[data-preview="combination"] .preview-detail{
  color:#f3f4ed;
}
.products-section .collection-preview-heading{
  padding:24px 30px 0;
  color:#66736c;
}
.products-section .collection-preview-heading .image-eyebrow{
  font-size:13px;
  letter-spacing:.12em;
}
.products-section #collection-index{
  font-size:13px;
  letter-spacing:.16em;
  color:#65746b;
}
.products-section .collection-visual{
  min-height:440px;
  margin:18px 38px 0;
}
.products-section .collection-image figcaption{
  margin:18px 30px 0;
  padding:19px 0 24px;
  min-height:100px;
  border-top:1px solid #c1cec4;
}
.products-section .collection-image figcaption strong{
  font-size:25px;
  line-height:1.35;
  font-weight:560;
  letter-spacing:-.03em;
}
.products-section .collection-image figcaption strong+span{
  margin-top:5px;
  font-size:15px;
  color:#65726b;
}
.products-section .preview-detail{
  gap:10px;
  min-height:40px;
  font-size:15px;
  font-weight:560;
  color:var(--green);
}
.products-section .preview-detail>span{
  width:auto;
  height:auto;
  border:0;
  border-radius:0;
  font-size:25px;
  line-height:1;
  transition:transform .2s;
}
.products-section .preview-detail:hover>span{background:transparent;color:inherit;transform:translate(3px,-3px)}

.products-section .collection-list{
  min-height:640px;
  padding:0 28px 12px;
  background:linear-gradient(180deg,#eef3ee 0%,#f1f4ef 100%);
}
.products-section .collection-list .collection-directory-heading{
  padding:17px 0 17px;
  margin:0;
  border-bottom:1px solid #b8c7bc;
  font-size:22px;
  line-height:1.4;
  letter-spacing:-.03em;
  color:var(--ink);
}
.products-section .directory-instruction{
  font-size:13px;
  font-weight:500;
  letter-spacing:.02em;
  color:#6b7871;
}
.products-section .collection-item{
  grid-template-columns:94px minmax(0,1fr) 24px;
  gap:20px;
  min-height:126px;
  width:calc(100% + 32px);
  margin-inline:-16px;
  padding:18px 16px;
  border-top:0;
  border-bottom:1px solid #d0d9d1;
  transition:background-color var(--collection-feedback) var(--collection-ease),color var(--collection-feedback) var(--collection-ease);
}
.products-section .collection-item:before{
  left:0;
  top:14px;
  bottom:14px;
  width:4px;
  background:#c7decf;
  transition:opacity var(--collection-feedback) var(--collection-ease);
}
.products-section .collection-item.is-active{
  margin-inline:-16px;
  padding-inline:16px;
  background:var(--green);
  color:#fff;
}
.products-section .item-thumbnail{
  width:94px;
  height:86px;
  padding:5px;
  border:0;
  background:#e8eee8;
}
.products-section .collection-item[data-product="combination"] .item-thumbnail{background:#171b18}
.products-section .collection-item strong{
  font-size:24px;
  line-height:1.35;
  font-weight:560;
  letter-spacing:-.03em;
}
.products-section .collection-item strong+span{
  margin-top:6px;
  font-size:15px;
  line-height:1.55;
  color:#68756e;
}
.products-section .item-number{
  margin-bottom:5px;
  font-size:13px;
  letter-spacing:.09em;
  color:#78847d;
}
.products-section .item-arrow,
.products-section .collection-item.is-active .item-arrow{
  width:auto;
  height:auto;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--green);
  font-size:25px;
  line-height:1;
  transition:transform var(--collection-feedback) var(--collection-ease),color var(--collection-feedback) var(--collection-ease);
}
.products-section .collection-item strong,
.products-section .collection-item strong+span,
.products-section .collection-item .item-number{
  transition:color var(--collection-feedback) var(--collection-ease);
}
.products-section .collection-item .item-thumbnail img{
  transition:transform var(--collection-feedback) var(--collection-ease);
}
.products-section .collection-item:hover .item-arrow,
.products-section .collection-item.is-active:hover .item-arrow{background:transparent;color:var(--green);transform:translate(3px,-3px)}
/* A clear, high-contrast highlight follows the product being previewed. */
.products-section .collection-item.is-active:before{background:#c7decf;width:4px}
.products-section .collection-item.is-active strong{color:#fff}
.products-section .collection-item.is-active strong+span{color:#e4eee7}
.products-section .collection-item.is-active .item-number{color:#d1e2d7}
.products-section .collection-item.is-active .item-arrow,
.products-section .collection-item.is-active:hover .item-arrow{color:#fff;background:transparent}
.products-section .collection-help{
  padding:22px 0 9px;
  border-top:0;
}
.products-section .collection-help-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:48px;
  padding:10px 0;
  border:0;
  border-bottom:1px solid transparent;
  background:transparent;
  font-size:16px;
  font-weight:560;
  line-height:1.5;
  color:var(--green);
  transition:border-color .2s,color .2s;
}
.products-section .collection-help-link::after{
  content:"↗";
  flex:0 0 auto;
  width:24px;
  margin-left:18px;
  font-size:24px;
  font-weight:400;
  line-height:1;
  transition:transform .2s;
}
.products-section .collection-help-link:hover,
.products-section .collection-help-link:focus-visible{
  border-bottom-color:var(--green);
  color:var(--green);
  text-decoration:none;
}
.products-section .collection-help-link:hover::after,
.products-section .collection-help-link:focus-visible::after{
  transform:translate(3px,-3px);
}

@media(min-width:1600px){
  .products-section .collection-image,.products-section .collection-list{min-height:680px}
  .products-section .collection-visual{min-height:475px}
  .products-section .collection-item{grid-template-columns:110px minmax(0,1fr) 26px;min-height:134px}
  .products-section .item-thumbnail{width:110px;height:98px}
  .products-section .collection-item strong{font-size:27px}
}
@media(max-width:1000px) and (min-width:801px){
  .products-section{padding-block:90px 100px}
  .products-section .product-heading{gap:42px;margin-bottom:40px}
  .products-section .product-heading h2{font-size:clamp(45px,5vw,60px)}
  .products-section .collection-layout{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:28px}
  .products-section .collection-image,.products-section .collection-list{min-height:580px}
  .products-section .collection-visual{min-height:375px;margin-inline:20px}
  .products-section .collection-list{padding-inline:18px}
  .products-section .collection-item{grid-template-columns:76px minmax(0,1fr) 20px;gap:14px;min-height:113px;padding-block:14px}
  .products-section .item-thumbnail{width:76px;height:78px}
  .products-section .collection-item strong{font-size:21px}
  .products-section .collection-item strong+span{font-size:14px}
}
@media(max-width:800px){
  .products-section{padding-block:78px 88px}
  .products-section .wrap{width:90%}
  .products-section .product-heading{grid-template-columns:1fr;gap:19px;margin-bottom:32px}
  .products-section .product-heading h2{font-size:clamp(43px,8vw,58px);line-height:1.16}
  .products-section .product-heading-copy{max-width:520px;padding:0 0 0 18px;font-size:16px}
  .products-section .product-heading-copy strong{font-size:18px}
  .products-section .collection-layout{grid-template-columns:1fr;gap:28px}
  .products-section .collection-image{min-height:520px}
  .products-section .collection-list{min-height:0;padding-inline:20px}
}
@media(max-width:600px){
  .products-section{padding-block:62px 72px}
  .products-section .product-heading{gap:14px;margin-bottom:27px}
  .products-section .section-kicker{margin-bottom:16px;font-size:14px}
  .products-section .product-heading h2{font-size:clamp(37px,10.5vw,52px);line-height:1.18;letter-spacing:-1.5px}
  .products-section .product-heading h2 .product-title-line{gap:12px;flex-wrap:wrap;white-space:normal}
  .products-section .product-heading h2 .product-title-line i{display:none}
  .products-section .product-heading h2 .product-title-line small{font-size:18px}
  .products-section .product-heading-copy{font-size:15px;line-height:1.8}
  .products-section .product-heading-copy strong{font-size:17px}
  .products-section .collection-image{min-height:440px}
  .products-section .collection-preview-heading{padding-inline:22px}
  .products-section .collection-visual{min-height:285px;margin:12px 18px 0}
  .products-section .collection-image figcaption{margin:13px 22px 0;padding:15px 0 18px;min-height:91px}
  .products-section .collection-image figcaption strong{font-size:22px}
  .products-section .collection-image figcaption strong+span{font-size:14px}
  .products-section .collection-list{padding-inline:16px}
  .products-section .collection-list .collection-directory-heading{padding-block:15px;font-size:19px}
  .products-section .directory-instruction{font-size:0}
  .products-section .directory-instruction:after{content:"点击产品，查看介绍";font-size:13px}
  .products-section .collection-item{grid-template-columns:78px minmax(0,1fr) 20px;gap:15px;min-height:112px;padding-block:14px;width:calc(100% + 20px);margin-inline:-10px;padding-inline:10px}
  .products-section .collection-item.is-active{margin-inline:-10px;padding-inline:10px}
  .products-section .item-thumbnail{width:78px;height:83px}
  .products-section .collection-item strong{font-size:21px}
  .products-section .collection-item strong+span{font-size:14px}
  .products-section .item-number{font-size:12px}
  .products-section .collection-help{padding-top:19px}
  .products-section .collection-help-link{min-height:48px;font-size:15px;padding-inline:0}
}

/* Accessibility pass: lift the small supporting type one step for easier reading. */
.eyebrow{font-size:16px}
.brand strong>span{font-size:14px}
.brand small{font-size:14px}
.micro,.rotation-hint,.model-note{font-size:14px}
.hero-bottom{font-size:15px}
.section-kicker{font-size:16px}
.section-kicker>span{font-size:14px}
.image-eyebrow,.collection-image figcaption,.item-number,.collection-item strong+span,.collection-help p{font-size:15px}
.material-guide-kicker,.material-proof-kicker{font-size:14px}
.material-proof-label,.material-proof-visual figcaption,.material-proof-points span,.material-proof-copy>small{font-size:14px}
.material-rows dt>span{font-size:14px}
.guide-note,.material-guide .guide-note{font-size:14px!important}
.factory-topics span,.factory-company-kicker,.factory-small-label{font-size:15px}
.inquiry-note p,.form-note,.footer-main>p,.footer-bottom{font-size:15px}
.dialog .section-kicker,.dialog .dialog-note{font-size:14px}

/* Put the product, factory identity and two next steps in one compact opening. */
.hero-watermark{display:none}
.hero--procurement{border-bottom:1px solid var(--line);overflow-x:clip}
.hero--procurement .hero-grid{padding-block:26px 0;align-items:center;grid-template-rows:auto auto}
.hero--procurement .hero-copy{grid-column:1;grid-row:1;align-self:end;min-width:0;max-width:520px;padding:0}
.hero--procurement .hero-stage{grid-column:2;grid-row:1 / span 2}
.hero--procurement .eyebrow{font-size:16px;letter-spacing:.5px}
.hero--procurement h1{font-size:clamp(52px,4.7vw,70px);line-height:1.28;letter-spacing:-2.4px;font-weight:650;margin:25px 0 22px}
.hero--procurement .hero-description{font-size:18px;line-height:1.9;max-width:490px}
.hero-description>strong{display:block;font-size:18px;font-weight:500;color:var(--ink)}
.hero-description>span{display:block;margin-top:9px}
.hero--procurement .hero-actions{margin-top:27px;gap:25px;flex-wrap:wrap}
.hero--procurement .hero-actions .button{min-height:58px;font-size:17px;padding-inline:23px;gap:28px}
.hero--procurement .hero-actions .text-link{font-size:17px;gap:14px}
.hero-reassurance{position:relative;z-index:2;grid-column:1;grid-row:2;align-self:start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:490px;margin-block:31px 28px;padding-top:20px;border-top:1px solid #bdccc1}
.hero-reassurance-item{display:flex;flex-direction:column;gap:5px;min-width:0;padding-right:17px}
.hero-reassurance-item+.hero-reassurance-item{border-left:1px solid #c6d2c9;padding-left:22px;padding-right:0}
.hero-reassurance-title{display:flex;align-items:center;gap:12px;color:var(--green);font-size:18px;font-weight:600;line-height:1.6}
.hero-reassurance-description{color:var(--muted);font-size:15px;line-height:1.8}
.hero-reassurance-description>span{display:inline-block}
.hero--procurement .stage-caption{bottom:27px}
.hero-factory-linework{position:absolute;z-index:0;left:50%;top:-26px;bottom:auto;width:calc(100% + 96px);height:calc(100% + 11px);max-width:none;object-fit:cover;object-position:center;opacity:.78;pointer-events:none;user-select:none;filter:contrast(.88) saturate(.65);transform:translateX(-50%);transform-origin:center bottom;-webkit-mask-image:radial-gradient(ellipse 78% 88% at 50% 46%,#000 42%,#000b 64%,transparent 100%);mask-image:radial-gradient(ellipse 78% 88% at 50% 46%,#000 42%,#000b 64%,transparent 100%)}
.hero--procurement .viewer-display{z-index:1;background:transparent}
.hero--procurement .stage-caption{z-index:4}
.products-section{padding-top:66px}
@media(min-width:1600px){
  .hero--procurement .hero-grid{padding-block:30px 0}
}
@media(min-width:801px) and (max-width:1150px){
  .hero--procurement h1{font-size:clamp(42px,5vw,56px);letter-spacing:-1.8px;margin-block:22px 19px}
  .hero--procurement .hero-description,.hero-description>strong{font-size:17px}
  .hero--procurement .hero-actions{gap:13px 20px;margin-top:22px}
  .hero--procurement .hero-actions .button{font-size:16px;padding-inline:18px;gap:17px}
  .hero--procurement .hero-actions .text-link{font-size:16px;gap:10px}
  .hero-reassurance{margin-top:25px;padding-top:17px}
  .hero-reassurance-item{padding-right:12px}
  .hero-reassurance-item+.hero-reassurance-item{padding-left:15px}
  .hero-reassurance-title{font-size:17px;gap:7px}
}
@media(max-width:800px){
  .hero--procurement .hero-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:12px;padding-block:32px 0;min-height:0}
  .hero--procurement .hero-copy{grid-column:auto;grid-row:auto;max-width:600px;padding:0}
  .hero--procurement h1{font-size:clamp(38px,7.2vw,56px);letter-spacing:-1.4px;margin-block:21px 19px;line-height:1.28}
  .hero--procurement .hero-description{font-size:17px;max-width:520px}
  .hero-description>strong{font-size:17px}
  .hero--procurement .hero-actions{margin-top:24px;gap:18px 25px}
  .hero-reassurance{grid-column:auto;grid-row:auto;width:100%;max-width:520px;margin-block:0 26px;padding-top:17px}
  .hero--procurement .hero-stage{grid-column:auto;grid-row:auto;width:100%;max-width:570px;height:530px;margin:0;justify-self:center;align-self:center}
  .hero--procurement .viewer-display{inset:12px 0 80px;width:auto;height:auto;aspect-ratio:auto;transform:none}
  .hero--procurement .stage-caption{left:0;right:0;bottom:25px;align-items:center}
  .hero--procurement .rotation-hint{max-width:none;white-space:nowrap}
  .hero-factory-linework{top:0;bottom:auto;width:100%;height:calc(100% - 25px);opacity:.64;transform:translateX(-50%)}
  .products-section{padding-top:55px}
}
@media(max-width:600px){
  .hero--procurement .hero-grid{padding-top:29px;gap:8px}
  .hero--procurement .hero-stage{max-width:470px;height:478px}
  .hero--procurement .hero-actions{gap:16px}
  .hero--procurement .hero-actions .button{font-size:16px;min-height:54px;padding-inline:16px;gap:15px}
  .hero--procurement .hero-actions .text-link{font-size:16px;gap:8px}
  .hero-reassurance-item{padding-right:12px}
  .hero-reassurance-item+.hero-reassurance-item{padding-left:15px}
  .hero-reassurance-title{font-size:17px;gap:7px}
  .hero-reassurance-description{font-size:15px}
}
@media(max-width:370px){
  .hero--procurement .hero-stage{height:447px}
  .hero--procurement .hero-actions{gap:12px}
  .hero--procurement .hero-actions .button{padding-inline:13px;gap:10px}
}

@media(min-width:801px){
  /* Keep the poster and WebGL viewport at the same aspect ratio. The
     available height stays tied to the caption, while the display is
     centered instead of being stretched to the full stage width. */
  .viewer-display{
    top:12px;
    bottom:80px;
    left:50%;
    right:auto;
    width:auto;
    height:calc(100% - 92px);
    aspect-ratio:1600 / 1380;
    transform:translateX(-50%);
  }
}

/* Make the product label part of the model window, rather than a detached
   note underneath it.  The narrow accent is intentionally quiet so the
   stainless-steel model remains the visual focus. */
@media(min-width:801px){
  .hero--procurement .stage-caption{
    left:-40px;
    right:-40px;
    top:18px;
    bottom:auto;
    padding:0;
    border-top:0;
    align-items:flex-start;
  }
  .hero--procurement .stage-caption>div{
    border-left:2px solid var(--green);
    padding-left:14px;
  }
  .hero--procurement .stage-caption .rotation-hint{margin-top:5px}
}

/* Bring the pedestal closer to its caption rule and give that rule a firmer weight. */
.stage-caption{border-top-width:2px}

/* Extend the caption rule to the same edges as the enlarged factory backdrop. */
@media(min-width:801px){
  /* Keep the product label visually attached to the 3D viewport.  The
     factory linework may extend beyond the model, but its caption should
     follow the exact left and right edges of the model canvas. */
  .hero--procurement .stage-caption{left:0;right:0;padding-left:0;padding-right:0;border-top:2px solid #c9d4cc;position:absolute}
  .hero--procurement .stage-caption::before{display:none}
}

/* The label is now inside the upper edge of the model window. Reclaim the
   unused lower band so the 3D view fills the hero more evenly and its base
   sits close to the hero baseline. */
@media(min-width:801px){
  .hero--procurement .viewer-display{
    top:8px;
    bottom:15px;
    height:calc(100% - 23px);
  }
}

/* Give the product label a clear heading hierarchy beneath the model. */
.hero--procurement .stage-caption .micro{display:block;font-size:20px;line-height:1.35;letter-spacing:.02em;color:var(--green);font-weight:600}
.hero--procurement .stage-caption strong{font-size:15px;line-height:1.5;color:var(--muted);font-weight:400;margin-top:4px}

/* Match the enlarged viewport's exact horizontal bounds after the legacy
   caption rules above are applied. */
@media(min-width:801px){
  .hero--procurement .stage-caption{left:-40px;right:-40px;padding-left:0;padding-right:0;border-top:0}
}

/* Stronger, clearer controls for the enlarged product viewport.  A quiet
   translucent backing keeps both labels legible over the linework without
   turning them into a heavy card or competing with the model. */
@media(min-width:801px){
  .hero--procurement .stage-caption>div{
    display:flex;
    align-items:baseline;
    gap:16px;
    min-height:48px;
    padding:7px 18px 8px 15px;
    border-left:3px solid var(--green);
    background:transparent;
    box-shadow:none;
  }
  .hero--procurement .stage-caption .micro{
    font-size:14px;
    line-height:1.4;
    letter-spacing:.12em;
    color:var(--green);
    font-weight:700;
    white-space:nowrap;
  }
  .hero--procurement .stage-caption strong{
    margin:0;
    font-size:22px;
    line-height:1.4;
    letter-spacing:.02em;
    color:var(--ink);
    font-weight:650;
    white-space:nowrap;
  }
  .hero--procurement .stage-caption .rotation-hint{
    min-height:43px;
    margin-top:0;
    padding:7px 0 8px;
    gap:9px;
    border:0;
    background:transparent;
    box-shadow:none;
    color:var(--green);
    font-size:15px;
    line-height:1.5;
    font-weight:600;
  }
  .hero--procurement .stage-caption .rotation-hint svg{width:31px;height:23px}
}
.brand-hotline{font-size:16px!important}

@media(min-width:1151px){
  .header-inner{gap:24px}
  .brand strong{gap:14px}
  .brand-hotline{font:600 16px/1.35 "PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;letter-spacing:.1px;padding:5px 10px 5px 15px;border-left:2px solid #a5b9aa;background:#e3ebe5;border-radius:2px}
  .site-header nav{gap:22px;font-size:15px}
  .header-inquiry{gap:14px;padding-inline:15px;white-space:nowrap;flex-shrink:0}
}

/* Keep the hotline prominent through type hierarchy, without adding a color block. */
@media(min-width:1151px){
  .brand-hotline{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:0;font:inherit!important;line-height:1.1;letter-spacing:0;padding:2px 0 2px 15px;border-left:2px solid #a5b9aa;background:transparent;border-radius:0}
  .hotline-label{font-size:12px;line-height:1.2;font-weight:500;letter-spacing:.08em;color:var(--muted);white-space:nowrap}
  .hotline-main{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
  .hotline-number{font-size:16px;line-height:1.2;font-weight:650;letter-spacing:.25px;color:var(--green)}
  .hotline-main em{font-size:11px;line-height:1.2;font-style:normal;font-weight:500;color:var(--muted)}
}

/* Internal poster capture uses the full model frame. Keep the same camera
   aspect as the live viewer instead of inheriting the desktop centering rule. */
@media(min-width:801px){
  body.poster-capture .viewer-display{
    top:0;left:0;right:auto;bottom:auto;width:1600px;height:1380px;
    aspect-ratio:auto;transform:none;
  }
  body.poster-capture-hires .viewer-display{
    width:3200px;height:2760px;
  }
}

/* Keep the selection layout unchanged. Enlarge the square reference inside
   its existing preview window so the complete product board stays visible. */
@media(min-width:1001px){
  .products-section .collection-visual{
    min-height:0;
    height:auto;
    aspect-ratio:1 / 1;
    flex:0 0 auto;
    margin-inline:0;
  }
  .products-section .collection-photo[data-preview-key="pedestal"]{
    padding:0;
    object-fit:contain;
  }
}

/* Reduce the directory type one step so product names support the section
   title instead of competing with it. Keep the touch targets unchanged. */
@media(min-width:1001px){
  .products-section .collection-list .collection-directory-heading{font-size:20px}
  .products-section .collection-item strong{font-size:21px}
  .products-section .collection-item strong+span{font-size:14px}
}
@media(max-width:1000px) and (min-width:601px){
  .products-section .collection-list .collection-directory-heading{font-size:19px}
  .products-section .collection-item strong{font-size:20px}
}
@media(max-width:600px){
  .products-section .collection-list .collection-directory-heading{font-size:18px}
  .products-section .collection-item strong{font-size:19px}
  .products-section .collection-item strong+span{font-size:14px}
}

/* Align the product board with the site's main content rail. Give the
   reference image the extra width while keeping the series directory easy
   to scan on desktop screens. */
@media(min-width:1001px){
  .products-section .wrap{
    /* The linework around the 3D viewer extends 48px beyond the header rail.
       Keep the left edge on the same rail and follow that background's right
       edge so the product board feels connected to the hero above it. */
    width:calc(min(88%,1280px) + clamp(36px,3.8vw,48px));
    max-width:1328px;
    margin-left:max(6%,calc((100% - 1280px) / 2));
    margin-right:0;
  }
  .products-section .collection-layout{
    grid-template-columns:minmax(0,1.4fr) minmax(310px,.6fr);
    gap:clamp(32px,3.2vw,48px);
  }
  .products-section .collection-list{
    align-self:start;
    min-height:0;
    height:auto;
    padding:0 18px 16px;
    display:flex;
    flex-direction:column;
  }
  .products-section .collection-list .collection-directory-heading{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:12px;
    padding:14px 0 12px;
    font-size:18px;
  }
  .products-section .directory-instruction{
    font-size:12px;
    white-space:nowrap;
  }
  .products-section .collection-item{
    flex:0 0 auto;
    grid-template-columns:68px minmax(0,1fr) 20px;
    gap:12px;
    min-height:104px;
    padding-block:13px;
    width:calc(100% + 16px);
    margin-inline:-8px;
    padding-inline:8px;
  }
  .products-section .collection-item.is-active{
    margin-inline:-8px;
    padding-inline:8px;
  }
  .products-section .item-thumbnail{
    width:68px;
    height:68px;
    padding:3px;
  }
  .products-section .collection-item strong{
    font-size:19px;
    line-height:1.35;
  }
  .products-section .collection-item strong+span{
    margin-top:3px;
    font-size:13px;
    line-height:1.5;
  }
  .products-section .item-number{
    margin-bottom:3px;
    font-size:11px;
  }
  .products-section .item-arrow{
    font-size:22px;
  }
  .products-section .collection-help{
    margin-top:10px;
    padding-top:14px;
    padding-bottom:3px;
  }
  .products-section .collection-help-link{
    min-height:44px;
    font-size:14px;
  }
}

/* Final preview-heading override: keep the product identity beside the
   reference title above the image, with no bottom detail row. */
.products-section .collection-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;box-sizing:border-box;padding:18px 26px}
.products-section .preview-heading-copy{display:flex;align-items:center;gap:20px;min-width:0}
.products-section .preview-heading-copy .image-eyebrow{position:static;flex:0 0 auto;font-size:15px;line-height:1.4;letter-spacing:.06em}
.products-section .preview-heading-product{display:flex;align-items:baseline;min-width:0}
.products-section .preview-heading-product strong{font-size:22px;line-height:1.3;font-weight:650;color:var(--ink);white-space:nowrap;letter-spacing:-.02em}
.products-section #collection-index{font-size:15px;line-height:1.4;letter-spacing:.1em;white-space:nowrap;color:inherit}
.products-section .collection-visual{margin-top:0}
.products-section .collection-image figcaption,.products-section .preview-detail{display:none}
@media(max-width:600px){
  .products-section .collection-preview-heading{align-items:center;min-height:64px;padding:15px 20px}
  .products-section .preview-heading-copy{gap:4px 13px;flex-wrap:wrap}
  .products-section .preview-heading-copy .image-eyebrow{font-size:14px;letter-spacing:.03em}
  .products-section .preview-heading-product strong{font-size:18px}
  .products-section #collection-index{font-size:14px}
}
.products-section .collection-image[data-preview="combination"] .preview-heading-product strong{color:#f3f4ed}