/* Blog — same look as the About page (sky-pages.css) */
.blog-filters{display:flex;gap:10px;flex-wrap:wrap;margin:46px 0 0}
.blog-filters button{border:1px solid rgba(40,23,13,.14);background:#fff;color:#3a2f28;padding:9px 20px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;transition:.25s}
.blog-filters button:hover{border-color:#d95b1d}
.blog-filters button.is-active{background:#d95b1d;border-color:#d95b1d;color:#fff}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(40,23,13,.1);border-radius:26px;overflow:hidden;color:inherit;text-decoration:none;box-shadow:0 18px 50px rgba(40,23,13,.07);transition:transform .4s ease,box-shadow .4s ease}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(40,23,13,.12)}
.blog-card-img{display:block;aspect-ratio:16/10;overflow:hidden;background:#e6e1da}
.blog-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}
.blog-card:hover .blog-card-img img{transform:scale(1.05)}
.blog-card-body{display:flex;flex-direction:column;gap:12px;padding:24px 26px 28px;flex:1}
.blog-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.blog-meta b{color:#d95b1d}.blog-meta i{font-style:normal;color:#8a7b70}
.blog-card h2{margin:0;font-size:23px;letter-spacing:-.03em;line-height:1.2}
.blog-card p{margin:0;color:#6d625b;line-height:1.65;flex:1}
.blog-read{font-size:13px;font-weight:800;color:#2a1d14}
.blog-read em{font-style:normal;display:inline-block;transition:transform .3s}
.blog-card:hover .blog-read em{transform:translateX(5px)}
.blog-empty,.blog-loading{color:#756960;padding:30px 0}
.blog-back{display:inline-block;color:#6d625b;text-decoration:none;font-size:14px;font-weight:700;margin-bottom:18px}
.blog-back:hover{color:#d95b1d}
.blog-article-shell{max-width:900px}
.blog-body{margin-top:38px}
.blog-body h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.03em;margin:38px 0 12px}
.blog-body p{font-size:clamp(17px,1.6vw,19px);line-height:1.8;color:#4c423b;margin:0 0 18px}
.blog-more{margin-top:70px}
.blog-more h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.03em;margin:0}
@media(max-width:980px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.blog-grid{grid-template-columns:1fr}}