/*
  Listing pages — banner fit fix.
  Banners are 1200×520 (~2.3:1). The default theme uses min-height: 280px
  with object-fit: cover, which crops the banner. Override on listing pages
  so the full banner is visible.

  Scope: blog listing, portfolio listing, case studies listing only.
  Does NOT affect single-post pages, home page, or sidebar widgets.
*/

.tj-blog-section .blog-item .blog-thumb {
  min-height: unset;
  aspect-ratio: 1200 / 520;
}

.tj-blog-section .blog-item .blog-thumb img {
  min-height: unset;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media (max-width: 575px) {
  .tj-blog-section .blog-item .blog-thumb {
    /* Slightly taller on tiny screens so the banner is still readable */
    aspect-ratio: 16 / 9;
  }
}