/* Blog: post hero, author box, blog index */
.post-hero{margin:0 0 var(--s5)}
.post-hero img{display:block;width:100%;height:auto;border-radius:var(--r-lg);box-shadow:var(--shadow-card)}
.author-box{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--s4);align-items:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s4);margin:var(--s5) 0 var(--s4)}
.author-box img{width:120px;height:150px;object-fit:cover;object-position:top;border-radius:var(--r-md)}
.author-box p{margin:0 0 var(--s2)}
.author-box .ab-label{font-family:var(--font-label);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;color:var(--muted);margin-bottom:2px}
.author-box .ab-name{font-family:var(--font-display);font-weight:800;font-size:var(--fs-h4);color:var(--ink);margin-bottom:0}
.author-box .ab-role{color:var(--muted);font-size:.9375rem}
.author-box .ab-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;font-size:.9375rem}
.author-box .ab-links a{color:var(--brand-mid)}
@media (max-width:560px){.author-box{grid-template-columns:1fr}.author-box img{width:100%;height:220px}}
.blog-banner{background:var(--brand-deep)}
.blog-banner{padding:var(--s5) var(--gutter)}
.blog-banner img{display:block;width:100%;max-width:800px;height:auto;margin:0 auto;aspect-ratio:1672/941;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow-lift)}
.blog-intro{padding:var(--s6) 0 var(--s4)}
.blog-intro .crumbs{font-size:.9375rem;color:var(--muted);margin-bottom:var(--s3)}
.blog-intro .crumbs a{color:var(--brand-mid)}
.blog-intro h1{font-size:var(--fs-h2);margin:0 0 var(--s3)}
.blog-intro .lead{max-width:62ch;color:var(--muted);margin:0}
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s4);padding:0 0 var(--section-y)}
.post-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-card);text-decoration:none;color:var(--ink);transition:box-shadow .2s var(--ease),transform .2s var(--ease)}
.post-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}
.post-card img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}
.post-card .pc-body{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2);flex:1}
.post-card .pc-meta{font-family:var(--font-label);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;color:var(--muted)}
.post-card h2{font-size:var(--fs-h4);line-height:var(--lh-head);margin:0}
.post-card p{margin:0;color:var(--muted)}
.post-card .pc-more{margin-top:auto;color:var(--brand-mid);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.post-card .pc-more svg{width:18px;height:18px}