/* Real handover photos stay separate so every photograph can be opened in full. */
.process-v15 .handover-collage-panel {
  display: flex;
  flex-direction: column;
  background: #f8f7f2;
}
.handover-collage {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: 2fr 1fr;
  flex: 1;
  min-height: 0;
  gap: 5px;
  overflow: hidden;
}
.handover-collage-photo {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #e7e7dd;
}
.handover-collage-photo-1 { grid-column: 1 / -1; }
.process-v15 .handover-collage-photo img { object-position: 50% 40%; }
.process-v15 .handover-collage-photo-2 img { object-position: 48% 45%; }
.process-v15 .handover-collage-photo-3 img { object-position: 53% 45%; }
.handover-collage-photo > span {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #f8f7f2ed;
  color: #272e25;
  font-size: 16px;
}
.handover-collage-photo:focus-visible { outline: 2px solid #6f7d60; outline-offset: -4px; }
.process-v15 .handover-collage-panel .stage-image-caption {
  position: static;
  flex: none;
  padding: 15px 20px;
  border-radius: 0;
  background: #30372b;
}
@media (max-width: 760px) {
  .handover-collage {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .handover-collage-photo-1 { grid-column: auto; }
  .process-v15 .handover-collage-photo img { object-position: 50% 35%; }
  .process-v15 .handover-collage-panel .stage-image-caption { padding: 13px 16px; font-size: 12px; }
}