/* Blog: article pages and /blog index. Reuses styles.css tokens and landing.css crumbs/cta. */
.blog-page .lp-section{max-width:1320px;margin:0 auto;padding:clamp(28px,5vw,64px) clamp(16px,4vw,48px)}
.post{max-width:760px;margin:0 auto;padding:clamp(20px,4vw,48px) clamp(18px,4vw,32px) clamp(24px,4vw,40px)}
.post-head h1,.blog-intro h1{font-size:clamp(34px,5vw,60px);line-height:1.06;margin:0 0 16px}
.post-head h1 .hand,.blog-intro h1 .hand{color:var(--terra);display:inline-block;font-size:1.04em}
.post-meta{font-size:14px;color:var(--muted);margin:0 0 24px}
.blog-intro .lead{max-width:620px;color:var(--ink-2)}
.post-fig{margin:0 0 28px}
.post-fig img{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow);background:var(--paper)}
.post-fig figcaption{font-size:13.5px;color:var(--muted);margin-top:10px;text-align:center}
.post-body{font-size:17.5px;line-height:1.72;color:var(--ink-2)}
.post-body h2{font-size:clamp(25px,3vw,32px);line-height:1.15;color:var(--ink);margin:38px 0 12px}
.post-body p{margin:0 0 18px}
.post-body ul,.post-body ol{margin:0 0 20px;padding-left:1.3em}
.post-body li{margin:0 0 9px;padding-left:2px}
.post-body li::marker{color:var(--terra)}
.post-body b{color:var(--ink)}
.post-body a,.post-close a{color:var(--terra-d);text-underline-offset:3px}
.post-close{margin:32px 0 0;padding:20px 22px;border-radius:var(--radius);background:var(--blush-soft);border:1px dashed rgba(168,112,94,.45);color:var(--ink);line-height:1.55}
.post-ctas{margin-top:26px}
.blog-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px)}
.blog-list-2{grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto}
.blog-list a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--ink);background:var(--paper);border-radius:var(--radius);padding:12px 12px 20px;box-shadow:0 10px 26px -18px rgba(110,60,52,.45);transition:transform .35s var(--ease)}
.blog-list a:hover{transform:translateY(-5px) rotate(-.5deg)}
.blog-list a:focus-visible{outline:3px solid var(--terra);outline-offset:3px}
.blog-list img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin-bottom:14px}
.blog-list b{display:block;font:600 21px/1.2 "Fraunces",Georgia,serif;padding:0 6px}
.blog-list span{display:block;font-size:15px;line-height:1.5;color:var(--muted);padding:8px 6px 0}
.blog-list em{display:block;font-style:normal;font-weight:600;font-size:14px;color:var(--terra-d);padding:14px 6px 0;margin-top:auto}
.post-more{background:var(--paper)}
.post-more .blog-list a{background:var(--cream)}
@media (max-width:900px){.blog-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){
  .blog-list,.blog-list-2{grid-template-columns:1fr}
  .post-body{font-size:16.5px}
  .post-fig img{max-height:420px}
}
.blog-intro{padding-bottom:8px}
.blog-intro+.lp-section{padding-top:16px}