/* v14: Correct source images rather than reapplying decorative pseudo-borders. */
.feed-card .feed-thumb, .resource .feed-thumb {
  display:block;
  flex:0 0 auto;
  box-sizing:border-box;
  height:auto;
  aspect-ratio:24/13;
  object-fit:cover;
  object-position:center center;
  padding:0;
  margin:0;
  background:transparent;
  border:0;
  border-radius:4px;
  box-shadow:0 0 0 1px rgba(177,111,75,.65);
  align-self:center;
}
.feed-card .feed-thumb { width:162px; }
.resource .feed-thumb { width:142px; }
/* Lower contrast and opacity of the *CSS* overlays 35-40%, and use v14's
   corrected source asset to address shadow already baked into the image. */
.hero-photo {
  background-image:url('../assets/horde-tavern-hero-v14.webp');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  filter:brightness(1.01) saturate(1.03);
}
.hero-shadow {
  background:
    linear-gradient(to top,rgba(9,4,3,.15) 0%,rgba(9,4,3,.025) 20%,transparent 31%),
    linear-gradient(to right,rgba(13,5,3,.06) 0%,transparent 48%);
  pointer-events:none;
}
.hero-caption {text-shadow:0 2px 7px rgba(0,0,0,.86),0 0 10px rgba(0,0,0,.52);}
@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}}