.joinery-montage {
  margin: 0;
}

.joinery-montage__grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: .625rem;
  aspect-ratio: 4 / 5;
}

.joinery-montage__image {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  border-radius: .95rem;
  box-shadow: 0 .5rem 1.5rem rgba(23, 35, 31, .13);
}

.joinery-montage__image--progress {
  grid-row: 1 / 3;
  object-position: 50% 54%;
}

.joinery-montage__image--stairs { object-position: 50% 55%; }
.joinery-montage__image--bathroom { object-position: 50% 52%; }

.joinery-montage figcaption {
  margin-top: .75rem;
  color: #5e6964;
  font-size: .92rem;
}

@media (max-width: 640px) {
  .joinery-montage__grid { gap: .45rem; border-radius: .8rem; }
  .joinery-montage__image { border-radius: .7rem; }
}