/* HK-434: an image at the top of each /blog card (also tag and month lists). The box sets the size, so the img has no
   width/height attributes and nothing jumps while images load. */
.blog-page .blog-posts .post .hk-card-img{display:block;aspect-ratio:16/10;overflow:hidden;background:#fbf6ee;border-bottom:1px solid #eee;border-radius:3px 3px 0 0}
.blog-page .blog-posts .post .hk-card-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.blog-page .blog-posts .post:hover .hk-card-img img{transform:scale(1.03)}
@media (prefers-reduced-motion:reduce){.blog-page .blog-posts .post .hk-card-img img{transition:none}.blog-page .blog-posts .post:hover .hk-card-img img{transform:none}}