.blog-hero{padding:4.5rem 0 2rem}
.blog-hero h1{font-size:clamp(2.2rem,5vw,3.4rem);margin:.4rem 0 1rem}
.blog-hero__lead{font-size:1.15rem;color:var(--ink-soft);max-width:560px}

.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.8rem}
.post-card{display:block;text-decoration:none;color:var(--ink);background:var(--cream-deep);
  border:1px solid var(--line);border-radius:var(--r);padding:2rem;transition:transform .2s,box-shadow .2s}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.post-card__cat{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--terra)}
.post-card h2{font-size:1.4rem;margin:.7rem 0 .8rem;line-height:1.15}
.post-card p{color:var(--ink-soft);font-size:.98rem;margin-bottom:1.1rem}
.post-card__link{font-weight:600;color:var(--terra-deep);font-size:.92rem}

/* Article page */
.article{max-width:720px;margin:0 auto;padding:3.5rem 0}
.article__cat{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--terra)}
.article h1{font-size:clamp(2rem,5vw,3rem);margin:.6rem 0 1rem;line-height:1.1}
.article__meta{color:var(--ink-soft);font-size:.9rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}
.article p{margin-bottom:1.3rem;font-size:1.08rem;color:#3d372f}
.article h2{font-size:1.6rem;margin:2.4rem 0 1rem}
.article ul{margin:0 0 1.5rem 1.3rem}
.article li{margin-bottom:.6rem;font-size:1.06rem}
.back-link{display:inline-block;margin-bottom:2rem;color:var(--terra-deep);text-decoration:none;font-weight:600;font-size:.92rem}

@media(max-width:760px){.post-grid{grid-template-columns:1fr}}