/* Show the complete artwork. Framing belongs to the layout, not the bitmap. */
.hero-object {
  inset: 0 0 185px;
  margin: 0;
  display: grid;
  place-items: center;
  overflow: visible;
}

.hero-object img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  mask-image: none;
  -webkit-mask-image: none;
  transform: none;
  animation: none;
}

.hero-editor-pick { z-index: 1; }

.article-illustration.visual-ai {
  height: auto;
  max-height: none;
  aspect-ratio: auto;
}

.article-illustration.visual-ai > img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: contain;
  object-position: center;
}

.card-visual.visual-ai .ai-card-image,
.card-visual.visual-ai:hover .ai-card-image {
  object-fit: contain;
  object-position: center;
  transform: none;
}

@media (max-width: 850px) {
  .hero-object { inset: 0 0 175px; }
}

@media (max-width: 600px) {
  .hero-art-area { height: 420px; }
  .hero-object { inset: 0 0 155px; }
}