/* Blog pages */
.bl-page{max-width:1240px;margin:0 auto;padding:40px 20px 72px}
.bl-narrow{max-width:760px;margin:0 auto}
.bl-title{font-size:clamp(2.25rem,3.5vw + 1rem,3.5rem);line-height:1.05;font-weight:600;letter-spacing:-0.01em;margin:0 0 14px}
.bl-intro{max-width:62ch;font-size:17px;color:var(--text);margin:0 0 28px}

.bl-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media (min-width:700px){.bl-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.bl-grid{grid-template-columns:repeat(3,1fr)}}
.bl-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.06);text-decoration:none;color:inherit;display:flex;flex-direction:column;min-width:0;transition:transform .3s ease,box-shadow .3s ease}
.bl-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.12)}
.bl-card-media{aspect-ratio:16/10;overflow:hidden;background:#F8F0E4}
.bl-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.bl-card:hover .bl-card-media img{transform:scale(1.05)}
.bl-card-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.bl-card-tag{font-family:var(--sans);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#7c5b23}
.bl-card-name{font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.15;color:var(--ink);margin:0}
.bl-card-sum{font-size:14.5px;color:var(--text);line-height:1.55;margin:0;flex:1}
.bl-card-meta{font-size:12.5px;color:var(--brown);margin:0}

/* single post */
.post-head{margin:8px 0 28px}
.post-title{font-size:clamp(2.1rem,3vw + 1rem,3.25rem);line-height:1.08;font-weight:600;letter-spacing:-0.01em;margin:0 0 16px}
.post-meta{font-size:13.5px;color:var(--brown);margin:0 0 18px}
.post-cover{margin:0 0 36px}
.post-cover img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:18px;display:block;box-shadow:0 15px 40px rgba(0,0,0,.08)}
.post-body{font-size:18px;line-height:1.8;color:var(--text-strong)}
.post-body>*:first-child{margin-top:0}
.post-body p{margin:0 0 1.3em}
.post-body h2{font-size:clamp(1.7rem,1.4vw + 1.2rem,2.2rem);line-height:1.15;margin:1.9em 0 .6em}
.post-body h3{font-size:1.5rem;line-height:1.2;font-weight:600;margin:1.6em 0 .5em}
.post-body a{color:#7c5b23;text-decoration:underline;text-underline-offset:3px}
.post-body a:hover{color:var(--ink)}
.post-body ul,.post-body ol{margin:0 0 1.3em;padding-left:1.4em}
.post-body li{margin:0 0 .5em}
.post-body blockquote{margin:1.6em 0;padding:4px 0 4px 24px;border-left:3px solid #C9A96E;font-family:var(--serif);font-style:italic;font-size:1.4rem;line-height:1.45;color:var(--text-strong)}
.post-body blockquote p{margin:0}
.post-body img{max-width:100%;height:auto;border-radius:14px;display:block;margin:1.6em auto}
.post-body hr{border:0;border-top:1px solid var(--border);margin:2.2em 0}
.post-body strong{color:var(--ink)}
.post-foot{margin-top:40px;padding-top:24px;border-top:1px solid var(--border)}
.post-cta{margin-top:40px;background:#fff;border-radius:20px;padding:30px;box-shadow:0 15px 40px rgba(0,0,0,.08);text-align:center}
.post-cta h2{font-size:1.8rem;margin:0 0 8px}
.post-cta p{color:var(--text);margin:0 0 18px}
.post-cta a{display:inline-block;background:#1e3a2f;color:#fff;text-decoration:none;font-weight:600;font-size:14px;padding:13px 26px;border-radius:12px}
.bl-more{margin-top:64px}
.bl-more h2{font-size:clamp(1.8rem,2vw + 1rem,2.4rem);margin:0 0 24px}
.bl-empty{padding:40px 0;color:var(--text)}