:root{--green:#123f34;--gold:#e5a832;--cream:#f7f3ea;--ink:#22302b;--muted:#6d7771;--line:#e3ded3}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.hero,.article-head{background:linear-gradient(135deg,#103c32,#174d3e);color:white;padding:28px clamp(20px,5vw,70px) 70px}.hero nav,.article-head nav{display:flex;gap:18px;margin-bottom:50px}.hero a,.article-head a{color:white;text-decoration:none;font-weight:800}.hero span{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.hero h1,.article-head h1{font-size:clamp(38px,7vw,78px);line-height:.95;margin:10px 0 22px;max-width:920px}.hero p,.article-head p{font-size:clamp(18px,2.4vw,25px);line-height:1.45;color:rgba(255,255,255,.78);max-width:850px}.wrap{max-width:1180px;margin:-42px auto 70px;padding:0 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 18px 45px rgba(18,63,52,.10)}.card img{width:100%;height:220px;object-fit:cover;display:block}.card div{padding:22px}.cat{display:inline-flex;color:var(--green);background:#edf3ef;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.card h2{font-size:24px;line-height:1.1;margin:16px 0 12px}.card h2 a{color:var(--green);text-decoration:none}.card p{color:var(--muted);line-height:1.55}.read{display:inline-flex;margin-top:8px;color:var(--green);font-weight:900;text-decoration:none;border-bottom:2px solid var(--gold)}.article{max-width:940px;margin:-38px auto 80px;padding:0 20px}.cover{width:100%;max-height:480px;object-fit:cover;border-radius:16px;box-shadow:0 22px 60px rgba(18,63,52,.18);background:white}.content{background:white;border:1px solid var(--line);border-radius:16px;margin-top:24px;padding:clamp(24px,5vw,54px);font-size:19px;line-height:1.75}.content p{margin:0 0 1.3em}@media(max-width:760px){.hero,.article-head{padding-bottom:52px}.hero nav,.article-head nav{margin-bottom:34px}.card img{height:190px}.content{font-size:17px}}