@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&family=Sacramento&display=swap');
:root{--cream:#f7f2e9;--paper:#fffdf8;--sage:#e4e8dc;--green:#355d47;--green2:#56745c;--ink:#23382b;--muted:#686e66;--border:#d8d7cb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}
.header{height:76px;padding:0 4.8%;display:flex;align-items:center;gap:28px;background:rgba(255,253,248,.98);position:sticky;top:0;z-index:50;border-bottom:1px solid #ece9df}.logo{display:flex;align-items:center;gap:9px;font:700 18px "Playfair Display",serif;letter-spacing:.035em;white-space:nowrap}.logo-leaf{font-size:27px;color:var(--green);transform:rotate(-18deg);display:inline-block}.nav{display:flex;gap:26px;margin-left:auto;font-size:11px;font-weight:600}.nav a{transition:.2s}.nav a:hover{color:var(--green)}.contact{background:var(--green);color:#fff;padding:10px 20px;border-radius:28px;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 5px 14px #355d471c}.hamburger{display:none;background:none;border:0;padding:8px}.hamburger i{display:block;width:23px;height:2px;background:var(--green);margin:4px}
.hero{height:518px;display:grid;grid-template-columns:51.5% 48.5%;overflow:hidden;background:var(--cream)}.hero-left{position:relative;display:flex;align-items:center;overflow:hidden}.hero-inner{padding:20px 7.5% 16px 13%;position:relative;z-index:2}.eyebrow{font-size:10px;line-height:1.2;letter-spacing:.14em;color:#859381;font-weight:700;margin-bottom:12px}.hero h1{font:600 48px/1 "Playfair Display",serif;letter-spacing:.02em;margin:0 0 7px}.script,.foot-script{font:400 28px/1.15 Sacramento,cursive;color:#263a2d}.hero-text{font-size:12px;line-height:1.65;max-width:430px;color:#414940;margin:19px 0 22px}.buttons{display:flex;gap:10px}.btn{padding:10px 21px;border-radius:28px;font-size:11px;font-weight:600}.btn.solid{background:var(--green);color:#fff}.btn.outline{border:1px solid #abb3a9;background:#faf8f2}.btn span{font-size:13px;margin-left:4px}.benefits{display:flex;gap:28px;margin-top:29px}.benefits div{display:flex;align-items:center;gap:7px;text-align:center;min-width:105px}.benefit-icon{font-size:22px;color:var(--green)}.benefits strong{font-size:9px;line-height:1.45;font-weight:500}.corner-leaves{position:absolute;left:-30px;bottom:-75px;width:190px;opacity:.9}.hero-right{position:relative;overflow:hidden}.hero-right picture{display:block;width:100%;height:100%}.hero-right img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,var(--cream) 0%,rgba(247,242,233,.45) 5%,transparent 19%)}.waste-badge{position:absolute;right:16px;bottom:96px;background:rgba(53,93,71,.92);color:#fff;border-radius:50px;padding:13px 19px 13px 14px;display:flex;align-items:center;gap:10px}.recycle{font-size:28px}.waste-badge span:last-child{font-size:10px;line-height:1.35;font-weight:600}
.section{padding:34px 5% 48px}.heading{text-align:center;max-width:770px;margin:0 auto 24px}.heading h2,.catalog h2,.why h2,.impact h2{font:600 19px/1.25 "Playfair Display",serif;letter-spacing:.035em;margin:0 0 8px}.heading p{font-size:11px;color:#555b54;margin:0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.process-grid article{position:relative}.photo{height:150px;border-radius:11px;overflow:hidden}.photo picture{display:block;width:100%;height:100%}.photo img{width:100%;height:100%;object-fit:cover;transition:.35s}.process-grid article:hover img{transform:scale(1.04)}.number{position:absolute;top:126px;left:10px;width:37px;height:37px;background:var(--green);color:#fff;border:3px solid var(--cream);border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px}.process-grid h3{font:600 15px "Playfair Display",serif;margin:22px 0 3px}.process-grid p{font-size:9.5px;line-height:1.5;color:#5d635b;margin:0;max-width:220px}
.catalog{background:var(--sage);padding:25px 5% 42px}.catalog-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.catalog h2{margin:0}.catalog-top>a{font-size:10px;font-weight:700}.catalog-top>a span{font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.product-grid article{background:#fffdf8;border-radius:10px;overflow:hidden;box-shadow:0 3px 12px #3045300e;transition:.25s}.product-grid article:hover{transform:translateY(-4px);box-shadow:0 9px 22px #30453018}.product-grid picture{display:block;width:100%;height:140px}.product-grid img{display:block;width:100%;height:140px;object-fit:cover}.product-grid article div{text-align:center;padding:10px 5px 12px}.product-grid h3{font:600 11px "Playfair Display",serif;margin:0 0 2px}.product-grid b{font-size:9px;color:#526253}
.values{display:grid;grid-template-columns:1.2fr .72fr 1.28fr;background:#f7f4ec;min-height:305px}.why{padding:37px 10% 30px}.why h2{margin-bottom:20px}.why ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}.why li{font-size:9.5px;display:flex;align-items:center;gap:9px}.why li span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#dce4cf;color:var(--green);font-size:13px}.impact-art{display:flex;align-items:center;justify-content:center}.impact-art picture{display:block}.impact-art img{width:190px;height:195px;object-fit:cover;border-radius:110px 110px 22px 22px}.impact{padding:38px 9%;border-left:1px solid var(--border)}.impact>p{font-size:9.5px;line-height:1.55;color:#555b54;max-width:390px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:19px}.stats strong{display:block;font:600 21px "Playfair Display",serif}.stats span{font-size:8px;color:#5f655d;line-height:1.25}
.cta-wrap{background:#f7f4ec;padding:0 4.8%}.cta{min-height:58px;border-radius:11px;background:var(--green);color:white;padding:11px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{font:600 15px "Playfair Display",serif;margin:0 0 2px}.cta p{font-size:9px;margin:0;opacity:.82}.cta>a{background:#e1e7da;color:var(--green);padding:10px 22px;border-radius:25px;font-size:10px;font-weight:700;white-space:nowrap}
footer{background:#fffdf8;display:grid;grid-template-columns:1.5fr .65fr 1.25fr .65fr;gap:30px;padding:31px 7% 17px;position:relative}.foot-brand .logo{font-size:18px}.foot-script{font-size:17px;margin-top:2px}.foot-brand h4,footer h4{font-size:10px;margin:0 0 8px}footer>div:not(.copy):not(.foot-brand) a,footer p{display:block;font-size:8.5px;color:#5a615a;margin:3px 0}.social{display:flex;gap:10px}.social a{font-size:18px!important;font-weight:700}.copy{grid-column:1/-1;text-align:center;border-top:1px solid #eee9df;padding-top:11px;color:#999;font-size:7px}.sr-only{display:none}
@media(max-width:900px){.nav{gap:13px}.header{gap:14px}.hero-inner{padding-left:9%}.values{grid-template-columns:1fr 1fr}.impact{grid-column:1/-1;border-left:0;border-top:1px solid var(--border)}.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.header{height:66px}.hamburger{display:block;margin-left:auto}.nav{display:none;position:absolute;left:0;right:0;top:66px;background:#fffdf8;padding:17px 7%;flex-direction:column;gap:15px;box-shadow:0 10px 20px #0001}.nav.open{display:flex}.contact{display:none}.hero{height:auto;grid-template-columns:1fr}.hero-right{height:310px;order:-1}.hero-left{min-height:440px}.hero-inner{padding:38px 7%}.hero h1{font-size:42px}.benefits{gap:9px;justify-content:space-between}.benefits div{min-width:0;flex:1;flex-direction:column;gap:3px}.corner-leaves{width:140px}.process-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.values{grid-template-columns:1fr}.impact-art{padding:25px}.impact{grid-column:auto}.cta{flex-direction:column;text-align:center;padding:16px}.cta>a{width:100%}footer{grid-template-columns:1fr 1fr;padding:28px 7%}.copy{grid-column:1/-1}}
@media(max-width:430px){.process-grid,.product-grid{grid-template-columns:1fr}.photo{height:180px}.product-grid img{height:185px}.script{font-size:25px}.hero-left{min-height:475px}.hero h1{font-size:38px}}