:root{--ink:#173e37;--green:#195b4b;--blue:#0475b7;--lime:#d9e9b1;--paper:#f7f6f0;--muted:#6c7973;--line:#dce0d5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 'Microsoft YaHei','PingFang SC',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button,input,select,textarea{outline-offset:5px}h1,h2,h3,p{margin:0}h1{font-size:clamp(40px,4.5vw,72px);font-weight:500;line-height:1.25;letter-spacing:-2px}h2{font-size:clamp(29px,3vw,44px);font-weight:500;line-height:1.4;letter-spacing:-.7px}h3{font-weight:500;font-size:24px;line-height:1.5}.skip{position:absolute;left:12px;top:-100px;background:white;z-index:99}.skip:focus{top:12px}.topbar{display:flex;justify-content:space-between;padding:8px 5%;background:var(--green);color:#d9e6dc;font-size:10px;letter-spacing:1px}header{display:flex;align-items:center;padding:0 5%;height:92px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f7f6f0f5;backdrop-filter:blur(12px);z-index:20;gap:28px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:66px;height:52px;object-fit:contain}.brand b{display:block;font-weight:600;font-size:20px}.brand small{display:block;font-size:9px;letter-spacing:1.8px}nav{display:flex;gap:25px;font-size:13px}nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--green);color:white;padding:15px 25px;border:1px solid var(--green);font-size:13px;border-radius:3px}.button span{font-size:19px}.button:hover{background:#104234}.button.small{padding:10px 16px;gap:20px}.button.pale{background:var(--lime);color:var(--ink);border-color:var(--lime)}.plain{display:inline-flex;gap:28px;align-items:center;font-size:13px;border-bottom:1px solid #91a095;padding-bottom:4px}.menu{display:none}.hero{padding:57px 5% 55px;display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1650px;margin:auto;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--green);display:block;margin-bottom:25px}.eyebrow i,.art-chip i{display:inline-block;width:6px;height:6px;background:#82ad46;border-radius:50%;margin-right:8px}.hero h1{margin-bottom:28px}.hero-copy>p{color:var(--muted);line-height:2;font-size:15px}.hero-links{display:flex;gap:25px;align-items:center;margin-top:32px}.hero-facts{display:flex;margin-top:48px;gap:35px}.hero-facts>div{padding-right:30px;border-right:1px solid var(--line)}.hero-facts>div:last-child{border:0;padding:0}.hero-facts strong{font-size:24px;font-weight:500;display:block;white-space:nowrap}.hero-facts strong span{font-size:14px;margin-left:5px}.hero-facts small{font-size:10px;color:var(--muted)}.hero-art{height:530px;background:#e4e8dc;position:relative;overflow:hidden;border-radius:3px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#69857012 1px,transparent 1px),linear-gradient(90deg,#69857012 1px,transparent 1px);background-size:45px 45px}.hero-disc{position:absolute;width:390px;height:390px;border:1px solid #8caa924d;border-radius:50%;top:45px;left:18%}.vertical-label{writing-mode:vertical-rl;position:absolute;right:25px;top:28px;font:10px Arial;letter-spacing:3px;color:#688370}.mock{position:relative;isolation:isolate}.sack{width:150px;height:200px;clip-path:polygon(7% 0,93% 0,100% 8%,97% 91%,89% 100%,10% 100%,2% 92%,0 8%);background:linear-gradient(92deg,#ab8052,#d7b185 12%,#d0a978 50%,#c79d68 88%,#9a7243);box-shadow:inset 0 0 22px #794e2530}.sack:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(95deg,transparent 0 4px,#fff1 4px 5px);opacity:.45;z-index:-1}.sack-seam{height:12px;border-bottom:3px double #997041;background:#b48a59}.package-label{position:absolute;left:20%;right:16%;top:29%;color:#315544;text-align:left}.package-label b{font:italic 700 18px Arial;letter-spacing:1px;display:block}.package-label>span{font:6px Arial;letter-spacing:1px;display:block;margin-top:4px}.package-label em{font-size:29px;font-style:normal;line-height:1.3;display:block;margin-top:18px}.package-label em small{font-size:13px;margin-left:5px}.package-label small{font-size:7px}.package-label hr{border:0;border-top:1px solid #31554466;margin-top:12px}.drum{width:170px;height:215px;border-radius:50%/7%;background:linear-gradient(90deg,#986c3d,#cea371 22%,#d1ac7e 55%,#b98e5b 83%,#916439);border-top:10px solid #a0a69b;border-bottom:8px solid #9fa99d}.lid{position:absolute;top:-17px;width:100%;height:25px;border-radius:50%;background:linear-gradient(#dce0d6,#a8afa2);border:2px solid #8b9588;box-shadow:0 4px 0 #7d8772}.bottom-rim{position:absolute;bottom:-8px;width:100%;height:16px;border-radius:50%;border-bottom:5px solid #8d9785}.drum .package-label{top:30%;left:19%;right:15%}.drum .package-label em{font-size:18px}.hero-sack{position:absolute;width:205px;height:305px;left:17%;bottom:87px;transform:rotate(-7deg);filter:drop-shadow(0 18px 12px #354b352f)}.hero-sack .package-label b{font-size:26px}.hero-sack .package-label>span{font-size:8px}.hero-sack .package-label em{font-size:40px}.hero-drum{position:absolute;right:12%;bottom:116px;width:220px;height:295px;transform:rotate(5deg);box-shadow:16px 30px 30px #354b352f}.hero-drum .package-label b{font-size:24px}.hero-drum .package-label>span{font-size:8px}.art-chip{position:absolute;bottom:35px;left:25px;padding:10px 16px;background:#f7f6f0;font-size:11px;border-radius:2px}.art-note{position:absolute;right:22px;bottom:14px;font-size:9px;color:#6c7973}.material-strip{margin:0 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:32px;padding:20px 0;font-size:13px}.material-strip i{font-style:normal;color:#a2b29a}.material-strip a{margin-left:auto;font-size:11px;color:var(--muted)}.section{padding:95px 5%;max-width:1650px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px;gap:40px}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p{max-width:360px;color:var(--muted);font-size:13px}.service-pair{display:grid;grid-template-columns:1fr 1fr;gap:55px}.service-pair article{border-top:1px solid #a3b09b;padding-top:20px}.service-number{font:12px Arial;color:#819475;margin-bottom:22px}.service-pair h3{margin-bottom:16px}.service-pair p{font-size:14px;color:var(--muted);max-width:560px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.tags span{border:1px solid var(--line);padding:4px 10px;font-size:10px;border-radius:2px}.format-section{background:#edeee5;padding:78px 5%}.filters{display:flex;gap:22px;margin-bottom:25px}.filters button{border:0;border-bottom:2px solid transparent;padding:8px 0;background:none;font-size:12px;color:var(--muted)}.filters button.active{border-color:var(--green);color:var(--green)}.filters button span{font-size:9px;margin-left:6px}.format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.format-card{min-width:0;background:#f7f6f0;border:1px solid transparent;border-radius:3px;overflow:hidden}.format-card:hover{border-color:#8da58c}.format-open{width:100%;padding:0;border:0;text-align:left;background:none;color:inherit}.format-visual{height:265px;display:flex;justify-content:center;align-items:center;background:#e3e5d8}.format-card:nth-child(2) .format-visual{background:#e1e7df}.format-card:nth-child(3) .format-visual{background:#e9e3d6}.format-card:nth-child(4) .format-visual{background:#dce4dd}.composite{background:linear-gradient(90deg,#b99366,#e4c79d 15%,#e8d0a9 60%,#bc966b)}.composite .package-label{color:#136497}.valve{clip-path:polygon(0 7%,12% 0,88% 0,100% 7%,100% 94%,90% 100%,8% 100%,0 94%);height:183px;width:163px;transform:rotate(-3deg)}.valve-tab{position:absolute;top:0;right:0;width:55px;height:25px;background:#ab7e49;border-bottom:2px solid #8e6533;transform:skewY(5deg)}.format-title{padding:24px 20px}.format-title>small{font:9px Arial;letter-spacing:1px;color:var(--muted)}.format-title h3{font-size:19px;margin-top:8px}.format-title h3 span{float:right;font-size:20px}.format-title p{font-size:11px;color:var(--muted);margin-top:12px}.caption{font-size:10px;color:var(--muted);margin-top:22px}.materials-section{display:grid;grid-template-columns:1fr 1.3fr;gap:8%;background:var(--green);max-width:none;color:white}.materials-section .eyebrow{color:#c2d7b4}.materials-section>div>p{font-size:13px;color:#c8d6cb;margin:25px 0}.material-list article{display:flex;gap:24px;align-items:start;border-top:1px solid #ffffff30;padding:28px 0}.material-list article>span{font:11px Arial;color:#b8d2a8}.material-list h3{font-size:22px}.material-list p{font-size:12px;color:#c8d6cb;margin-top:10px;max-width:360px}.material-list b{font:9px Arial;margin-left:auto;color:#b0c4b6;padding-top:8px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps article{border-top:2px solid #a3b28c;padding-top:22px}.steps small{font:10px Arial;letter-spacing:1px;color:#8c9d7c}.steps h3{font-size:20px;margin:22px 0 12px}.steps p{font-size:12px;color:var(--muted)}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:70px 8%;background:#e9ede2}.about-logo{display:flex;align-items:center;justify-content:center;padding:30px;border:1px solid #ced7c5}.about-logo img{width:100%;height:auto;max-width:420px}.about-section p{font-size:13px;color:var(--muted);margin-top:20px}.about-sign{font:10px Arial;letter-spacing:2px;display:block;margin-top:30px;color:var(--green)}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:8%}.faqs details{border-bottom:1px solid var(--line);padding:22px 0}.faqs details:first-child{padding-top:0}.faqs summary{font-size:15px;cursor:pointer;list-style:none}.faqs summary span{float:right;color:#7e9579}.faqs details[open] summary span{transform:rotate(45deg)}.faqs p{font-size:13px;color:var(--muted);margin:16px 0 0}.enquiry-section{background:#e3e9dc;display:grid;grid-template-columns:1fr 1.2fr;gap:9%;padding:80px 5%}.enquiry-intro>p{font-size:13px;color:var(--muted);margin-top:25px}.enquiry-note{border-top:1px solid #bac8b2;padding-top:24px;margin-top:65px;max-width:310px}.enquiry-note>span{font-size:11px;color:var(--green)}.enquiry-note p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:11px;color:#54665b}.full{grid-column:1/-1}input,select,textarea{display:block;width:100%;border:1px solid #c4cebc;border-radius:2px;background:#f7f8f1;color:var(--ink);padding:12px;font-size:13px;margin-top:7px}textarea{height:90px;resize:vertical}form>.button{margin-top:22px}#form-status{display:block;font-size:12px;color:var(--green);margin-top:12px}.privacy-note{font-size:10px;color:var(--muted);margin-top:12px}footer{padding:45px 5% 20px;background:#143d34;color:#d3dfd3}.footer-top{display:flex;justify-content:space-between;gap:35px}.footer-top strong{font:italic 700 34px Arial;letter-spacing:2px}.footer-top p{font-size:11px;margin-top:12px}.footer-top>a{font-size:12px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;margin-top:35px;padding-top:18px;font-size:9px;color:#9fb5a6}dialog{border:0;border-radius:4px;background:var(--paper);color:var(--ink);width:calc(100% - 30px);max-width:670px;max-height:88dvh;overflow:auto;padding:35px}dialog::backdrop{background:#102f27b8}.close{float:right;background:none;border:0;font-size:28px;color:var(--ink)}dialog h2{font-size:30px;margin-bottom:20px}dialog p,dialog li{font-size:14px;color:var(--muted);line-height:1.9}dialog ul{padding-left:22px;margin:20px 0}dialog .button{margin-top:20px}.dialog-note{background:#e7eadf;padding:14px 18px;font-size:12px!important}body.dialog-open{overflow:hidden}[hidden]{display:none!important}
@media(min-width:1600px){.format-section,.materials-section,.about-section,.enquiry-section{padding-left:calc((100vw - 1485px)/2);padding-right:calc((100vw - 1485px)/2)}}
@media(max-width:1150px){header{gap:18px}nav{gap:17px;font-size:12px}header>.button{display:none}.hero-facts{gap:20px}.hero-facts>div{padding-right:17px}.hero-facts strong{font-size:21px}.hero-art{height:490px}.hero-drum{right:8%;width:185px;height:260px}.hero-sack{left:10%;width:185px;height:270px}.format-grid{grid-template-columns:repeat(2,1fr)}.format-visual{height:280px}.material-strip{gap:20px}.material-strip a{display:none}}
@media(max-width:760px){.topbar span:last-child{display:none}header{height:76px}.brand img{width:52px;height:43px}.brand b{font-size:18px}.brand small{font-size:8px}.menu{display:block;background:none;border:0;font-size:23px;color:var(--ink)}nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:25px 6%;flex-direction:column;font-size:14px;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:35px;gap:35px}.hero h1{font-size:46px}.hero .eyebrow{font-size:9px;letter-spacing:.5px}.hero-copy>p{font-size:13px}.hero-links{gap:20px}.hero-facts{margin-top:32px;justify-content:space-between;gap:10px}.hero-facts strong{font-size:21px}.hero-facts small{font-size:9px}.hero-art{height:420px}.hero-drum{right:10%;width:180px;height:245px;bottom:100px}.hero-sack{width:165px;height:245px;bottom:75px;left:12%}.hero-disc{width:290px;height:290px;left:16%;top:35px}.hero-sack .package-label b{font-size:21px}.hero-sack .package-label>span{font-size:6px}.art-chip{bottom:28px;left:15px;font-size:9px}.art-note{font-size:8px;bottom:8px}.material-strip{justify-content:space-between;gap:6px;font-size:10px;padding:18px 0}.material-strip i{font-size:8px}.section,.format-section{padding:55px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:18px}.section-heading .eyebrow{margin-bottom:14px}.service-pair{grid-template-columns:1fr;gap:35px}.service-pair p{font-size:13px}.format-grid{gap:12px}.format-visual{height:200px}.format-visual .sack{width:115px;height:155px}.format-visual .drum{width:115px;height:150px}.format-visual .valve{height:140px;width:120px}.format-visual .package-label b{font-size:13px}.format-visual .package-label>span{font-size:5px;letter-spacing:.3px}.format-visual .package-label em{font-size:22px;margin-top:12px}.format-visual .drum .package-label em{font-size:14px}.format-title{padding:18px 13px}.format-title h3{font-size:16px}.format-title>small{font-size:7px;letter-spacing:.3px}.format-title p{font-size:10px}.format-title h3 span{font-size:17px}.materials-section,.faq-section,.about-section,.enquiry-section{grid-template-columns:1fr;gap:35px}.materials-section .button{margin-top:0}.material-list article{padding:22px 0;gap:16px}.material-list p{font-size:12px}.material-list b{font-size:7px}.steps{grid-template-columns:1fr 1fr;gap:28px}.steps h3{font-size:18px;margin:15px 0 10px}.about-section,.enquiry-section{padding:50px 6%}.about-logo{padding:20px}.about-logo img{max-width:260px}.enquiry-note{margin-top:30px;padding-top:18px;max-width:none}.footer-top{flex-wrap:wrap;gap:20px}.footer-bottom{flex-direction:column;gap:10px}.form-grid{gap:15px 12px}.hero-links .button{padding:13px 20px;gap:22px}.hero-links .plain{font-size:12px;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}nav a.current{color:var(--green);text-decoration:underline;text-underline-offset:8px}.format-comparison{margin-top:46px;padding:30px;background:var(--paper);border:1px solid var(--line);border-radius:4px}.format-comparison h3{font-size:22px}.format-comparison>p{color:var(--muted);font-size:13px;margin:10px 0 22px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:580px}th,td{padding:16px 18px;border-bottom:1px solid var(--line);font-size:13px}thead{background:#e3e9dc}tbody th{font-weight:500;white-space:nowrap}td{color:var(--muted)}#form-status{padding:16px 20px;border:1px solid #95b39d;background:#f0f7e9;font-size:14px;border-radius:4px}#brief-preview{max-width:760px}#brief-preview>p{margin:12px 0}.brief-label{display:block;margin-top:20px}#brief-text{height:300px;line-height:1.8;background:white;resize:vertical;font-size:13px}.brief-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.brief-actions .plain{background:none;color:var(--green);border:0;border-bottom:1px solid;padding:8px 0;margin-top:20px}.button.secondary{color:var(--green);background:transparent}#brief-feedback{min-height:27px;color:var(--green);font-weight:500}.mobile-enquiry{display:none}dialog .close{min-width:40px;min-height:40px}@media(max-width:760px){.format-comparison{padding:20px 15px;margin-top:30px}.format-comparison h3{font-size:19px}th,td{padding:12px}.form-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(36px,10vw,46px)}.hero-facts strong{font-size:18px}.hero-facts>div{padding-right:10px}.mobile-enquiry{position:fixed;bottom:0;left:0;right:0;z-index:21;display:flex;justify-content:space-between;align-items:center;padding:15px 6% calc(15px + env(safe-area-inset-bottom));background:var(--green);color:white;font-size:14px;box-shadow:0 -3px 16px #173e3722}body{padding-bottom:66px}.brief-actions .button{padding:12px 16px;gap:10px}dialog{padding:25px 20px}#brief-text{height:260px}}

.contact-card{margin-top:32px;border-top:1px solid #bac8b2}.contact-card>a,.contact-card>div{display:block;padding:17px 0;border-bottom:1px solid #bac8b2}.contact-card small{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.contact-card strong{font-size:18px;font-weight:500;overflow-wrap:anywhere}.contact-card p{font-size:13px}.enquiry-note{margin-top:25px}.brief-actions a.button{margin-top:20px}@media(min-width:761px) and (max-width:1250px){header>.button{display:none}header{gap:18px}nav{gap:15px}}

.language-switch{display:flex;flex-shrink:0;border:1px solid #b2c2b4;border-radius:3px;overflow:hidden}.language-switch button{border:0;padding:8px 10px;background:transparent;color:var(--green);font-size:12px;white-space:nowrap}.language-switch button[aria-pressed="true"]{background:var(--green);color:#fff}html[lang="en"] body{font-family:Arial,sans-serif}html[lang="en"] h1{font-size:clamp(36px,4.3vw,66px);letter-spacing:-1px}html[lang="en"] .hero-facts{gap:16px;flex-wrap:wrap}html[lang="en"] .hero-facts strong{font-size:21px}html[lang="en"] .hero-facts small{display:block;max-width:150px}html[lang="en"] .hero-facts>div{padding-right:12px}html[lang="en"] .package-label em{font-size:15px}html[lang="en"] .format-title h3{font-size:18px}html[lang="en"] .format-title p{font-size:12px}html[lang="en"] .art-note{max-width:65%;text-align:right}html[lang="en"] .brand b{font-size:18px}html[lang="en"] .contact-card p{line-height:1.7}@media(max-width:1200px){header{gap:15px}header>.button{display:none}nav{gap:15px}html[lang="en"] nav{font-size:12px}}@media(min-width:761px) and (max-width:1000px){html[lang="en"] .menu{display:block;background:none;border:0;font-size:23px;color:var(--ink)}html[lang="en"] nav{display:none;position:absolute;top:92px;left:0;right:0;background:var(--paper);padding:25px 6%;flex-direction:column;font-size:14px;border-bottom:1px solid var(--line)}html[lang="en"] nav.open{display:flex}}@media(max-width:760px){header{gap:10px}.language-switch button{padding:7px 8px;font-size:11px}.brand{gap:7px}.brand b,html[lang="en"] .brand b{font-size:15px}.brand img{width:42px}.brand small{font-size:7px}html[lang="en"] .hero h1{font-size:42px}html[lang="en"] .hero-facts>div{border:0}html[lang="en"] .hero-facts strong{font-size:17px}html[lang="en"] .hero-facts small{font-size:10px;max-width:110px}.hero-links{flex-wrap:wrap}html[lang="en"] .format-title h3{font-size:16px}html[lang="en"] .package-label em{font-size:12px}}