/* Summer's Farewell — page-specific framing and compact final-gallery rhythm. */

.image-summer-grown {
  --media-position-x: 50%;
  --media-position-y: 78%;
}

.summer-show-split {
  align-items: center;
  display: grid;
  gap: clamp(40px, 7vw, 108px);
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
}

.summer-show-video {
  background: #020303;
  height: min(72vh, 780px);
  min-height: 520px;
  overflow: hidden;
}

.video-summer-show {
  --media-fit: contain;
  --media-position-x: 50%;
  --media-position-y: 50%;
}

.summer-show-copy { margin: 0; }

.dress-story-page--summer .ds-final {
  --story-gap: clamp(12px, 1.4vw, 20px);
}

.summer-final__primary {
  align-content: start;
  display: grid;
  gap: var(--story-gap);
  min-width: 0;
}

.summer-final-04 {
  background: #020303;
  height: min(54vh, 620px);
  min-height: 420px;
  overflow: hidden;
}

.summer-final-04 img {
  height: 100%;
  object-fit: var(--media-fit, cover);
  object-position: var(--media-position-x, 50%) var(--media-position-y, 50%);
  width: 100%;
}

@media (max-width: 780px) {
  .summer-show-split { grid-template-columns: 1fr; }
  .summer-show-video {
    height: 62svh;
    min-height: 420px;
  }
  .summer-final-04 { height: 60svh; min-height: 410px; }
}