/* Retain the existing row layout and image sizes. Only the transitions and controls change. */
.photo-stage{position:relative;display:block;width:100%;padding:0;margin:0;border:0;background:transparent;line-height:0;cursor:zoom-in;border-radius:0}
.photo-stage img{display:block;transition:none!important;pointer-events:none;opacity:0}
.photo-stage img:first-child{position:relative}
.photo-stage img+img{position:absolute;left:0;top:0}
.photo-stage:focus-visible{outline:1px solid #ddc7b0;outline-offset:5px}
.photo-controls{opacity:.48;transition:opacity .6s ease}
.musicians:hover .photo-controls,.musicians:focus-within .photo-controls,.photo-controls:focus-within{opacity:1}
.photo-controls button{border-color:transparent!important;background:transparent}
.image-viewer{border:0;background:transparent;color:#ddc7b0;padding:44px 12px 12px;margin:auto;max-width:96vw;max-height:96vh;overflow:auto}
.image-viewer::backdrop{background:rgba(5,5,8,.95)}
.viewer-image{display:block;width:auto;height:auto;max-width:calc(100vw - 48px);max-height:calc(100vh - 150px);object-fit:contain;filter:none}
.viewer-close{position:absolute;right:12px;top:0;min-width:40px;min-height:40px;background:transparent;border:0;color:#ddc7b0;font:32px/1 Georgia,serif;cursor:pointer}
.viewer-caption{text-align:center;font:17px/1.4 Georgia,serif;margin:14px 0 0}.viewer-caption[hidden]{display:none}
body:has(.image-viewer[open]){overflow:hidden}
@media(hover:none){.photo-controls{opacity:.8}}
@media(prefers-reduced-motion:reduce){.photo-controls{transition:none}}