/* Equal, edge-to-edge card frames. Cover crops; it never stretches source artwork. */
body .brand-destination[data-thumbnail-brand=speclang] > .brand-thumbnail-media {
  aspect-ratio: 16 / 10;
}
body .brand-destination[data-thumbnail-brand=speclang] > .brand-thumbnail-media img {
  width: 100%; height: 100%; object-fit: cover; object-position: center;
}
/* The complete ArtStation artwork is square, not a landscape banner. */
body.continuous-news #market .shop-destination[data-print-showcase] {
  grid-template-columns: minmax(0, 15rem) minmax(0, 1fr);
}
body.continuous-news #market .shop-destination[data-print-showcase] > img[data-full-print-frame] {
  width: 100% !important; height: auto !important; max-height: none !important;
  aspect-ratio: 1 / 1 !important; object-fit: contain !important; background: transparent;
}
/* Publication artwork has different native ratios: give the panorama the whole
   card width, and keep the portrait intact beside an equally aligned text row. */
body.continuous-news #publications .publication-stream > .publication {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(11rem, auto) auto;
  gap: .75rem;
}
body.continuous-news #publications .publication-stream > .publication > img {
  display: block; width: auto; height: auto; max-width: 100%; max-height: 11rem;
  object-fit: contain; justify-self: center; align-self: center;
}
body.continuous-news #publications .publication-stream > .publication > img[src$="/axtlan-year1-v1.webp"] {
  width: 100%; max-height: none;
}
@media (max-width: 600px) {
  body.continuous-news #market .shop-destination[data-print-showcase] {
    grid-template-columns: minmax(0, 38%) minmax(0, 1fr);
  }
  body.continuous-news #publications .publication-stream > .publication {
    grid-template-rows: auto auto;
  }
}
@media (max-width: 440px) {
  body .brand-destination[data-thumbnail-brand=speclang] > .brand-thumbnail-media { aspect-ratio: 2; }
}
@media (max-width: 400px) {
  body.continuous-news #market .shop-destination[data-print-showcase] { grid-template-columns: minmax(0, 1fr); }
  body.continuous-news #market .shop-destination[data-print-showcase] > img[data-full-print-frame] {
    width: min(100%, 12rem) !important; justify-self: center;
  }
}