/* ═══════════════════════════════════════════════════════════════
   Vana Interior — Blog / Journal
═══════════════════════════════════════════════════════════════ */
.blog-filter-bar { display:flex; gap:0; justify-content:center; padding:48px 0 40px; border-bottom:1px solid var(--sand); }
.blog-filter-btn { background:none; border:none; font:600 12px/1 'Segoe UI',sans-serif; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted); padding:12px 24px; cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-1px; transition:color 0.2s,border-color 0.2s; }
.blog-filter-btn:hover { color:var(--green); }
.blog-filter-btn.active { color:var(--green); border-bottom-color:var(--green); }

.blog-section { padding:60px 0 100px; background:var(--cream); }
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
@media(max-width:900px){ .blog-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:580px){ .blog-grid { grid-template-columns:1fr; } }

.blog-card { background:var(--white); border:1px solid var(--sand); cursor:pointer; transition:transform 0.3s,box-shadow 0.3s; }
.blog-card:hover { transform:translateY(-6px); box-shadow:0 16px 48px rgba(26,20,16,0.1); }
.blog-card-img { position:relative; overflow:hidden; height:220px; }
.blog-card-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.6s ease; display:block; }
.blog-card:hover .blog-card-img img { transform:scale(1.05); }
.blog-card-cat { position:absolute; top:14px; left:14px; background:var(--green); color:#fff; font:600 10px/1 'Segoe UI',sans-serif; letter-spacing:0.12em; text-transform:uppercase; padding:4px 10px; }
.blog-card-body { padding:24px; }
.blog-card-date { font:400 12px/1 'Segoe UI',sans-serif; color:var(--muted); margin-bottom:10px; }
.blog-card-title { font:700 20px/1.3 'Segoe UI',sans-serif; color:var(--espresso); margin:0 0 12px; }
.blog-card-excerpt { font:400 14px/1.7 'Segoe UI',sans-serif; color:var(--muted); margin:0 0 20px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.blog-card-read { font:600 12px/1 'Segoe UI',sans-serif; letter-spacing:0.1em; color:var(--green); text-transform:uppercase; border-bottom:1px solid var(--green); padding-bottom:2px; }

/* ── Single post ─────────────────────────────────────────────── */
.post-hero { position:relative; height:55vh; min-height:380px; overflow:hidden; }
.post-hero img { width:100%; height:100%; object-fit:cover; display:block; }
.post-meta-bar { background:var(--green-light); padding:16px 10vw; display:flex; gap:32px; font:400 13px/1 'Segoe UI',sans-serif; color:var(--muted); border-bottom:1px solid var(--sand); }
.post-body { padding:60px 10vw 100px; max-width:800px; margin:0 auto; font:400 18px/1.9 'Segoe UI',sans-serif; color:var(--muted); white-space:pre-line; }