/* Compact unified media contract for Detailed Installation.
   One primary image per step. Shared bounded frame. No 33rem floor. */

.installation-step {
  min-height: 0;
}

.installation-proof {
  align-items: stretch;
  background: #061015;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-height: 0;
}

.installation-proof figure {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  height: auto;
  margin: 0;
  min-height: 0;
  overflow: hidden;
}

.installation-media {
  display: block;
  height: clamp(12.5rem, 26vw, 21.25rem);
  overflow: hidden;
  width: 100%;
}

.installation-proof img {
  background: #0b171d;
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.installation-proof figcaption {
  align-items: flex-start;
  background: #061015;
  color: #dbe6e8;
  display: block;
  font-size: .84rem;
  line-height: 1.4;
  min-height: 0;
  padding: .7rem 1rem .85rem;
}

.installation-media--prepare img {
  object-position: center 36%;
}

.installation-media--install img {
  object-position: center 18%;
}

.installation-media--finish img {
  object-position: center 8%;
}

.installation-media--access img {
  object-position: center 42%;
}

@media (max-width: 900px) {
  .installation-media {
    height: clamp(11rem, 48vw, 16.5rem);
  }
}

@media (max-width: 620px) {
  .installation-media {
    height: clamp(10.5rem, 56vw, 14.5rem);
  }
}