@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&family=Poppins:wght@500;600&display=swap');:root{--ink:#1d2520;--muted:#69736c;--paper:#f5f7f2;--green:#2e7659;--line:#dce3dc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Outfit,sans-serif}header{height:68px;padding:0 max(22px,calc((100% - 1100px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header>a{font:600 1.05rem Poppins;text-decoration:none}nav{display:flex;gap:24px}nav a{color:var(--muted);text-decoration:none;font-size:.9rem}section{width:min(100% - 40px,1100px);margin:auto;padding:100px 0;border-bottom:1px solid var(--line)}.hero{min-height:78vh;display:flex;flex-direction:column;justify-content:center}.hero h1,.heading h2,.story h2,.contact h2{max-width:850px;margin:14px 0 20px;font:600 clamp(3rem,7vw,6.6rem)/.98 Poppins;letter-spacing:-.065em}.hero p{max-width:550px;color:var(--muted);font-size:1.15rem}.cta{align-self:flex-start;margin-top:22px;padding:13px 18px;border-radius:9px;background:var(--green);color:#fff;text-decoration:none;font-weight:600}small{color:var(--green);letter-spacing:.14em}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.products article{padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff}.shape{height:310px;border-radius:10px;background:#dde0d6;position:relative}.shape:after{content:'';position:absolute;left:50%;bottom:25px;transform:translateX(-50%);background:#8e694f}.one:after{width:120px;height:170px;border-radius:45% 45% 25% 25%}.two:after{width:140px;height:150px;border-radius:20px 50px 30px 30px}.three:after{width:200px;height:45px;border-radius:50%}.products h3{margin-bottom:0}.products p,.story>p{color:var(--muted)}.story{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}.story h2{font-size:clamp(2.5rem,5vw,4.7rem)}.contact{text-align:center}.contact h2{margin:0 auto 25px;font-size:clamp(2.4rem,5vw,4.5rem)}.contact .cta{display:inline-block}footer{padding:30px;text-align:center;color:var(--muted)}@media(max-width:700px){nav{display:none}.products,.story{grid-template-columns:1fr}.hero h1{font-size:3.5rem}}
