/* Bloom Beneath Ice — page-specific landscape timeline and gallery spacing. */

.bloom-crystals-timeline {
  height: min(80svh, 900px);
  min-height: 520px;
}

.bloom-crystals-timeline .video-bloom-crystals {
  --media-fit: contain;
  --media-position-x: 50%;
  --media-position-y: 50%;
}

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

.dress-story-page--bloom .bloom-final__opening {
  background: #020303;
  height: min(76vh, 840px);
  margin: 0 auto var(--story-gap);
  max-width: 620px;
  min-height: 560px;
  overflow: hidden;
  width: 100%;
}

.bloom-final__opening video {
  height: 100%;
  object-fit: var(--media-fit, contain);
  object-position: var(--media-position-x, 50%) var(--media-position-y, 50%);
  width: 100%;
}

.bloom-final-gallery .ds-gallery__rail { grid-template-rows: 1fr; }

@media (max-width: 780px) {
  .bloom-crystals-timeline {
    height: 60svh;
    min-height: 380px;
  }
  .dress-story-page--bloom .bloom-final__opening {
    height: 60svh;
    min-height: 420px;
  }
}