/* v13: fix baked-in thumbnail frames and keep visual treatment restrained. */
.feed-card .feed-thumb,
.resource .feed-thumb {
  box-sizing:border-box;
  display:block;
  flex:0 0 auto;
  width:163px;
  height:auto;
  aspect-ratio:24 / 13;
  object-fit:cover;
  object-position:center;
  padding:0;
  border:1px solid #865238;
  border-radius:5px;
  background:#160b09;
  box-shadow:0 1px 5px rgba(0,0,0,.3);
}
.resource .feed-thumb{width:142px}
/* The baked-in hero darkening cannot be fully recovered in CSS. Keep
   the remaining CSS wash behind the headline short and light. */
.hero-shadow {
  background:
    linear-gradient(to top,rgba(9,4,3,.24) 0%,rgba(9,4,3,.04) 22%,transparent 29%),
    linear-gradient(to right,rgba(13,5,3,.10) 0%,transparent 48%);
}
.hero-photo {filter:brightness(1.055) saturate(1.04)}
.hero-caption{text-shadow:0 2px 7px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.65)}
@media(max-width:1350px){.feed-card .feed-thumb{width:133px}.resource .feed-thumb{width:110px}}
@media(max-width:1070px){.feed-card .feed-thumb{width:142px}.resource .feed-thumb{width:135px}}
@media(max-width:570px){.feed-card .feed-thumb{width:105px}.resource .feed-thumb{width:100px}}