/* Keep the small panoramic image and the copy on the same grid row. */
@media (max-width: 600px) {
  body.dm-immersive #main > .iv-stage {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    align-items: start;
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 16px 0 20px;
  }
  body.dm-immersive #main > .iv-stage > .iv-stage-photo {
    grid-area: 1 / 1;
    position: relative;
    inset: auto;
    margin: 0 16px;
    width: calc(100% - 32px);
    height: 100%;
    min-height: 0;
    max-height: none;
    aspect-ratio: auto;
    object-fit: cover;
    align-self: stretch;
    transform: none;
  }
  body.dm-immersive #main > .iv-stage > .iv-stage-copy {
    grid-area: 1 / 1;
    position: relative;
    inset: auto;
    align-self: start;
    margin: 0;
    padding: 16px 26px 20px;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    z-index: 1;
  }
  body.dm-immersive .iv-stage-copy > .iv-kicker { margin: 0; }
  body.dm-immersive .iv-stage-copy > p:not(.iv-kicker) { margin-bottom: 0; }
  body.dm-immersive #main > .iv-stage > .iv-stage-controls {
    grid-area: 2 / 1;
    position: relative;
    inset: auto;
    justify-self: end;
    margin: 12px 24px 0;
  }
}