/* Still photographs share a single moving plane with the stitched route. */
#stage{left:40%;right:5.5%;mask-image:none}
.photo-scene{isolation:isolate;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(#000 0%,#000 85%,transparent 100%);mask-composite:intersect}
.photo-world{will-change:transform}
.photo-panel{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(transparent,#000 14%,#000 86%,transparent);mask-composite:intersect}
.photo-image{filter:grayscale(1) brightness(.86) contrast(1.07)}
.photo-panel--hero{mask-image:linear-gradient(#000 0%,#000 90%,transparent 100%);mask-composite:add}
.photo-panel--process{mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent),linear-gradient(transparent 0%,#0001 10%,#0009 25%,#000 42%,#000 76%,transparent 100%);mask-composite:intersect}
.photo-panel--detail,.photo-panel--finishing{mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent),linear-gradient(transparent 0%,#0002 10%,#000a 24%,#000 38%,#000 74%,transparent 100%);mask-composite:intersect}
.photo-image--hero{filter:grayscale(1) brightness(.98) contrast(1.03)}
.photo-image--process{object-position:50% 55%;filter:grayscale(1) brightness(.78) contrast(1.03)}
.photo-image--detail{object-position:50% 0%;filter:grayscale(1) brightness(.78) contrast(1.03)}
.photo-image--finishing{object-position:50% 45%;filter:grayscale(1) brightness(.8) contrast(1.03)}
.photo-thread{filter:drop-shadow(0 1px 1px #080808)}
.stage-canvas .photo-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:grayscale(1);display:block}
@media(max-width:900px){
  #stage{left:-5%;right:-5%}
  .photo-scene{mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(#000 0%,#000 88%,transparent 100%)}
  .photo-image{filter:grayscale(1) brightness(.95) contrast(1.04)}
}