/* Preserve the existing section geometry at every responsive width. */
.experience-artwork {
  position: relative;
}

.experience-artwork > :not(.experience-artwork-image) {
  visibility: hidden;
  pointer-events: none;
}

/* Show the complete uploaded artwork without cropping or stretching. */
.experience-artwork > .experience-artwork-image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

/* Mobile artwork uses its natural height instead of the old card footprint. */
@media (max-width: 800px) {
  .experience-artwork {
    height: auto;
    min-height: 0;
    margin-block: 0;
    padding: 0;
  }

  .experience-artwork > :not(.experience-artwork-image) {
    display: none;
  }

  .experience-artwork > .experience-artwork-image {
    position: static;
    height: auto;
  }
}