/* NAK — home page "Industry Insights / Resources for Global Buyers" cards.
   The post artwork is banner-shaped with logo and contact text near the edges,
   so cover-cropping cut parts of it off. Show the whole image instead. */
.bgrid .bimg{background:#f7f8f9;overflow:hidden}
.bgrid .bimg img{width:100%;height:100%;object-fit:contain;object-position:center}
.bgrid .bcard:hover .bimg img,
.bgrid .bimg:hover img{transform:none}

/* ── Achievements timeline: mobile layout ────────────────────────────
   Desktop alternates the text and image sides, so even rows are written
   image-first and pinned with an explicit grid-row. Below 820px that made
   two images stack back to back, and the cards sat flush against the right
   edge so their rounded corner was clipped. Force text -> image on every
   row and give the cards breathing room.                                */
@media (max-width:820px){
  .aj-timeline .aj-row.odd .aj-spine,
  .aj-timeline .aj-row.even .aj-spine{order:1;grid-column:1;grid-row:1 / 3}
  .aj-timeline .aj-row.odd .aj-info,
  .aj-timeline .aj-row.even .aj-info{order:2;grid-column:2;grid-row:1}
  .aj-timeline .aj-row.odd .aj-img,
  .aj-timeline .aj-row.even .aj-img{order:3;grid-column:2;grid-row:2;margin-top:14px}

  .aj-timeline .aj-row{padding-right:14px;box-sizing:border-box;max-width:100%}
  .aj-timeline .aj-info,
  .aj-timeline .aj-img{min-width:0;max-width:100%;box-sizing:border-box}
  .aj-timeline .aj-img img{max-width:100%;height:auto}
}