:root{--bg:#f5f5f2;--ink:#0d0e0b;--ink-2:#2a2c27;--gray:#6b6e66;--line:rgba(13,14,11,.13);--brand:#114f1d;--deep:#0b3513;--bright:#2de01d;--mint:#e2ffde;--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:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;width:100%;height:100%;object-fit:cover}
.art-hero img{position:absolute;inset:0}
.top{display:flex;justify-content:space-between;align-items:center;padding:18px var(--pad);border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}
.top img{height:34px;width:auto}
.top .cta{background:var(--deep);color:#fff;text-decoration:none;padding:10px 18px;border-radius:99px;font-size:14px;font-weight:600}
.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:-.04em;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(11,53,19,.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)}
article{max-width:720px;margin:0 auto;font-size:1.08rem;color:var(--ink-2)}
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)}
.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:#cfe6cc;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(--ink);color:#8a8c84;padding:22px var(--pad);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px}
.foot a{text-decoration:none}
@media (max-width:900px){.cards{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.cards{grid-template-columns:1fr}.top img{height:28px}.art-hero{padding-top:70%}}