/* PE-3b128d6d-eb71-4a67-ac72-4a099e50f9b4 | Core(root): CORE-EXECUTION-STANDARD.md | Manifest(root): docs/MD-FILE-MANIFEST.md */
/* DA-9accaca8-574e-4393-8bd5-a996000b2368 | MA-1c670ae7-6aaa-48fb-854a-e69b317b6bae | Apple/control/PHOTOGRAPHIC-MOTION.md */
.photo-window{display:block;transform-origin:center}
/* Faces remain in the centre of a shallow edge opening; the source crop is intact. */
[data-photo-active][data-photo-scene=portrait] .photo-window{
  clip-path:inset(calc(12px * var(--photo-remaining)) calc(20px * var(--photo-remaining)));
  transform:translateY(calc(28px * var(--photo-remaining)));
}
/* The complete group approaches the adjoining account, without cropping anyone. */
[data-photo-active][data-photo-scene=people] .photo-window{
  transform:translateX(calc(-32px * var(--photo-remaining))) scale(calc(1 - .06 * var(--photo-remaining)));
}
/* Open the room as one composition, then let its caption settle. */
[data-photo-active][data-photo-scene=audience] .photo-window{
  transform:scale(calc(1 - .06 * var(--photo-remaining)));
}
/* Athlete and apparatus travel together towards the scientific account. */
[data-photo-active][data-photo-scene=laboratory] .photo-window{
  transform:translateX(calc(28px * var(--photo-remaining))) scale(calc(1 - .04 * var(--photo-remaining)));
}
[data-photo-active]:is([data-photo-scene=portrait],[data-photo-scene=people],[data-photo-scene=audience])>figcaption{
  transform:translateY(calc(12px * var(--photo-remaining)));
}
/* Printed evidence remains flat and readable; only its framing rule progresses. */
[data-photo-scene=document]{position:relative}
[data-photo-scene=document]::after{
  content:"";display:block;height:1px;background:var(--bo-grid);margin-top:16px;transform-origin:left;
}
[data-photo-active][data-photo-scene=document]::after{transform:scaleX(var(--photo-progress))}
[data-photo-active][data-photo-scene=document] .photo-window{transform:translateY(calc(20px * var(--photo-remaining)))}
/* The publication image and title arrive as one readable group, then stay still. */
[data-photo-active][data-photo-scene=publication]>article>a{transform:translateY(calc(24px * var(--photo-remaining)))}
[data-photo-active][data-photo-scene=marks]>img:first-child{transform:translateX(calc(-24px * var(--photo-remaining)))}
[data-photo-active][data-photo-scene=marks]>img:last-child{transform:translateX(calc(24px * var(--photo-remaining)))}
@media(max-width:600px){
  [data-photo-active][data-photo-scene=people] .photo-window{transform:translateY(calc(20px * var(--photo-remaining))) scale(calc(1 - .04 * var(--photo-remaining)))}
  [data-photo-active][data-photo-scene=laboratory] .photo-window{transform:translateY(calc(24px * var(--photo-remaining))) scale(calc(1 - .04 * var(--photo-remaining)))}
}
@media(prefers-reduced-motion:reduce){
  [data-photo-scene] .photo-window,[data-photo-scene]>img,[data-photo-scene]>figcaption,[data-photo-scene]>article>a,[data-photo-scene]::after{transform:none!important;clip-path:none!important}
}
@media print{
  [data-photo-scene] .photo-window,[data-photo-scene]>img,[data-photo-scene]>figcaption,[data-photo-scene]>article>a,[data-photo-scene]::after{transform:none!important;clip-path:none!important}
}