/* The original page owns scroll and its clock. This only changes the artwork's
   choreography; content and catalog positions remain stable while it loads. */
.cinematic-journey[data-transmutation='ready'] .artifact-position {
  transform: scale(calc(1 + var(--journey) * .08));
  opacity: 1;
  top: calc(51% - var(--journey) * 4%);
}
.cinematic-journey[data-transmutation='ready'] .artifact-float {
  filter: drop-shadow(0 12px 32px #d9141524);
}
.cinematic-journey[data-transmutation='ready'] .portal-caption {
  inset: auto 5% 11%;
  opacity: clamp(0, calc((var(--journey) - .79) * 7), 1);
  transform: translateY(calc((1 - var(--journey)) * 32px));
}
.cinematic-journey[data-transmutation='ready'] .portal-caption span {
  font-size: 9px;
  margin-bottom: 10px;
  color: #d4bdb6;
}
.cinematic-journey[data-transmutation='ready'] .portal-caption strong {
  font-size: clamp(27px, 3vw, 46px);
  letter-spacing: -.045em;
  line-height: 1;
}
.cinematic-journey[data-transmutation='ready'] .orbit-label { opacity: clamp(0, calc(1 - var(--journey) * 2.5), 1); }
.cinematic-journey[data-transmutation='ready'] .scene-topline { opacity: clamp(0, calc(1 - var(--journey) * 2), 1); }
@media(max-width:700px){
  .cinematic-journey[data-transmutation='ready'] .artifact-position { top: calc(47% - var(--journey) * 1%); }
  .cinematic-journey[data-transmutation='ready'] .portal-caption { bottom: 20%; }
  .cinematic-journey[data-transmutation='ready'] .portal-caption strong { font-size: 28px; }
}
.motion-paused .cinematic-journey[data-transmutation='ready'] .artifact-position { transform: none; }
@media(prefers-reduced-motion:reduce){
  .cinematic-journey[data-transmutation='ready'] .artifact-position { transform: none; }
}