/* The restored phone opening is ordinary page content from the first paint.
   Its scroll-linked translation preserves the entire original four-scene hold
   without triggering Safari's fixed/sticky top-color extension. */
.pv-home .pv-scene-journey:has(> .experience[data-pv-phone-restored]) {
  overflow-anchor: none;
}
.pv-home .pv-scene-journey > .experience[data-pv-phone-restored],
.pv-home .pv-scene-journey.scroll-ready > .experience[data-pv-phone-restored] {
  position: relative;
  top: 0;
  transform: translate3d(0,var(--pv-phone-slide-scroll-offset,0px),0);
}
@supports (animation-timeline:scroll(root block)) and (animation-range:0px 1px) {
  .pv-home .pv-scene-journey.scroll-ready > .experience[data-pv-phone-restored].pv-phone-native-hold {
    animation-name: pv-phone-four-scene-hold;
    animation-duration: auto;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-timeline: scroll(root block);
    animation-range: var(--pv-phone-slide-start,0px) var(--pv-phone-slide-end,1px);
  }
  @keyframes pv-phone-four-scene-hold {
    from { transform: translate3d(0,0,0); }
    to { transform: translate3d(0,var(--pv-phone-slide-hold,0px),0); }
  }
}

/* Keep the existing glass, mask, dark gradients, camera effects and fade.
   Both image and shading inherit the same photograph opacity and timing. */
.pv-home .experience[data-pv-phone-restored].pv-phone-paired-scenes .photograph {
  isolation:isolate;
}
.pv-home .experience[data-pv-phone-restored].pv-phone-paired-scenes .photograph > .pv-phone-scene-shade {
  z-index:1;
}
