:root{--pine:#173e32;--pine-dark:#0c2d24;--leaf:#a5b7a0;--cream:#f6f3eb;--paper:#fffefa;--line:#d5dbcf;--ink:#19392f;--muted:#65736a;--accent:#bd3e2f;--gutter:clamp(20px,5vw,76px);--radius:3px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.6}body.lightbox-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button{cursor:pointer}img{display:block;max-width:100%;height:auto;image-orientation:from-image}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(44px,6.5vw,88px);margin-bottom:26px}h1 em{color:#52735d;font-family:Georgia,"Noto Serif CJK SC",serif;font-weight:400}h2{font-size:clamp(32px,4.15vw,54px);margin-bottom:24px}h3{font-size:26px;margin-bottom:14px}p{margin-bottom:22px}strong{font-weight:600}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a86723;outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;top:8px;left:12px;transform:translateY(-150%);padding:8px 18px;background:#fff;z-index:110}.skip:focus{transform:none}.preview{background:var(--pine-dark);color:#e5eedd;text-align:center;font-size:10px;letter-spacing:.13em;padding:8px 20px;line-height:1.4}header{max-width:1352px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:105px;padding:20px var(--gutter);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;font-size:19px;font-weight:700;letter-spacing:.06em;line-height:1.15}.brand-mark{width:44px;height:48px;background:var(--pine);color:var(--cream);display:grid;place-items:center;font-family:Georgia,serif;font-size:33px;font-weight:400;clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%)}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:.25em;margin-top:7px}nav{display:flex;align-items:center;gap:clamp(16px,2vw,28px);font-size:12px}nav>a{text-decoration:none;white-space:nowrap}nav>a:not(.button){padding:8px 0;border-bottom:1px solid transparent}nav>a:hover,nav>a[aria-current=page]{border-bottom-color:var(--pine)}nav .language{font-size:11px;padding-left:18px;border-left:1px solid var(--line);border-bottom:0!important}.menu-toggle{display:none;border:1px solid var(--line);background:none;color:var(--pine);padding:9px 14px;font-size:13px}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;text-align:center;text-decoration:none;font-size:13px;line-height:1.4;font-weight:500;background:var(--pine);border:1px solid var(--pine);color:var(--paper);padding:17px 25px;min-height:51px;border-radius:var(--radius);transition:background .18s,border-color .18s}.button:hover{background:var(--pine-dark);border-color:var(--pine-dark)}.button.small{font-size:11px;padding:12px 17px;min-height:42px}.button.light{background:var(--cream);border-color:var(--cream);color:var(--pine)}.button.light:hover{background:#e7ecde}.button.outline{background:none;color:var(--pine)}.button.outline:hover{background:#e8ecdf}.text-link{font-size:13px;font-weight:500;text-decoration:none;border-bottom:1px solid var(--pine);padding-bottom:5px;display:inline-block}.text-link:hover{color:#55735d}.text-button{border:0;background:none;padding:12px 0;margin-right:20px;text-decoration:underline;text-underline-offset:4px;font-size:14px;color:var(--pine)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:30px}.eyebrow{display:block;font-size:10px;font-weight:600;line-height:1.6;letter-spacing:.18em;margin-bottom:24px;text-transform:uppercase;color:#6b7d6b}.hero,.section,.intro,.page-intro,.callout,footer{max-width:1200px;margin-left:auto;margin-right:auto}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:715px;align-items:center;gap:28px;padding:60px var(--gutter) 58px}.hero-copy>p{font-size:16px;color:var(--muted);max-width:400px;line-height:1.8}.hero-notes{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:42px}.hero-notes span{display:flex;align-items:center;gap:7px}.hero-notes span:before{content:"";width:4px;height:4px;background:#739076;border-radius:50%}.hero-media{position:relative;align-self:stretch;min-height:550px;display:flex;justify-content:center;align-items:center;padding:18px 8px 100px}.disc{position:absolute;width:100%;aspect-ratio:1;background:#e2e7da;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-60%)}.hero-bag{position:relative;max-height:490px;max-width:100%;width:auto;object-fit:contain;z-index:1}.photo-label{position:absolute;left:0;right:0;bottom:14px;z-index:2;background:var(--paper);border:1px solid var(--line);padding:15px 20px;display:grid;gap:3px}.photo-label>span:first-child{font-size:9px;letter-spacing:.12em;color:#73836c}.photo-label strong{font-size:15px}.photo-label>span:last-child{font-size:11px;color:var(--muted)}.intro{padding:66px var(--gutter);border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;align-items:start}.intro .eyebrow{margin-top:9px}.intro>p{font-size:clamp(25px,3vw,39px);line-height:1.45;letter-spacing:-.035em;margin:0;max-width:700px}.section{padding:90px var(--gutter)}.section.pale{background:#eaece1}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:38px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:280px;font-size:13px;color:var(--muted);margin-bottom:4px;line-height:1.8}.section-heading>.text-link{margin-bottom:5px;white-space:nowrap}.caption{font-size:11px;line-height:1.8;color:var(--muted);margin:22px 0 0;max-width:850px}.construction-teasers{display:grid;grid-template-columns:1fr 1fr;gap:24px}.construction-teaser{display:block;text-decoration:none;min-width:0}.teaser-photo{background:#edece5;padding:16px;min-height:330px;display:grid;place-items:center;border:1px solid var(--line)}.teaser-photo img{width:100%;height:330px;object-fit:contain}.construction-teaser>div:last-child{position:relative;padding:22px 40px 8px 0;border-bottom:1px solid var(--line)}.construction-teaser>div:last-child>span:first-child{font-size:10px;letter-spacing:.14em;color:var(--muted)}.construction-teaser h3{margin:8px 0 10px;font-size:30px}.construction-teaser p{font-size:13px;color:var(--muted);margin-bottom:22px}.construction-teaser .arrow{position:absolute;right:8px;top:30px;font-size:23px}.reference-strip{display:grid;grid-template-columns:1fr 1fr;gap:28px}.reference-strip>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:15px;row-gap:13px}.reference-strip img{width:100%;height:360px;object-fit:contain;grid-column:1/-1;background:#f6f4ed;padding:12px}.reference-strip strong{font-size:19px}.reference-strip span{font-size:11px;line-height:1.6;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.steps article{border-top:1px solid #9aab96;padding-top:20px}.steps article>span{color:#7b8c73;font-size:11px}.steps h3{font-size:23px;margin:36px 0 15px;letter-spacing:-.025em}.steps p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.callout{margin-top:10px;margin-bottom:45px;background:var(--pine);color:var(--cream);padding:60px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:35px}.callout .eyebrow{color:#c1d0b4}.callout h2{font-size:clamp(29px,3.6vw,45px);line-height:1.22;margin-bottom:0}.callout .button{flex-shrink:0}footer{padding:45px var(--gutter) 65px;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:50px;font-size:11px;color:var(--muted);line-height:1.9}footer strong{font-size:12px;color:var(--pine);line-height:1.7;display:block}.footer-brand{font-weight:700;color:var(--pine);letter-spacing:.1em;font-size:22px}footer a{display:block;width:fit-content;text-decoration:none;margin-bottom:10px;overflow-wrap:anywhere}footer a:hover{text-decoration:underline}footer p{margin:14px 0}.muted{color:var(--muted)}.page-intro{padding:85px var(--gutter) 45px}.page-intro h1{font-size:clamp(44px,5.7vw,74px)}.page-intro>p{max-width:690px;color:var(--muted);font-size:16px;line-height:1.85;margin-bottom:0}.page-intro.compact{max-width:1200px;padding-bottom:20px}.comparison-section{padding-top:35px}.view-tabs{display:flex;gap:8px;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:24px;flex-wrap:wrap}.view-tabs button{border:1px solid var(--line);color:var(--muted);background:transparent;font-size:12px;padding:12px 22px;border-radius:30px}.view-tabs button.active,.view-tabs button[aria-pressed=true]{background:var(--pine);border-color:var(--pine);color:white}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px}.comparison article{min-width:0;scroll-margin-top:35px}.comparison-label{display:flex;align-items:center;gap:13px;padding:12px 0 20px}.comparison-label span{font-size:10px;color:var(--muted)}.comparison-label h2{font-size:25px;margin:0;line-height:1.25;letter-spacing:-.03em}.photo-zoom{width:100%;border:1px solid var(--line);padding:8px;background:var(--paper);color:var(--pine);display:block;text-align:left}.photo-zoom img{width:100%;height:560px;object-fit:contain;filter:none;transform:none}.comparison[data-current-view=whole] .photo-zoom img{height:650px}.photo-zoom>span{display:block;font-size:10px;padding:14px 6px 8px;color:var(--muted)}.comparison article>p{font-size:13px;color:var(--muted);margin:18px 0 32px}.note{border-left:3px solid #7e9673;padding:18px 23px;background:#edf0e5;font-size:13px;line-height:1.85}.note p{margin:7px 0 0}.note strong{font-size:14px}.large-copy{font-size:19px;line-height:1.9;max-width:730px;color:var(--muted)}.product-list{padding-top:30px}.product-reference{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:36px 0 65px;border-bottom:1px solid var(--line);margin-bottom:40px}.product-photo{background:var(--paper);border:1px solid var(--line);padding:20px}.product-photo img{width:100%;height:525px;object-fit:contain}.product-reference h2{font-size:41px;line-height:1.2}.product-reference .eyebrow{margin-bottom:16px}dl{margin:22px 0 32px}dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}dt{color:var(--muted)}dd{margin:0;text-align:right;max-width:65%}.factory-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center;padding-top:30px}.factory-story>div{background:#edf0e5;padding:25px}.factory-story img{width:100%;height:550px;object-fit:contain}.factory-story p{font-size:14px;color:var(--muted);line-height:1.9}.factory-story dl>div{align-items:start}.enquiry-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;padding-top:35px}.enquiry-layout aside{align-self:start;position:sticky;top:30px}.enquiry-layout aside h2{font-size:29px}.enquiry-layout aside ol{padding-left:21px;font-size:14px;color:var(--muted);line-height:2.2;margin-bottom:30px}.enquiry-layout aside>p{font-size:13px;margin:20px 0}.enquiry-layout aside a{overflow-wrap:anywhere}.enquiry-layout form{background:var(--paper);border:1px solid var(--line);padding:32px}form label{display:block;font-size:12px;font-weight:500;line-height:1.6;margin-bottom:23px}form input:not([type=checkbox]),form select,form textarea{display:block;width:100%;margin-top:8px;padding:13px 12px;background:#fdfcf7;border:1px solid #cbd3c3;border-radius:2px;line-height:1.5;color:var(--ink);font-size:14px}form textarea{resize:vertical;min-height:115px}form input::placeholder,form textarea::placeholder{color:#8c9489}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field-row.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}fieldset{border:1px solid var(--line);padding:18px 14px 0;margin:0 0 24px;min-width:0}legend{font-size:12px;color:var(--muted);padding:0 8px}label.check{display:flex;align-items:flex-start;gap:10px;font-weight:400}label.check input{margin:5px 0 0;width:16px;height:16px;flex-shrink:0;accent-color:var(--pine)}form .caption{margin:0 0 24px;font-size:11px}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.form-actions .button{font-size:12px;padding:14px 20px}#form-status{font-size:13px;line-height:1.75;margin:22px 0 0}#form-status.error{color:#9f2e23}#message-result{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}#message-preview{min-height:300px;font-size:13px}#message-result .button{font-size:12px;padding:12px 18px}#message-result .caption{margin-top:18px}.prose{max-width:920px;padding-top:25px;padding-bottom:100px}.prose h2{font-size:25px;letter-spacing:-.02em;margin:36px 0 16px}.prose p{line-height:1.95;font-size:15px;color:var(--muted)}.lightbox{position:fixed;inset:0;z-index:100;background:rgba(9,22,17,.95);display:flex;align-items:center;justify-content:center;padding:66px 24px 28px}.lightbox img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:none}.lightbox>button{position:absolute;right:22px;top:13px;color:white;background:transparent;border:1px solid #778a7b;border-radius:50%;width:40px;height:40px;font-size:28px;line-height:1}.lightbox>button:hover{background:#355545}
html[lang^=zh] h1,html[lang^=zh] h2,html[lang^=zh] h3{letter-spacing:-.025em;line-height:1.3}html[lang^=zh] h1 em{font-family:inherit;font-style:normal}html[lang^=zh] .hero h1{font-size:clamp(40px,5.2vw,68px)}
@media(min-width:1500px){header{max-width:1352px;padding-left:76px;padding-right:76px}.hero,.section,.intro,.page-intro,.callout,footer{padding-left:0;padding-right:0}.section.pale,.callout{padding-left:70px;padding-right:70px;max-width:1340px}.hero{min-height:770px}.hero-bag{max-height:565px}.hero-media{min-height:620px}}
@media(max-width:1000px){nav{gap:16px;font-size:11px}header{gap:15px}.brand{font-size:17px}.brand-mark{width:37px;height:42px}.hero{gap:20px;min-height:650px;padding-top:45px}.hero-media{min-height:480px}.hero-bag{max-height:420px}.section{padding-top:70px;padding-bottom:70px}.enquiry-layout{gap:30px;grid-template-columns:.7fr 1.3fr}.enquiry-layout form{padding:24px}.product-reference{gap:40px}.factory-story{gap:40px}footer{gap:30px}}
@media(max-width:800px){header{position:relative;min-height:87px;padding-top:18px;padding-bottom:18px}.menu-toggle{display:block}#navigation{display:none;position:absolute;top:100%;left:0;right:0;z-index:30;padding:18px var(--gutter) 25px;background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 14px 20px #173e320b;align-items:stretch;font-size:14px}#navigation.is-open{display:flex;flex-direction:column;gap:7px}#navigation>a:not(.button){padding:11px 0}#navigation .language{border:0;padding-left:0!important}.hero{grid-template-columns:1fr 1fr;padding-top:40px;min-height:570px}.hero h1{font-size:48px}.hero-copy>p{font-size:13px}.hero-media{min-height:420px;padding-bottom:100px}.hero-bag{max-height:330px}.hero .actions{gap:18px}.hero .button{font-size:11px;padding:13px 17px}.hero-notes{gap:8px;margin-top:24px;font-size:9px}.intro{grid-template-columns:1fr;gap:9px;padding-top:44px;padding-bottom:44px}.intro .eyebrow{margin:0 0 10px}.section-heading{gap:24px}.section-heading>p{font-size:12px;max-width:210px}.teaser-photo{min-height:270px}.teaser-photo img{height:270px}.construction-teasers{gap:18px}.construction-teaser h3{font-size:25px}.reference-strip img{height:300px}.steps{gap:22px}.steps h3{font-size:21px}.callout{margin-bottom:15px;padding-top:45px;padding-bottom:45px}.callout h2{font-size:32px}footer{grid-template-columns:1fr 1.3fr;gap:32px}footer>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:5px 25px}.photo-zoom img{height:420px}.comparison[data-current-view=whole] .photo-zoom img{height:490px}.comparison-label h2{font-size:21px}.page-intro{padding-top:60px}.product-photo img{height:410px}.product-reference h2{font-size:33px}.factory-story{grid-template-columns:.8fr 1.2fr;gap:30px}.factory-story img{height:420px}.enquiry-layout{grid-template-columns:1fr;gap:25px}.enquiry-layout aside{position:static}.enquiry-layout aside ol{margin-bottom:20px}.enquiry-layout aside .note{max-width:600px}.enquiry-layout form{padding:30px}}
@media(max-width:580px){body{font-size:15px}.preview{font-size:8px;letter-spacing:.08em;padding:7px 10px}header{min-height:79px}.brand{font-size:16px}.brand-mark{width:33px;height:37px;font-size:27px}.brand small{font-size:7px}.hero{grid-template-columns:1fr;padding-top:40px;gap:16px}.hero h1,html[lang^=zh] .hero h1{font-size:clamp(43px,10vw,59px)}.hero-copy>p{max-width:420px;font-size:14px;line-height:1.8}.hero .actions{margin-top:24px;gap:24px}.hero .button{font-size:12px;padding:15px 20px}.hero-notes{margin-top:28px;gap:20px;font-size:10px}.hero-media{min-height:490px;max-width:390px;width:100%;justify-self:center;padding:16px 20px 100px}.hero-bag{max-height:370px}.photo-label{bottom:4px;left:0;right:0}.disc{width:92%;transform:translate(-50%,-60%)}.intro{padding-top:38px;padding-bottom:40px}.intro>p{font-size:28px}.section{padding-top:55px;padding-bottom:55px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{max-width:none;margin-top:23px}.section-heading>.text-link{margin-top:22px}h2{font-size:33px}.eyebrow{font-size:9px;margin-bottom:18px}.construction-teasers{gap:26px;grid-template-columns:1fr}.teaser-photo{padding:10px}.teaser-photo img{height:350px}.construction-teaser>div:last-child{padding-top:18px}.construction-teaser h3{font-size:29px}.reference-strip{gap:20px}.reference-strip img{height:235px;padding:6px}.reference-strip>div{grid-template-columns:1fr;gap:8px}.reference-strip img{grid-column:auto}.reference-strip strong{font-size:17px}.reference-strip span{font-size:10px}.steps{grid-template-columns:1fr;gap:26px}.steps article{padding:15px 0 0}.steps h3{margin:18px 0 12px;font-size:25px}.steps p{max-width:400px}.callout{display:block;padding:42px var(--gutter);margin:8px 0 18px}.callout h2{font-size:30px}.callout .button{margin-top:28px;font-size:12px}footer{grid-template-columns:1fr;gap:22px;padding-top:35px;padding-bottom:45px}footer>div:last-child{grid-column:auto;display:block}.footer-brand{font-size:24px}footer p{margin:12px 0}.page-intro{padding-top:48px;padding-bottom:28px}.page-intro h1{font-size:43px}.page-intro>p{font-size:14px;line-height:1.9}.view-tabs{gap:6px;padding-bottom:20px;margin-bottom:12px}.view-tabs button{font-size:11px;padding:10px 13px}.comparison{gap:8px}.comparison-label{gap:7px;padding:8px 0 14px}.comparison-label span{font-size:8px}.comparison-label h2{font-size:17px}.photo-zoom{padding:3px}.photo-zoom img{height:260px}.comparison[data-current-view=whole] .photo-zoom img{height:300px}.photo-zoom>span{font-size:8px;padding:9px 3px 6px}.comparison article>p{font-size:11px;margin:14px 0 22px;line-height:1.7}.note{padding:16px 17px;font-size:12px}.note strong{font-size:13px}.large-copy{font-size:16px}.caption{font-size:10px}.product-reference{grid-template-columns:1fr;gap:28px;padding-top:10px;padding-bottom:40px;margin-bottom:25px}.product-photo{padding:16px}.product-photo img{height:420px}.product-reference h2{font-size:34px}.product-reference dl{margin:20px 0 28px}.factory-story{grid-template-columns:1fr;gap:30px}.factory-story img{height:420px}.factory-story>div{max-width:420px;width:100%;justify-self:center}.factory-story p{font-size:14px}.enquiry-layout{padding-top:25px}.enquiry-layout form{padding:22px 17px}.field-row{grid-template-columns:1fr;gap:0}.field-row.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.field-row.three label{font-size:10px}.field-row.three input{padding:11px 7px}form label{font-size:12px;margin-bottom:20px}.form-actions{flex-direction:column}.form-actions .button{width:100%;font-size:12px}#send-link{display:block}#copy-message{margin-bottom:12px}.lightbox{padding:66px 8px 25px}.lightbox>button{right:14px}.prose h2{font-size:24px}.prose p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}