/* Approved home composition. CMS-managed background photographs stay authoritative. */
.home-only .hero-copy::before { content: none; }

.story-stage.story-stage-video {
  --scene-width: 70%;
  --scene-left: 30%;
  --road-left: -40%;
  --clear-bottom: 3.6925vw;
  --road-bottom: 8dvh;
  inset: 0;
  height: auto;
  overflow: hidden;
  background: transparent;
}

.journey-canvas,
.journey-poster,
.journey-road-continuation {
  position: absolute;
  inset: auto auto calc(var(--road-bottom) - var(--clear-bottom)) var(--scene-left);
  width: var(--scene-width);
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  object-position: left bottom;
}

/* Extend the unchanged poster's road strip, not its subject, across desktop. */
.journey-road-continuation {
  left: var(--road-left);
  clip-path: inset(85.85% 0 9.2889% 0);
  pointer-events: none;
}

.journey-video-controls {
  top: auto;
  bottom: max(12px, env(safe-area-inset-bottom));
}

@media (max-width: 900px) {
  .story-stage.story-stage-video {
    --scene-width: 108%;
    --scene-left: -5%;
    --clear-bottom: 5.697vw;
    --road-bottom: 7.5dvh;
  }
  .journey-road-continuation { display: none; }
}

@media (max-width: 560px) {
  .story-stage.story-stage-video {
    --scene-width: 118%;
    --scene-left: -12%;
    --clear-bottom: 6.2245vw;
    --road-bottom: 17dvh;
  }
}

@media (min-width: 561px) and (max-height: 600px) {
  .journey { min-height: 650px; }
  .story-stage.story-stage-video { --road-bottom: 65px; }
}