.blog-page{padding:clamp(2.5rem,5vw,4.5rem) 0 clamp(4rem,7vw,6rem);background:var(--ui-surface,#faf8f4);min-height:50vh}
.blog-page>.container{max-width:1140px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.blog-card{display:flex;flex-direction:column;height:100%;margin:0;overflow:hidden;border:1px solid rgba(23,23,19,.08)!important;border-radius:1.25rem!important;background:#fff;box-shadow:0 10px 30px rgba(25,22,16,.06)}
.blog-card-image{position:relative;flex:0 0 auto;aspect-ratio:16/10;overflow:hidden;background:#ebe7de}
.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s ease}
.blog-card:hover .blog-card-image img{transform:scale(1.04)}
.blog-card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:.75rem;padding:1.35rem 1.4rem 1.5rem;min-height:0}
.blog-card-body .tag{display:inline-flex;width:max-content;max-width:100%;margin:0;padding:.3rem .75rem;overflow:hidden;border-radius:999px;background:rgba(23,23,19,.06);color:#55564f;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}
.blog-card-body h4{display:-webkit-box;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#171713;font-size:1.15rem;font-weight:600;line-height:1.3;letter-spacing:-.02em;min-height:calc(1.3em * 2)}
.blog-card-body p{display:-webkit-box;flex:1 1 auto;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#6f7068;font-size:.92rem;line-height:1.65;min-height:calc(1.65em * 3)}
.blog-card-body .btn{align-self:flex-start;margin-top:auto}
@media(max-width:991.98px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}}
@media(max-width:575.98px){.blog-grid{grid-template-columns:1fr}.blog-card-image{aspect-ratio:16/11}}