/* Artwork only: the existing archive card and 8:5 viewport retain their CSS. */
.edition-banner-image[data-archive-bento] > .archive-bento-grid {
  display: grid;
  width: 100%;
  height: 100%;
  gap: 3px;
  overflow: hidden;
  background: #eeefea;
}
.edition-banner-image[data-archive-bento] .archive-bento-tile {
  display: block;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.edition-banner-image[data-archive-bento] .archive-bento-tile > img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-width: 0;
  min-height: 0;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center;
}
.edition-banner-image[data-archive-bento] .archive-bento-tile[data-bento-fit="contain"] > img {
  object-fit: contain !important;
}
/* Web: asymmetric left panel and staggered supporting images. */
.edition-banner-image[data-archive-bento="web"] > .archive-bento-grid {
  grid-template-columns: 1.65fr 1fr;
  grid-template-rows: 1fr 1fr .65fr;
}
.edition-banner-image[data-archive-bento="web"] [data-bento-slot="1"] { grid-area: 1 / 1 / 3 / 2; }
.edition-banner-image[data-archive-bento="web"] [data-bento-slot="2"] { grid-area: 1 / 2 / 2 / 3; }
.edition-banner-image[data-archive-bento="web"] [data-bento-slot="3"] { grid-area: 2 / 2 / 3 / 3; }
.edition-banner-image[data-archive-bento="web"] [data-bento-slot="4"] { grid-area: 3 / 1 / 4 / 3; }
/* Graphic: a large horizontal panel above three supporting works. */
.edition-banner-image[data-archive-bento="graphic"] > .archive-bento-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: 1.7fr 1fr;
}
.edition-banner-image[data-archive-bento="graphic"] [data-bento-slot="1"] { grid-area: 1 / 1 / 2 / 4; }
/* Video: a main frame with three stacked supporting stills. */
.edition-banner-image[data-archive-bento="video"] > .archive-bento-grid {
  grid-template-columns: 1.7fr 1fr;
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.edition-banner-image[data-archive-bento="video"] [data-bento-slot="1"] { grid-area: 1 / 1 / 4 / 2; }
/* Tile colors echo image margins; the existing outer viewport stays unchanged. */
.edition-banner-image[data-archive-bento="web"] [data-bento-slot="1"] { background: #f3d9ac; }
.edition-banner-image[data-archive-bento="web"] [data-bento-slot="2"] { background: #222; }
.edition-banner-image[data-archive-bento="web"] [data-bento-slot="4"] { background: #f7f7f5; }
.edition-banner-image[data-archive-bento="graphic"] [data-bento-slot="1"] { background: #f45287; }
.edition-banner-image[data-archive-bento="graphic"] [data-bento-slot="2"] { background: #a5c7e3; }
.edition-banner-image[data-archive-bento="graphic"] [data-bento-slot="3"] { background: #fff; }
.edition-banner-image[data-archive-bento="graphic"] [data-bento-slot="4"] { background: #c8ff00; }
.edition-banner-image[data-archive-bento="video"] .archive-bento-tile { background: #111; }