/* Artwork sits inside the frame's opening; ornaments remain in front. */
.art-slot.has-art { background: none; isolation: isolate; }
.art-slot.has-art > img {
  position: absolute;
  inset: 11% 10%;
  width: 80%;
  height: 78%;
  display: block;
  object-fit: cover;
  object-position: center;
  /* Follow the curved opening under the leaves instead of exposing a
     rectangular image at each corner. Percentages scale with the frame. */
  border-radius: 12%;
}
.art-slot.has-art::after { z-index: 1; }
.art-slot.horizontal.has-art > img {
  inset: 14% 4.5% 15%;
  width: 91%;
  height: 71%;
  border-radius: 6% / 16%;
}
/* Fit the artwork beneath the updated vertical frame's inner gold edge. */
.art-slot.vertical.has-art::after { background-image: url('/assets/marcos/marco-vertical.png'); }
.art-slot.vertical.has-art > img {
  inset: 8% 8.5% 9%;
  width: 83%;
  height: 83%;
  border-radius: 15% / 10%;
}
.art-slot.character-art > img { object-position: 39% center; }
.art-slot.siege-art > img { object-position: 53% center; }
.community-art { width: min(560px, 100%); margin: 40px auto 0; }