.blog-card img{max-width:100%;display:block;}
.blog-card {border:1px solid #e7e7e3;border-radius:22px;cursor:pointer;background:#fff;flex-direction:column;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .2s;display:flex;overflow:hidden;}
.blog-card:hover{border-color:#d8d8d3;transform:translateY(-4px)scale(1.015);box-shadow:0 18px 36px -16px #0000001f;}
.blog-card .blog-card__media{aspect-ratio:16/10;background:#e7f7df;position:relative;overflow:hidden;}
.blog-card .blog-card__media img{transition:transform .5s cubic-bezier(.2,.8,.2,1);}
.blog-card:hover .blog-card__media img{transform:scale(1.04);}
.blog-card .blog-card__body{flex-direction:column;flex:1;padding:22px;display:flex;}
.blog-card .blog-meta{color:#7a807c;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;display:flex;}
.blog-card .blog-meta .tag{background:#e7f7df;color:#1f6b3a;letter-spacing:.02em;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;}
.blog-card h2,.blog-card h3{letter-spacing:-.02em;text-wrap:pretty;margin:0 0 10px;font-size:18px;font-weight:600;line-height:1.3;}
.blog-card p{color:#4b524d;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden;}
.blog-card .blog-card__foot{border-top:1px solid #e7e7e3;justify-content:space-between;align-items:center;margin-top:18px;padding-top:18px;font-size:13px;display:flex;}
.blog-card .blog-card__author{align-items:center;gap:10px;display:flex;}
.blog-card .blog-card__avatar{background:#1f6b3a;color:#fff;border-radius:999px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:grid;}
.blog-card .blog-card__read{color:#7a807c;font-size:12px;}
@media (width<=768px){
.blog-card{scroll-snap-align:start;flex:0 0 78vw;max-width:300px;}
}