/* pw-blog — thumbnail sizes for the row feed on the homepage.
   tilda-feed.js is disabled (the blog is static). The markup already gives the thumbnail an inline
   size (360x200, as on the live site), but Tilda's CSS overrides it — we restore it via !important
   and lay out the image+text row. */
.t896 .t-feed_row .t-feed__row-grid__post-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
.t896 .t-feed_row .t-feed__post-imgwrapper {
  flex: 0 0 auto;
  width: 360px;
  max-width: 40%;
}
.t896 .t-feed_row .t-feed__post-bgimg {
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 55.56% !important; /* 200/360 — the live thumbnail's aspect ratio */
  background-size: cover !important;
  background-position: center center !important;
}
.t896 .t-feed_row .t-feed__textwrapper {
  flex: 1 1 auto;
  min-width: 0;
}

@media screen and (max-width: 640px) {
  .t896 .t-feed_row .t-feed__row-grid__post-wrapper { flex-wrap: wrap; gap: 16px; }
  .t896 .t-feed_row .t-feed__post-imgwrapper {
    flex-basis: 100%;
    width: 100%;
    max-width: none;
  }
}
