/* Click targets overlay the existing art: no changes to its framing or effects. */
.griot-art-enlarge{position:absolute;inset:0;z-index:8;display:block;cursor:zoom-in;background:transparent;text-decoration:none}
.griot-art-enlarge>span{position:absolute;right:.7rem;bottom:.7rem;padding:.55rem .7rem;background:#17382f;color:#fff7e8;border:1px solid #fff7e8;border-radius:3px;font:700 12px/1.4 var(--sans);letter-spacing:.02em;box-shadow:0 2px 8px #0003}
.griot-art-enlarge--cover>span{bottom:1rem;right:1rem}
.griot-art-enlarge:focus-visible{outline:4px solid #f3c660;outline-offset:-5px}
.griot-lightbox{box-sizing:border-box;position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:1rem clamp(.6rem,2vw,2rem);border:0;background:#111b18;color:#fff7e8;overflow:auto}
.griot-lightbox[open]{display:flex;flex-direction:column;gap:.6rem}
.griot-lightbox::backdrop{background:#08100ef5}
.griot-lightbox__toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex:0 0 auto}
.griot-lightbox__count{font:600 14px/1.5 var(--sans);color:#fff7e8}
.griot-lightbox button{min-width:48px;min-height:48px;border:1px solid #eadfc9;background:#233e34;color:#fff7e8;border-radius:4px;font:700 20px/1.3 var(--sans);cursor:pointer;padding:.5rem .8rem}
.griot-lightbox button:hover{background:#375d4d}
.griot-lightbox button:focus-visible,.griot-lightbox a:focus-visible{outline:3px solid #f3c660;outline-offset:3px}
.griot-lightbox__stage{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:clamp(.4rem,2vw,2rem);flex:1 1 auto;min-height:0}
.griot-lightbox__image{display:block;position:static;width:100%;height:100%;max-height:calc(100dvh - 230px);min-height:0;object-fit:contain;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;filter:none;transform:none}
.griot-lightbox__caption{text-align:center;flex:0 0 auto;max-width:900px;margin:0 auto;width:100%;color:#fff7e8}
.griot-lightbox__caption h2{font:600 clamp(16px,2vw,22px)/1.3 var(--sans);margin:.2rem 0;color:#fff7e8;letter-spacing:0}
.griot-lightbox__caption p{font:400 16px/1.5 var(--serif);margin:.25rem 0;color:#fff7e8}
.griot-lightbox__caption p:empty{display:none}
.griot-lightbox__caption a{display:inline-block;font:600 14px/1.5 var(--sans);color:#f5d69c;padding:.4rem}
.griot-lightbox__error{display:block;color:#ffe6bd;font:14px/1.5 var(--sans)}
.griot-lightbox [hidden]{display:none!important}
.griot-lightbox__stage:has(button[hidden]){grid-template-columns:1fr}
@media(max-width:600px){.griot-lightbox{padding:.5rem .6rem;padding-bottom:max(.6rem,env(safe-area-inset-bottom))}.griot-lightbox__stage{grid-template-columns:44px minmax(0,1fr) 44px;gap:.25rem}.griot-lightbox button{min-width:44px;min-height:44px;padding:.4rem}.griot-lightbox__image{max-height:calc(100dvh - 250px)}.griot-lightbox__caption p{font-size:15px}}