:root{--green:#193e33;--ink:#223e33;--cream:#f5f4ed;--line:#d8ddd4;--sage:#dce3d8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #af861e;outline-offset:5px}h1,h2,h3,p{margin:0}p{line-height:1.9}button{color:inherit}button span,a span{transition:transform .2s}button:hover>span,a:hover>span{transform:translate(2px,-2px)}.topbar{background:var(--green);color:white;height:33px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.4px}.topbar a{font-size:11px;letter-spacing:.4px}header{height:98px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.brand b{font-size:24px;letter-spacing:4px}.brand small{display:block;font-size:9px;letter-spacing:1.6px;margin-top:5px}.brandmark{font-size:54px;font-weight:800;line-height:1;font-family:Arial;position:relative;letter-spacing:-9px;padding-right:9px}.brandmark span{position:absolute;left:10px;top:22px;width:25px;height:5px;background:#fff;transform:rotate(-35deg)}nav{display:flex;gap:33px;font-size:14px;font-weight:600}nav a:hover{color:#7a8052}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:53px;padding:15px 25px;background:var(--green);color:#fff;border:1px solid var(--green);font-size:14px;font-weight:600;transition:background .2s}.button:hover{background:#315d47}.button span{font-size:20px}.button.small{min-height:44px;padding:9px 17px;gap:22px;font-size:12px}.menu{display:none}.hero{display:grid;grid-template-columns:46% 54%;min-height:650px;background:var(--cream)}.herocopy{padding:77px 9% 28px 11%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;line-height:1.5;margin-bottom:26px}h1{font-size:clamp(42px,4.4vw,70px);line-height:1.32;font-weight:500;letter-spacing:-2px}h1 span{display:block}h1 span:after{content:"";width:60px;height:4px;background:#a8b39a;display:inline-block;vertical-align:middle;margin-left:16px}.intro{font-size:15px;line-height:2;color:#5a665b;margin:27px 0 31px}.herofoot{display:flex;justify-content:space-between;width:100%;align-items:center;margin-top:auto;padding-top:49px;font-size:11px;letter-spacing:1px;color:#657466}.herofoot a{font-size:26px}.heroimage{position:relative;margin:0;overflow:hidden;background:#dfe3d8}.heroimage img{width:100%;height:100%;object-fit:cover;position:absolute}.heroimage figcaption{position:absolute;bottom:18px;right:20px;font-size:10px;color:#465447;background:#ffffffb8;padding:6px 9px}.imageword{position:absolute;top:30px;right:35px;font:italic 23px Georgia;color:#3c5d47;line-height:1.2}.introbar{padding:29px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.introbar p{font-size:16px}.introbar span{font-size:12px;color:#6e756d}.introbar i{font-style:normal;margin:0 16px;color:#b2b8ab}.section{padding:95px 7%}.sectionhead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:45px;gap:30px}.sectionhead>p{color:#737b70;font-size:14px}h2{font-size:clamp(30px,3.1vw,46px);line-height:1.4;font-weight:500;letter-spacing:-1px}.solutiongrid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.productart{height:345px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.productart>small{position:absolute;bottom:15px;left:20px;color:#65725f;font-size:10px;letter-spacing:1px}.boxart{background:#e4e7dd}.package{position:absolute;box-shadow:14px 20px 25px #34463525;transform:skewY(-7deg);display:flex;align-items:center}.package:after{content:"";position:absolute;left:100%;top:10px;width:24px;height:100%;background:#b6b8a8;transform:skewY(40deg);transform-origin:left top}.p1{background:#254c3b;color:#edece1;width:155px;height:218px;left:25%;top:48px}.p1:after{background:#143825}.p1 span{padding:25px;font-size:9px;line-height:2}.p1 b{font-size:18px;font-weight:400;line-height:1.5;display:block;margin-top:22px}.p2{background:#f5f1e5;width:125px;height:130px;left:54%;top:166px;transform:skewY(-7deg) rotate(5deg);padding:22px;font-size:17px;line-height:1.7}.leafletart{background:#eeeae1}.leaflet{display:flex;transform:rotate(-13deg);width:74%;height:230px;filter:drop-shadow(12px 20px 10px #252c2620)}.leaflet>div{width:33.333%;padding:18px;background:#faf9f1;transform:skewY(5deg);border-right:1px solid #d2d4c9}.leaflet>div:nth-child(2){background:#e7e8dd;transform:skewY(-5deg)}.leaflet>div:nth-child(3){background:#f7f6ef}.leaflet small{font-size:8px;letter-spacing:1px}.leaflet b{font-size:19px;font-weight:500;display:block;margin:24px 0}.leaflet span{font-size:8px;line-height:1.5;letter-spacing:1px}.leaflet em{font-size:15px;font-style:normal;display:block;margin:10px 0}.leaflet i{height:2px;background:#bac0b1;display:block;margin:10px 0}.productcopy{padding:26px 0 0}.number{font-size:10px;letter-spacing:1.6px;color:#78816d}.productcopy h3{font-size:26px;font-weight:500;margin:12px 0}.productcopy p{font-size:14px;color:#687063;max-width:440px}.textlink{margin-top:24px;display:inline-flex;gap:60px;background:none;border:0;border-bottom:1px solid #7a8977;padding:0 0 12px;font-size:13px;font-weight:600}.about{padding:85px 7%;display:grid;grid-template-columns:1fr 1fr;gap:9%;background:var(--green);color:#f3f3e9;overflow:hidden}.abouttitle{position:relative}.abouttitle h2{font-size:46px}.bigword{display:block;font-size:150px;font-weight:700;line-height:1;margin-top:40px;color:#66816835;letter-spacing:18px}.aboutcopy{padding-top:6px}.loc{font-size:10px;letter-spacing:2px;color:#bdd0b9}.aboutcopy h3{font-weight:500;font-size:25px;margin:25px 0 21px}.aboutcopy p{font-size:14px;color:#c1cdbf;margin-bottom:17px}.light{border-color:#98aa95}.aboutlinks{margin-top:35px}.aboutlinks a{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid #ffffff26;font-size:13px}.aboutlinks span{font-size:11px;color:#bdc9b5}.collaboration{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:var(--cream)}.collaboration p:not(.eyebrow){font-size:14px;color:#687365;margin:23px 0}.steps>div{display:flex;gap:28px;padding:25px 0;border-bottom:1px solid #c9d1c2}.steps>div:first-child{border-top:1px solid #c9d1c2}.steps>div>span{font:24px Georgia;color:#8b9b7b}.steps h3{font-size:20px;font-weight:500}.steps p{margin:9px 0 0!important;font-size:13px!important}.newsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.newsgrid>a{border-top:1px solid #a9b29f;padding:23px 0 0}.newsgrid>a>span{font-size:10px;color:#77836d;letter-spacing:1px}.newsgrid h3{font-size:22px;line-height:1.6;font-weight:500;margin-top:18px}.newsgrid b{font-size:12px;font-weight:500;display:block;margin-top:20px}.swatches,.paperlines,.halftone{height:100px;margin-top:25px;overflow:hidden;transition:transform .3s}.newsgrid>a:hover .swatches,.newsgrid>a:hover .paperlines,.newsgrid>a:hover .halftone{transform:translateY(-4px)}.swatches{display:flex;align-items:center;justify-content:center;background:#f6f3eb}.swatches i{width:55px;height:55px;border-radius:50%;margin-left:-8px;background:#c6bc75;mix-blend-mode:multiply}.swatches i:nth-child(2){background:#b3bfab}.swatches i:nth-child(3){background:#699083}.swatches i:nth-child(4){background:#e0ae87}.paperlines{background:repeating-linear-gradient(-20deg,#deddd2 0px,#f1f0e6 3px,#fff 10px,#eeeee3 20px)}.halftone{background:radial-gradient(#506b4d 1.5px,transparent 2px),#e6ebdf;background-size:9px 9px;mask-image:linear-gradient(to right,transparent,#000)}.contact{background:#dce5d5;padding:75px 7%;display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact .button{margin-top:30px}.cream{background:var(--green);color:#fff}.contactinfo{padding-top:10px}.contactinfo>span,.contactinfo>div>span{font-size:11px;color:#586f51}.contactinfo>a{display:block;font-size:16px;margin:16px 0}.contactinfo .phone{font-size:31px;letter-spacing:-.5px}.contactinfo>div{border-top:1px solid #aebb9f;margin-top:25px;padding-top:23px}.contactinfo p{font-size:13px;margin-top:10px}.subinfo{display:flex;gap:28px}footer{padding:40px 5%;display:flex;justify-content:space-between;align-items:center;gap:30px}footer>div{font-size:11px;color:#717a6b}footer p{font-size:10px;margin-top:8px}.backtop{font-size:12px}.skip{position:fixed;top:-100px;left:10px;background:#fff;padding:12px;z-index:100}.skip:focus{top:10px}dialog{border:0;max-width:560px;width:calc(100% - 32px);padding:43px;color:var(--ink);box-shadow:0 20px 100px #0004;max-height:90dvh;overflow:auto}dialog::backdrop{background:#14291ecd;backdrop-filter:blur(4px)}dialog h2{font-size:29px;margin-bottom:15px}dialog p{font-size:14px;color:#63705e}dialog .close{position:absolute;right:17px;top:10px;font-size:29px;border:0;background:none}dialog .eyebrow{font-size:10px}dialog ul{padding-left:20px;font-size:14px;line-height:2.2;margin:20px 0}form{display:grid;gap:16px;margin-top:22px}label{display:grid;gap:8px;font-size:12px}input,textarea,select{width:100%;background:#f6f7f2;border:1px solid #cdd4c5;border-radius:0;padding:12px;color:var(--ink);font-size:14px}textarea{resize:vertical}.note{font-size:11px!important;line-height:1.7!important;margin:15px 0}form .note{margin:0}.directcall{display:block;font-size:12px;margin-top:18px}body.modal-open{overflow:hidden}#form-status:empty{display:none}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:750px}}@media(max-width:1050px){header{gap:15px;padding:0 4%}nav{gap:17px;font-size:12px}.brand b{font-size:21px}.button.small{display:none}.herocopy{padding-top:65px}.hero{min-height:590px}.introbar{display:block}.introbar span{display:block;margin-top:9px}.p1{left:19%}.leaflet{width:85%}.section{padding:70px 6%}}@media(max-width:700px){.topbar{padding:0 5%;font-size:8px;letter-spacing:.9px}.topbar a{font-size:9px}header{height:77px;padding:0 5%}.brand b{font-size:20px}.brandmark{font-size:43px}.brandmark span{left:7px;top:18px}.brand small{font-size:8px}.menu{display:block;background:none;border:1px solid #ccd2c5;width:38px;height:38px;font-size:20px}nav{display:none;position:absolute;top:77px;left:0;right:0;background:white;padding:15px 6% 25px;box-shadow:0 15px 20px #183f3510}nav.open{display:grid}nav a{padding:10px 0;font-size:15px}.hero{grid-template-columns:1fr}.herocopy{padding:43px 6% 22px}.eyebrow{font-size:9px;margin-bottom:20px}h1{font-size:46px;line-height:1.3}h1 span{display:inline}h1 span:after{display:none}.intro{font-size:13px;margin:22px 0}.herofoot{padding-top:27px;font-size:10px}.heroimage{height:380px}.imageword{font-size:19px;top:22px;right:22px}.heroimage figcaption{font-size:8px}.introbar{padding:23px 6%}.introbar p{font-size:13px}.introbar span{font-size:10px}.introbar i{margin:0 7px}.section{padding:57px 6%}.sectionhead{display:block;margin-bottom:28px}.sectionhead>p{font-size:12px;margin-top:20px}h2{font-size:32px}.solutiongrid{grid-template-columns:1fr;gap:36px}.productart{height:300px}.productcopy h3{font-size:23px}.productcopy p{font-size:13px}.about,.collaboration,.contact{grid-template-columns:1fr;padding:55px 6%;gap:35px}.abouttitle h2{font-size:36px}.bigword{display:none}.aboutcopy h3{font-size:23px;margin-top:18px}.aboutcopy p{font-size:13px}.newsgrid{grid-template-columns:1fr;gap:35px}.newsgrid>a{position:relative;padding-right:110px;min-height:180px}.newsgrid h3{font-size:20px}.newsgrid .swatches,.newsgrid .paperlines,.newsgrid .halftone{position:absolute;right:0;top:20px;width:85px;height:100px}.swatches i{width:27px;height:27px;flex-shrink:0}.contactinfo .phone{font-size:27px}.contactinfo>a{font-size:14px}footer{padding:32px 6%;flex-wrap:wrap}footer>div{order:3;width:100%;border-top:1px solid var(--line);padding-top:20px}dialog{padding:36px 23px}dialog h2{font-size:25px}.leaflet{max-width:320px}.p1{left:24%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Scroll-led art direction */
.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:#c0c99e;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}header{transition:height .35s,box-shadow .35s}body.scrolled header{height:77px;box-shadow:0 5px 28px #183f350d}.hero{position:relative;display:block;min-height:690px;height:calc(100svh - 131px);max-height:1050px;isolation:isolate;background:#283f30;overflow:hidden}.heroimage{position:absolute;inset:0;z-index:-2;height:100%;width:100%}.heroimage img{object-position:center 52%;height:120%;top:-10%;transform:translate3d(0,var(--hero-y,0px),0) scale(1.035);will-change:transform}.heroimage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071e17dc 0%,#11281ca8 32%,#192c1c35 63%,#12231506 100%),linear-gradient(0deg,#1226198c,transparent 32%)}.heroimage figcaption{z-index:2;bottom:22px;right:4%;background:none;color:#fff9}.imageword{color:#fff9;z-index:2;font-size:26px;right:5%;top:46px}.herocopy{height:100%;width:100%;padding:65px 7% 34px;position:relative;z-index:2;color:#fff;justify-content:center;align-items:flex-start}.herocopy .eyebrow{color:#dee6ce;margin-bottom:29px}.herocopy h1{font-size:clamp(56px,6.1vw,96px);line-height:1.24;letter-spacing:-3px;font-weight:400}.herocopy h1 span{display:block}.herocopy h1 span:after{display:none}.hero-line{overflow:hidden;padding-bottom:8px}.hero-line>span{transform:translateY(0)}.herocopy .intro{color:#e0e6db;font-size:15px;margin:28px 0 30px}.herocopy>.button{background:#f0f2e8;color:#1c3e30;border-color:#f0f2e8;min-width:205px}.herocopy>.button:hover{background:#dce5d0}.herofoot{position:absolute;bottom:26px;left:7%;width:86%;padding-top:0;color:#fff9;font-size:10px}.scroll-cue{display:flex;align-items:center;gap:17px;margin-right:21%}.scroll-cue>span{font-size:9px;letter-spacing:1.6px}.scroll-cue i{font-size:20px;font-style:normal;display:inline-flex;border:1px solid #ffffff50;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%}.introbar{padding-top:32px;padding-bottom:32px;background:var(--cream)}.paper-story{height:175vh;position:relative;background:#f5f4ed}.story-sticky{position:sticky;top:77px;height:calc(100svh - 77px);min-height:570px;padding:6vh 7% 5vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.story-meta{display:flex;justify-content:space-between;position:absolute;top:7vh;left:7%;right:7%;align-items:center}.story-meta .eyebrow{margin:0}.story-meta>span{font-size:10px;color:#6b7964;letter-spacing:2px}.story-sticky h2{position:relative;z-index:2;font-size:clamp(35px,4.7vw,73px);font-weight:400;line-height:1.65;letter-spacing:-2px}.story-line{display:block;color:#cad0c2;--fill:100%;background:linear-gradient(to right,#193e33 var(--fill),#cbd0c4 var(--fill));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.serif-word{font-family:"Songti SC","STSong",serif;font-style:italic}.story-bottom{display:flex;align-items:flex-end;gap:30px;position:absolute;bottom:6vh;left:7%;right:7%;z-index:2}.story-bottom p{font-size:12px;color:#727d6b;line-height:1.9;flex:1}.story-meter{width:140px;height:1px;background:#cad2bf;overflow:hidden;margin-bottom:7px}.story-meter i{display:block;width:100%;height:100%;background:#193e33;transform-origin:left;transform:scaleX(var(--story-progress,0))}.story-index{font-size:10px;letter-spacing:2px;margin-bottom:2px}.paper-orbit{position:absolute;right:-30px;top:50%;width:300px;height:300px;transform:translateY(-50%) rotate(var(--paper-angle,-12deg));opacity:.28;pointer-events:none}.paper-orbit i{position:absolute;inset:0;border:1px solid #91a17e;transform:rotate(15deg)}.paper-orbit i:nth-child(2){transform:rotate(35deg)}.paper-orbit i:nth-child(3){transform:rotate(55deg)}.solutions{padding-top:115px;padding-bottom:125px}.solutions .sectionhead{margin-bottom:65px}.solutiongrid{gap:6%}.product:nth-child(2){margin-top:125px}.productart{height:390px}.productart .package,.productart .leaflet{translate:0 var(--product-y,0px);transition:filter .5s}.product:hover .productart .leaflet{filter:drop-shadow(15px 25px 12px #252c2630)}.productcopy{padding-top:32px}.productcopy h3{font-size:30px}.productcopy .textlink{transition:gap .3s}.product:hover .textlink{gap:85px}.about{padding-top:120px;padding-bottom:100px;position:relative}.bigword{transform:translate3d(var(--word-x,0px),0,0);will-change:transform}.abouttitle h2{font-size:clamp(38px,4vw,60px)}.collaboration{padding-top:110px;padding-bottom:110px}.contact{padding-top:100px;padding-bottom:100px}.contact h2{font-size:clamp(36px,3.6vw,54px)}.newsgrid>a{transition:color .3s}.newsgrid>a:hover{color:#5e744a}.reveal{opacity:1;transform:none}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translate3d(0,48px,0)}.motion-ready .reveal{transition:opacity 1s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform 1.15s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}.motion-ready .productart:not(.is-visible){transform:translate3d(0,60px,0) scale(.96)}.motion-ready .steps>div:not(.is-visible){transform:translate3d(30px,0,0)}.motion-ready .hero-line>span{animation:heroEnter 1.25s cubic-bezier(.2,.8,.2,1) both}.motion-ready .hero-line:nth-child(2)>span{animation-delay:.15s}.motion-ready .herocopy>.eyebrow,.motion-ready .herocopy>.intro,.motion-ready .herocopy>.button{animation:heroFade 1.2s both}.motion-ready .herocopy>.intro{animation-delay:.35s}.motion-ready .herocopy>.button{animation-delay:.5s}.motion-ready .scroll-cue i{animation:cue 2.5s ease-in-out infinite}@keyframes heroEnter{from{transform:translateY(112%)}to{transform:translateY(0)}}@keyframes heroFade{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes cue{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@media(max-width:1050px){.herocopy{padding-left:6%}.hero{min-height:650px}.productart{height:330px}.product:nth-child(2){margin-top:95px}.story-sticky h2{font-size:5vw}.paper-orbit{right:-120px}.herofoot{left:6%;width:88%}}
@media(max-width:700px){header,body.scrolled header{height:77px}.hero{height:calc(90svh - 110px);min-height:570px;max-height:800px}.heroimage{height:100%}.heroimage img{object-position:61% center;width:100%;height:112%;top:-6%}.heroimage:after{background:linear-gradient(90deg,#081f18dd,#112c20a0 65%,#182f2260),linear-gradient(0deg,#11291b90,transparent)}.herocopy{padding:42px 6% 80px;justify-content:center}.herocopy h1{font-size:clamp(38px,8.5vw,58px);letter-spacing:-1.5px;line-height:1.35}.herocopy .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:24px}.herocopy .intro{font-size:12px;margin:22px 0 27px}.herofoot{bottom:28px;align-items:center}.herofoot>span{font-size:9px}.scroll-cue{margin-right:0;gap:10px}.scroll-cue>span{font-size:7px;letter-spacing:1px}.scroll-cue i{width:32px;height:32px;font-size:17px}.heroimage figcaption{bottom:7px;right:6%;font-size:7px}.imageword{display:none}.paper-story{height:145svh}.story-sticky{top:77px;height:calc(100svh - 77px);min-height:480px;padding:50px 6%}.story-meta{top:40px;left:6%;right:6%}.story-meta .eyebrow{font-size:8px;letter-spacing:1px}.story-meta>span{font-size:8px;letter-spacing:0}.story-sticky h2{font-size:clamp(24px,5.6vw,39px);line-height:1.85;letter-spacing:-1px}.story-bottom{bottom:40px;left:6%;right:6%;gap:14px}.story-bottom p{font-size:10px}.story-meter{width:45px}.story-index{font-size:8px;letter-spacing:.5px}.paper-orbit{width:180px;height:180px;right:-110px;opacity:.2}.solutions{padding-top:65px;padding-bottom:65px}.solutions .sectionhead{margin-bottom:35px}.product:nth-child(2){margin-top:0}.productart{height:300px}.productcopy h3{font-size:24px}.solutiongrid{gap:45px}.about,.collaboration,.contact{padding-top:65px;padding-bottom:65px}.abouttitle h2{font-size:36px}.contact h2{font-size:35px}.motion-ready .reveal:not(.is-visible){transform:translate3d(0,26px,0)}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}.heroimage img,.bigword,.productart .package,.productart .leaflet{transform:none;translate:none;will-change:auto}.paper-story{height:auto}.story-sticky{position:relative;top:0;min-height:600px}.story-line{background:none;color:var(--green);-webkit-text-fill-color:currentColor}.paper-orbit{transform:translateY(-50%) rotate(-12deg)}.motion-ready .hero-line>span,.motion-ready .herocopy>.eyebrow,.motion-ready .herocopy>.intro,.motion-ready .herocopy>.button,.motion-ready .scroll-cue i{animation:none}.story-meter,.story-index{display:none}}