/* Keep the original walls; let the scrolling compositor own their rotation. */
.service-scenes-ready .service-panel.service-scene-pinned>.service-scene>.service-surface{will-change:auto}
.service-scenes-ready .service-panel.service-scene-pinned[data-scene-near="true"]>.service-scene>.service-surface{will-change:transform}

@supports (animation-timeline:view()) and (animation-range:exit-crossing 0% exit-crossing 100%) and (timeline-scope:--bridge-wall){
 @media(min-height:640px) and (prefers-reduced-motion:no-preference){
  .service-scenes-ready[data-service-scroll="native"]:not(.motion-paused) .service-panel.service-scene-pinned{timeline-scope:--bridge-wall}
  .service-scenes-ready[data-service-scroll="native"]:not(.motion-paused) .service-panel.service-scene-pinned>.service-range{view-timeline-name:--bridge-wall;view-timeline-axis:block}
  .service-scenes-ready[data-service-scroll="native"]:not(.motion-paused) .service-panel.service-scene-pinned:not([data-service-scene="3"])>.service-scene>.service-surface{
   animation-name:bridge-wall-turn;
   animation-duration:1s;
   animation-timing-function:linear;
   animation-fill-mode:both;
   animation-timeline:--bridge-wall;
   animation-range:exit-crossing 0% exit-crossing 100%;
  }
 }
}
@keyframes bridge-wall-turn{
 from{transform:translate3d(0,0,var(--scene-depth,0px)) rotateX(0deg) scale(1)}
 to{transform:translate3d(0,0,var(--scene-depth,0px)) rotateX(var(--scene-max-tilt,0deg)) scale(1)}
}