:root{--paper:#fff;--ink:#172326;--muted:#445256;--field:#edf0ef;--deep:#18292c;--accent:#f6c52d;--soft:#dce3e1;--gap:clamp(20px,3vw,48px);--small:16px;--body:18px;--sub:26px;--heading:clamp(32px,3.4vw,48px);--display:clamp(38px,4.9vw,70px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:var(--body);line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer;border:0}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{font-weight:700;line-height:1.2;letter-spacing:-.035em}h1{font-size:var(--display)}h2{font-size:var(--heading)}h3{font-size:var(--sub)}p{margin-top:24px}ul{padding-left:22px}a,button{transition:transform .2s ease,opacity .2s ease}a:hover,button:hover{opacity:.82}button:active,.btn:active{transform:translateY(2px)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}input:focus-visible,textarea:focus-visible{outline:3px solid var(--ink)}.wrap{width:calc(100% - var(--gap)*2);max-width:1600px;margin-inline:auto}.skip{position:fixed;left:16px;top:-100px;background:var(--accent);color:var(--ink);padding:16px;z-index:100}.skip:focus{top:16px}.header{background:var(--paper);position:relative;z-index:10}.nav-row{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:16px;flex-shrink:0;font-size:var(--body);font-weight:700}.brand img{width:100px;height:54px;object-fit:contain}#navigation{display:flex;align-items:center;gap:28px;font-size:var(--small);font-weight:700}.nav-cta,.btn{background:var(--accent);color:var(--ink);padding:16px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:56px;font-weight:700;font-size:var(--small)}.menu-toggle{display:none;background:var(--field);padding:12px}.btn.secondary{background:var(--field);color:var(--ink)}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}.text-link{display:inline-block;font-weight:700;font-size:var(--body);padding-block:12px}.text-link+.text-link{margin-left:24px}.factory-hero{display:grid;grid-template-columns:5fr 1fr;padding:0 var(--gap) var(--gap);background:var(--paper);min-height:calc(100svh - 92px);max-height:1000px}.factory-view{position:relative;min-height:660px;overflow:hidden;background:var(--deep);color:var(--paper)}.factory-view>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:55% center;animation:photo-drift 22s ease-in-out infinite alternate}.factory-view:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.12) 90%);pointer-events:none}.factory-copy{position:relative;z-index:1;padding:clamp(32px,5vw,80px);max-width:820px}.factory-copy h1{font-size:var(--display);line-height:1.12}.factory-copy p{font-size:var(--body);max-width:470px;margin-top:32px}.factory-copy .btn{margin-top:32px}.factory-caption{position:absolute;z-index:1;bottom:28px;left:clamp(32px,5vw,80px);font-size:var(--small);margin:0;background:var(--deep);padding:12px 16px}.scene-rail{display:grid;grid-template-rows:repeat(5,1fr)}.scene-rail>a,.scene-rail>button{padding:24px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;font-size:var(--body);font-weight:700;color:var(--ink);background:var(--field)}.scene-rail>button:nth-child(2){background:var(--soft)}.scene-rail>button:nth-child(3){background:#b6c3bf}.scene-rail>a:nth-child(4){background:#354b4e;color:var(--paper)}.scene-rail>a:last-child{background:var(--deep);color:var(--paper)}.scene-rail span{font-size:var(--small);font-weight:400;display:block}.scene-rail>button.active{background:var(--accent)}.chapter{padding-block:120px}.showcase{background:var(--field)}.showcase-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,7vw,110px)}.showcase-image{background:var(--paper);display:block}.showcase-image img{width:100%;aspect-ratio:1;object-fit:contain}.showcase-layout .lead{max-width:560px;margin-top:32px}.showcase-layout .text-link{display:block;margin:24px 0 0}.application-chapter{background:var(--deep);color:var(--paper)}.application-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,10vw,160px)}.application-layout>div:first-child{position:sticky;top:48px;align-self:start}.application-layout p{max-width:550px}.application-list{display:grid;gap:56px}.application-list a{display:block}.application-list p{margin-top:16px}.site-gallery{background:var(--paper)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:48px}.section-head p{max-width:560px}.photo-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.photo-tiles img{width:100%;aspect-ratio:4/5;object-fit:cover}.photo-tiles span{display:block;background:var(--field);padding:24px;font-size:var(--sub);font-weight:700}.selection-chapter{background:var(--soft)}.selection-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px)}.selection-layout p{max-width:550px}.faq{display:grid;gap:16px}.faq details{background:var(--field);padding:24px 28px}.faq details[open]{background:var(--paper)}.faq summary{cursor:pointer;font-size:var(--sub);font-weight:700;line-height:1.4}.faq p{margin-top:20px}.cta{background:var(--accent);padding-block:96px}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:48px}.cta-inner p{max-width:780px}.cta .btn{background:var(--ink);color:var(--paper);flex-shrink:0}footer{background:var(--deep);color:var(--paper);padding:72px 0 32px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px}.footer-brand{font-size:clamp(40px,5vw,70px);font-weight:700;line-height:1;letter-spacing:-.05em}.footer-grid h2{font-size:var(--body);margin-bottom:20px}.footer-grid>div>a:not(.footer-brand){display:block;font-size:var(--small);padding-block:5px}.footer-grid p{font-size:var(--small)}.legal{display:flex;justify-content:space-between;gap:24px;margin-top:64px;font-size:var(--small)}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:var(--small);padding-block:24px}.breadcrumbs a:last-child{color:var(--muted)}.page-intro{padding-block:40px 64px}.page-intro p{max-width:880px;margin-top:32px}.section{padding-block:100px}.section.compact{padding-top:32px}.pale{background:var(--field)}.dark{background:var(--deep);color:var(--paper)}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,96px)}.editorial-image img{width:100%;aspect-ratio:1;object-fit:cover}.lead{font-size:var(--body)}.small{font-size:var(--small)}.check-list{list-style-type:disc;margin-block:24px}.check-list li{margin-block:14px}.info-panel{background:var(--field);padding:40px}.pale .info-panel{background:var(--paper)}.product-layout{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(32px,6vw,96px)}.product-masthead{padding-block:24px 72px}.product-summary h1{font-size:var(--heading)}.product-summary .lead{margin-top:32px}.product-summary dl{margin:32px 0}.product-summary dl>div{display:grid;grid-template-columns:90px 1fr;gap:16px;margin-block:16px}.product-summary dt{font-weight:700}.product-summary dd{margin:0;overflow-wrap:anywhere}.product-stage{background:var(--field);padding:28px}.product-visual{background:var(--paper)}.product-visual img{width:100%;height:430px;object-fit:contain}.product-thumbnails{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.product-thumb{background:var(--paper);padding:6px;width:76px;height:76px}.product-thumb img{width:100%;height:100%;object-fit:contain}.product-thumb.active{background:var(--accent)}.product-subnav{background:var(--deep);color:var(--paper)}.product-subnav nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:24px;font-size:var(--small)}.product-subnav a{padding:4px}.subnav-cta{color:var(--accent)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px;margin-top:40px}.product-card{display:block;min-width:0}.product-image{background:var(--field);overflow:hidden}.pale .product-image{background:var(--paper)}.product-image img{width:100%;height:300px;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.product-card:hover img{transform:scale(1.035)}.card-body{padding-top:24px}.card-body h3{font-size:var(--sub)}.card-body p{font-size:var(--small);margin-top:16px}.filter-nav{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:24px}.filter-nav a{background:var(--field);padding:12px 18px;font-size:var(--small)}.filter-nav a.selected{background:var(--ink);color:var(--paper)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}.gallery img{width:100%;height:340px;object-fit:contain;background:var(--field)}.inner-page .gallery img{object-fit:cover}.detail-images{display:grid;gap:32px;margin-top:40px}.detail-images img{max-height:1200px;width:auto;margin:auto;object-fit:contain}.narrow{max-width:1100px}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.application-grid article{background:var(--field);padding:40px}.application-grid h2{font-size:var(--sub)}.application-grid .btn{margin-top:24px}.table-scroll{overflow-x:auto;margin-top:40px}table{border-collapse:collapse;width:100%;font-size:var(--small)}th,td{text-align:left;padding:20px;background:var(--paper);border-bottom:2px solid var(--field)}th{background:var(--deep);color:var(--paper)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.contact-number{display:block;font-size:var(--heading);font-weight:700;margin-top:24px;white-space:nowrap}.addresses{margin-top:48px}.addresses h3{margin-top:32px}.addresses p{margin-top:12px}form{margin-top:32px}form label{display:block;margin:24px 0 10px;font-size:var(--small);font-weight:700}input,textarea{width:100%;border:2px solid var(--soft);border-radius:0;padding:14px;background:var(--paper);color:var(--ink)}form .btn{margin-top:24px}.copy-btn{padding:16px 0;background:transparent;font-weight:700;display:block}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:40px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-grid img{width:100%}
@keyframes photo-drift{from{transform:scale(1)}to{transform:scale(1.055)}}
@keyframes rise-in{from{opacity:.15;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.reveal-in{animation:rise-in .7s cubic-bezier(.2,.7,.2,1) both}
@media(min-width:1700px){.factory-view{min-height:760px}}
@media(max-width:1100px){#navigation{gap:16px}.brand span{display:none}.nav-row{min-height:80px}.factory-hero{grid-template-columns:4fr 1fr}.factory-copy{padding:36px}.factory-caption{left:36px}.scene-rail>a,.scene-rail>button{padding:20px}.product-layout{gap:32px}.product-visual img{height:360px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.footer-grid>div:last-child a{display:inline-block;margin-right:24px}.contact-grid{gap:32px}.contact-number{font-size:32px}}
@media(max-width:800px){:root{--gap:24px;--heading:36px;--display:48px}.menu-toggle{display:block}#navigation{display:none;position:absolute;top:80px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column;align-items:stretch;gap:16px}#navigation.open{display:flex}.brand span{display:inline}.factory-hero{min-height:0;max-height:none;grid-template-columns:1fr}.factory-view{min-height:650px}.factory-copy{max-width:620px;padding:40px}.factory-caption{left:40px}.scene-rail{grid-template-columns:repeat(5,1fr);grid-template-rows:none}.scene-rail>a,.scene-rail>button{padding:20px 12px;gap:20px;font-size:var(--small)}.scene-rail span{font-size:var(--small)}.chapter,.section{padding-block:80px}.showcase-layout{gap:32px}.showcase-layout h2{font-size:32px}.application-layout{gap:40px}.photo-tiles{gap:16px}.photo-tiles span{font-size:var(--body);padding:16px}.selection-layout{grid-template-columns:1fr;gap:40px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}.footer-grid>div:last-child a{display:block;margin:0}.product-layout{grid-template-columns:1fr}.product-stage{grid-row:2}.product-visual img{height:430px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-image img{height:260px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery img{height:300px}.contact-grid{grid-template-columns:1fr}.contact-number{font-size:var(--heading)}.application-grid{gap:20px}.application-grid article{padding:28px}.cta-inner{align-items:start;flex-direction:column;gap:32px}.split{gap:32px}.steps{grid-template-columns:1fr 1fr}.info-panel{padding:28px}}
@media(max-width:540px){:root{--gap:20px;--heading:32px;--display:38px;--body:18px;--sub:24px}.nav-row{min-height:76px}.brand img{width:80px;height:44px}.brand{gap:12px;font-size:var(--small)}#navigation{top:76px}.factory-hero{padding:0 0 20px}.factory-view{min-height:620px}.factory-copy{padding:36px 20px}.factory-copy h1{font-size:38px}.factory-copy p{max-width:320px;margin-top:28px}.factory-copy .btn{margin-top:28px}.factory-view>img{object-position:60% center}.factory-view:after{background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.1) 95%)}.factory-caption{left:20px;right:20px;bottom:20px;padding:12px;font-size:var(--small)}.scene-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.scene-rail>a{display:none}.scene-rail>button{padding:16px 12px;gap:12px}.chapter,.section{padding-block:64px}.showcase-layout,.application-layout,.split,.application-grid{grid-template-columns:1fr}.showcase-layout{gap:40px}.showcase-layout .lead{margin-top:24px}.application-layout>div:first-child{position:static}.application-layout h2 br{display:none}.application-list{gap:40px}.application-list h3{font-size:var(--sub)}.section-head{flex-direction:column;align-items:start;gap:20px;margin-bottom:32px}.section-head .text-link{padding:0}.photo-tiles{grid-template-columns:1fr;gap:24px}.photo-tiles img{aspect-ratio:4/3}.photo-tiles span{padding:20px}.faq details{padding:24px 20px}.faq summary{font-size:var(--body)}.cta{padding-block:64px}.cta-inner p{margin-top:24px}footer{padding-top:56px}.footer-grid{gap:36px 24px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-brand{font-size:64px}.legal{flex-direction:column;gap:12px;margin-top:48px}.breadcrumbs{gap:8px;padding-block:20px}.page-intro{padding-block:28px 40px}.page-intro h1{font-size:var(--heading)}.page-intro p{margin-top:24px}.product-masthead{padding-top:16px;padding-bottom:48px}.product-summary h1{font-size:var(--heading)}.product-stage{padding:16px}.product-visual img{height:310px}.product-thumb{width:64px;height:64px}.product-summary dl>div{grid-template-columns:80px 1fr;gap:8px;font-size:var(--small)}.product-summary .actions{gap:12px}.product-summary .actions .btn{width:100%}.product-subnav nav{justify-content:start;gap:14px 20px}.product-grid{grid-template-columns:1fr;gap:40px}.product-image img{height:320px}.gallery{grid-template-columns:1fr;gap:24px}.gallery img{height:auto;max-height:480px;aspect-ratio:1;object-fit:contain}.detail-images img{max-height:none}.filter-nav{gap:8px}.filter-nav a{padding:10px 12px}.info-panel{padding:24px 20px}.application-grid article{padding:28px 24px}.contact-number{font-size:32px}.steps{grid-template-columns:1fr}.text-link+.text-link{margin-left:0}.section.compact{padding-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.showcase-image{overflow:hidden}.showcase-image img{transform:scale(1.3)}
@media(max-width:540px){.scene-rail>button{padding-inline:20px}}
@media(min-width:1101px){.product-summary h1{font-size:var(--display)}.product-layout{grid-template-columns:1fr 1.25fr;gap:48px}.product-visual img{height:530px}.product-stage{padding:20px}}
@media(max-width:800px){.product-layout{gap:28px}.product-summary{display:contents}.product-summary h1{grid-row:1}.product-stage{grid-row:2}.product-summary .lead{grid-row:3;margin:0}.product-summary .actions{grid-row:4;margin:0}.product-summary dl{grid-row:5;margin:0}.product-summary>.small{grid-row:6;margin:0}.product-visual img{height:360px}}
@media(max-width:540px){.product-layout{gap:24px}.product-visual img{height:250px}.product-summary .actions{display:flex;flex-wrap:wrap}.product-summary .actions .btn{width:auto;padding:14px 16px;gap:12px}.product-summary .actions .secondary{background:var(--field)}.product-stage{padding:12px}.product-thumbnails{gap:8px;margin-top:12px}.product-thumb{width:54px;height:54px}}