:root{color-scheme:light;--ink:#1e2b31;--muted:#576971;--paper:#f7f6f1;--line:#d9dedc;--accent:#2d6179}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}
a{color:var(--accent)}a:hover{text-decoration:none}.wrap{max-width:1050px;margin:auto;padding:0 22px}
header{background:#fff;border-bottom:1px solid var(--line)}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:74px}
.brand{font-weight:800;font-size:1.1rem;text-decoration:none;color:var(--ink);letter-spacing:.02em}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{text-decoration:none;color:#36515d;font-size:.92rem}
main{padding:38px 0 60px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:.75rem;font-weight:750}
h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.14;margin:.35em 0}.lead{font-size:1.13rem;color:var(--muted);max-width:720px}
.hero,.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.hero img,.card img{display:block;width:100%;height:auto}
.hero .copy{padding:22px 28px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.card .copy{padding:16px 20px 22px}
.card h2{font-size:1.18rem;line-height:1.35;margin:.3em 0}.card p{font-size:.94rem;color:var(--muted);margin:.4em 0 1em}
.article{max-width:810px;margin:auto}.article h2{margin:1.8em 0 .4em;font-size:1.35rem}.article p{margin:.4em 0 1em}.article img{border-radius:16px;border:1px solid var(--line);margin:1.5em 0;width:100%;display:block}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:.87rem;background:#fff}
@media(max-width:700px){header .wrap{align-items:flex-start;padding-top:16px;padding-bottom:16px;flex-direction:column;gap:8px}.grid{grid-template-columns:1fr}main{padding-top:25px}}