/* Keep the photo present while the film tells the build story. */
.orbit-reference { position:absolute; z-index:3; top:14px; left:14px; width:24%; max-width:126px; padding:6px 6px 8px; background:#fffdf8; color:var(--ink); border-radius:3px; box-shadow:0 3px 14px #40362420; transform:rotate(-3deg); text-decoration:none; }
.orbit-reference img { display:block; width:100%; height:auto; max-height:112px; object-fit:contain; }
.orbit-reference > span { display:block; padding-top:7px; text-align:center; font-size:.6875rem; line-height:1.3; }
.orbit-reference[hidden],.orbit-reference img[hidden] { display:none; }
.orbit-reference:focus-visible { outline:3px solid var(--ink); outline-offset:4px; }
@media (max-width:600px) {
 .orbit-reference { top:10px; left:10px; width:25%; padding:4px 4px 6px; }
 .orbit-reference img { max-height:80px; }
 .orbit-reference > span { padding-top:5px; font-size:.625rem; }
}
.piece-reference { position:absolute; z-index:3; top:3%; left:0; width:22%; max-width:112px; padding:5px 5px 7px; background:#fffdf8; color:var(--ink); border-radius:3px; box-shadow:0 3px 14px #40362420; transform:rotate(-3deg); text-decoration:none; }
.piece-universe .piece-portrait .piece-reference img { position:static; display:block; width:100%; height:auto; max-height:96px; object-fit:contain; filter:none; opacity:1; }
.piece-reference span { display:block; padding-top:6px; font-size:.625rem; text-align:center; }
.piece-reference:focus-visible { outline:3px solid var(--ink); outline-offset:4px; }