:root{--green:#49634b;--dark:#26382b;--cream:#f7f5ee;--sand:#e8e1d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:#fff}a{color:inherit;text-decoration:none}.top{background:var(--dark);color:#fff;padding:9px 5%;font-size:12px;letter-spacing:.04em}.top span{float:right}header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;padding:17px 5%;box-shadow:0 1px 10px #0000000d}.brand{font-size:21px;letter-spacing:.11em;font-weight:400}.brand b{color:var(--green)}.brand small{display:block;font-size:9px;letter-spacing:.16em;margin-top:4px}nav{display:flex;gap:25px;align-items:center}nav a{font-size:13px}nav a:hover,.sectionhead a:hover{color:#8b9d73}#menu{display:none}.hero{min-height:610px;display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}.heroText{padding:110px 7% 90px 10%;align-self:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;color:#7b916b}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(45px,5vw,78px);line-height:1.08;margin:22px 0}h1 em{color:var(--green);font-weight:400}h2{font-size:clamp(32px,3.2vw,49px);line-height:1.17;margin:14px 0 20px}.hero p,.intro p{font-size:17px;line-height:1.75;max-width:570px;color:#596459}.hero img{width:100%;height:100%;object-fit:cover;min-height:610px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:15px 23px;background:var(--green);color:white;font-size:13px;font-weight:700;border:1px solid var(--green);transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.outline{background:transparent;color:var(--green)}.intro{text-align:center;padding:100px 6%;background:white}.intro p{margin:auto}.section{padding:90px 6%}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.sectionhead a{font-size:13px;text-decoration:underline}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.tiles article{background:#faf9f6;padding-bottom:18px}.tileImg{height:230px;background:#e3e9dd;display:grid;place-items:center;overflow:hidden}.tileImg img{width:100%;height:100%;object-fit:cover}.tileImg span{font-size:17px;letter-spacing:.16em;color:#596b56}.tileImg.paper{background:#e7d6bd}.tileImg.other{background:#e1e1d9}.tiles h3,.tiles p{margin:16px 16px 0}.tiles h3{font-size:18px}.tiles p{font-size:13px;line-height:1.6;color:#6c726b}.muted{background:var(--cream)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.products article{padding:35px 22px;background:#fff;min-height:185px;border-bottom:3px solid #829678}.products h3{font-family:Georgia,serif;font-size:21px;font-weight:400}.products p{font-size:13px;color:#6b746b}.products strong{font-size:17px}.notice{font-size:11px;color:#697169;margin-top:20px}.clients{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.clients figure{margin:0;background:#f4f2ed}.clients img{width:100%;height:310px;object-fit:contain}.clients figcaption{padding:15px;font-weight:700;letter-spacing:.14em;font-size:12px}.contact{padding:100px 6%;background:var(--green);color:white;text-align:center}.contact .eyebrow{color:#d8e5c8}.contact p{max-width:600px;margin:15px auto;line-height:1.7}.contact .actions{justify-content:center}.light{background:white;color:var(--green);border-color:white}.lightline{color:white;border-color:white}footer{background:#253529;color:white;padding:50px 6%;display:flex;justify-content:space-between;gap:20px}footer p,footer a{font-size:12px;color:#c2d0c1}footer a{display:block;margin-bottom:10px}@media(max-width:900px){#menu{display:block;border:0;background:transparent;font-size:25px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:22px 6%;flex-direction:column;align-items:start}nav.open{display:flex}.hero{grid-template-columns:1fr}.heroText{padding:70px 6%}.hero img{min-height:300px;height:350px}.tiles,.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.top span{display:none}.tiles,.products,.clients{grid-template-columns:1fr}.section,.intro,.contact{padding:65px 6%}.sectionhead{display:block}.tileImg{height:270px}footer{flex-direction:column}.clients img{height:260px}}
