/*
 * Keeps the bedroom story as one balanced editorial composition.
 * The main photograph spans the text and detail-image rows, avoiding
 * the large empty area created by the original auto-placement.
 */
@media (min-width: 961px) {
  .story-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
    grid-template-rows: 720px;
    column-gap: clamp(48px, 6vw, 104px);
    row-gap: 38px;
    align-items: stretch;
    padding-top: 70px;
    padding-bottom: 112px;
  }

  .story-image-main {
    grid-column: 1;
    grid-row: 1;
    height: 720px;
  }

  .story-card {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    padding: 12px 2vw 12px 0;
  }

  .story-image-detail {
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    justify-self: end;
    z-index: 2;
    width: 38%;
    height: 270px;
    margin: 0;
    border: 8px solid var(--paper);
    box-shadow: 0 24px 60px rgba(23, 55, 47, 0.16);
    transform: translate(28%, 42px);
  }

  .story-image-detail img {
    object-position: center 58%;
  }
}