:root{--brand:#386339;--brand-2:#3f7652;--deep:#1b3220;--bright:#b3d8b3;--bg:#eef2ec;--ink:#1c2429;--ink-2:#38444b;--gray:#6b777e;--line:rgba(56,99,57,.18);--slate:#262e33;--pad:clamp(18px,3.2vw,48px)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Plus Jakarta Sans","Helvetica Neue",Arial,sans-serif;background-color:var(--bg);background-image:radial-gradient(circle,rgba(56,99,57,.16) 1px,transparent 1.4px),linear-gradient(90deg,rgba(56,99,57,.055) 1px,transparent 1px),linear-gradient(rgba(56,99,57,.055) 1px,transparent 1px);background-size:24px 24px,120px 120px,120px 120px;color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;width:100%;height:100%;object-fit:cover}
.top{display:flex;justify-content:space-between;align-items:center;padding:16px var(--pad);border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}
.top .logo{height:42px;width:auto}
.top .cta{background:var(--brand);color:#fff;text-decoration:none;padding:11px 22px;font-size:14px;font-weight:700;border-radius:99px}
.top .cta:hover{background:var(--brand-2)}
.wrap{max-width:1180px;margin:0 auto;padding:0 var(--pad)}
.hero{padding:clamp(48px,7vw,96px) 0 clamp(28px,4vw,48px)}
.kick{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}
h1{font-size:clamp(2.2rem,5.4vw,4.4rem);line-height:1.02;letter-spacing:-.045em;font-weight:800;margin:14px 0 18px;max-width:18ch}
.lede{font-size:clamp(1.05rem,1.4vw,1.25rem);color:var(--ink-2);max-width:60ch}
.cat{margin:clamp(40px,6vw,72px) 0}
.cat h2{font-size:clamp(1.5rem,2.6vw,2.2rem);letter-spacing:-.03em;margin-bottom:6px}
.cat p.s{color:var(--gray);margin-bottom:22px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border-radius:10px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;border:1px solid var(--line);transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(27,50,32,.12)}
.card .ph{position:relative;padding-top:62.5%;background:#dfe6dc;overflow:hidden}.card .ph img{position:absolute;inset:0}
.card .tx{padding:18px 20px 22px}
.card h3{font-size:1.08rem;line-height:1.3;letter-spacing:-.015em;margin-bottom:8px}
.card span{font-size:14px;color:var(--gray)}
.art-hero{position:relative;padding-top:42%;border-radius:12px;overflow:hidden;margin:8px 0 clamp(28px,4vw,48px)}
.art-hero img{position:absolute;inset:0}
article{max-width:720px;margin:0 auto;font-size:1.08rem;color:var(--ink-2);background:rgba(238,242,236,.85)}
article p{margin:0 0 1.1em}
article h2{font-size:1.45rem;letter-spacing:-.02em;color:var(--ink);margin:1.7em 0 .5em}
article ul{margin:0 0 1.2em 1.2em}
article li{margin:.35em 0}
article b{color:var(--ink)}
article a{color:var(--brand-2);font-weight:600}
.box{background:var(--deep);color:#fff;border-radius:12px;padding:clamp(24px,4vw,40px);margin:clamp(40px,6vw,64px) auto;max-width:720px}
.box h2{font-size:1.6rem;letter-spacing:-.03em;margin-bottom:8px}
.box p{color:#cfe2cd;margin-bottom:18px}
.box a{display:inline-block;background:var(--bright);color:var(--deep);font-weight:700;text-decoration:none;padding:12px 20px;border-radius:99px;margin-right:10px;margin-top:6px}
.box a.alt{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}
.more{max-width:1180px;margin:0 auto clamp(48px,6vw,80px)}
.back{display:inline-block;margin:22px 0 0;font-size:14px;color:var(--gray);text-decoration:none}
.foot{background:var(--slate);color:#97a3aa;padding:22px var(--pad);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px}
.foot a{text-decoration:none}.foot a:hover{color:#fff}
.foot .legal{flex-basis:100%;font-size:12px;opacity:.75}
@media (max-width:900px){.cards{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.cards{grid-template-columns:1fr}.top .logo{height:32px}.top .cta{padding:10px 16px}.art-hero{padding-top:70%}}