/* Working photographs share the shop's daylight and paper, without replacing
   the accepted workshop background or its registered light field. */
.process-photo{position:relative;isolation:isolate;margin:0 0 12px;padding:0;border:7px solid #e9ddc2;background:#29271e;box-shadow:3px 6px 0 -1px #231e16,0 10px 26px #0005;rotate:1.2deg;overflow:hidden;pointer-events:auto}
.process-photo>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:50% 50%}
.process-photo>.circuit-process-photo-shadow{z-index:2;background:linear-gradient(140deg,#2d241780,#080b0de0);opacity:.34}
.process-photo>.image-state-message{z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:14px;color:var(--red);background:#e9ddc2;font:700 12px/1.35 'Pit Sans',sans-serif}
.process-photo>.image-state-message[hidden]{display:none}
.process-photo .bench-lamp{width:28px;height:38px}
.process-photo .image-state-retry{min-height:44px;padding:11px 17px;pointer-events:auto}
.process-photo[data-image-state="error"] .bench-lamp{animation:none}
.process-photo[data-image-state="ready"]>img{animation:work-photo-arrive .45s cubic-bezier(.2,.7,.3,1) both}
@keyframes work-photo-arrive{from{opacity:0;scale:1.025}to{opacity:1;scale:1}}
.pw-enhanced .pw-object-stage{height:112px;margin-bottom:-10px}
.pw-enhanced .pw-objects{width:235px;max-width:74%;margin-left:auto;margin-right:9px}
.handover-photo{position:relative;isolation:isolate;margin:31px 0 6px;background:#b5a17b;box-shadow:5px 7px 0 #c4b18a;border:6px solid #efe3c8;rotate:-.8deg;overflow:hidden}
.handover-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:50% 50%}
html:not(.js) .the-shop>.process-photo{position:relative;width:min(445px,80%);margin:35px var(--gutter) 45px auto}
/* The photograph occupies the high workshop wall, away from the two faces.
   Original tools and notes keep their lower dock; mobile reunites the nodes. */
@media(min-width:761px){.pw-enhanced>.process-photo{position:absolute;z-index:3;top:65px;right:var(--gutter);width:min(390px,35vw);margin:0}.pw-enhanced>.shop-note{right:calc(var(--gutter) + min(390px,35vw) + 56px);top:75px}}
@media(min-width:1800px){.process-photo{border-width:8px;margin-bottom:14px}.pw-enhanced>.process-photo{top:80px;width:445px}.pw-enhanced>.shop-note{right:calc(var(--gutter) + 445px + 72px);top:92px}.pw-enhanced .pw-object-stage{height:126px;margin-bottom:-13px}.pw-enhanced .pw-objects{width:258px}.handover-photo{margin-top:37px;border-width:8px}}
@media(max-width:1100px) and (min-width:761px){.process-photo{border-width:5px;margin-bottom:10px}.pw-enhanced>.process-photo{top:45px;width:35vw}.pw-enhanced>.shop-note{right:calc(var(--gutter) + 35vw + 28px);top:55px;font-size:26px}.pw-enhanced>.shop-note svg{width:105px;height:20px}.pw-enhanced .pw-object-stage{height:88px;margin-bottom:-8px}.pw-enhanced .pw-objects{width:186px;max-width:80%}.handover-photo{margin-top:27px;border-width:5px}}
@media(max-width:760px){.process-photo{border-width:6px;margin:5px 0 7px;rotate:1deg}.pw-enhanced .pw-object-stage{height:102px;margin-bottom:-9px}.pw-enhanced .pw-objects{width:216px;max-width:78%;margin-right:2px}.handover-photo{margin-top:25px;margin-bottom:0;border-width:5px}.process-workshop{margin-top:20px;margin-bottom:21px}}
@media(prefers-reduced-motion:reduce){.process-photo[data-image-state="ready"]>img{animation:none}}
html[data-motion="quiet"] .process-photo>img{animation:none}
@media(forced-colors:active){.process-photo,.handover-photo{border:2px solid CanvasText;box-shadow:none;rotate:none}.process-photo>.circuit-process-photo-shadow{display:none!important}.process-photo>.image-state-message{background:Canvas;color:CanvasText}.process-photo .image-state-retry{background:ButtonFace;color:ButtonText}}