.image-duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap);
  margin: var(--gap);
  height: var(--duo-h, 94vh);
  min-height: 480px;
}
.image-duo__cell { overflow: hidden; border-radius: var(--radius-card); }
.image-duo__cell img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 900px) {
  .image-duo { grid-template-columns: 1fr; height: auto; min-height: 0; }
  .image-duo__cell { height: 70vh; }
}