/* partials/_lightbox.antlers.html — moved out of the template on 2026-10-21 (owner: "move inline css and js to cached files"); edit here, the template loads it with {{ zz_asset:css }} */
    .lb-zoomable{cursor:zoom-in}
    .lb-zoomable:focus-visible{outline:2px solid #a33d2e;outline-offset:2px}
    .zoomable{position:relative;display:block;cursor:zoom-in}
    .zoomable:focus-visible{outline:2px solid #a33d2e;outline-offset:2px}
    .zoomable .zoom-glass{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(43,38,32,0);opacity:0;transition:opacity .15s,background .15s}
    .zoomable:hover .zoom-glass{opacity:1;background:rgba(43,38,32,.28)}
    .zoomable .zoom-glass::after{content:"";width:42px;height:42px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 6 6'/%3E%3Cpath d='M10.5 7.5v6M7.5 10.5h6'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}
    /* enter: fade + settle from 96% (ease-out, 200 ms); exit mirrors it (specs/motion.md) */
    .lb-overlay{position:fixed;inset:0;z-index:9999;background:rgba(24,19,14,.92);display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out;opacity:0;transition:opacity .2s ease}
    .lb-overlay.on{opacity:1}
    .lb-overlay img{max-width:95vw;max-height:92vh;width:auto;height:auto;object-fit:contain;box-shadow:0 8px 40px rgba(0,0,0,.6);border-radius:2px;cursor:default;
      scale:.96;transition:scale .2s cubic-bezier(.23,1,.32,1)}
    .lb-overlay.on img{scale:1}
    @media (prefers-reduced-motion:reduce){.lb-overlay img{scale:1}}
    .lb-overlay .lb-x{position:absolute;top:14px;right:14px;width:44px;height:44px;border:1.5px solid #f4eee1;border-radius:999px;background:#2b2620;color:#f4eee1;font:400 26px/1 'Libre Franklin',sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center}
    .lb-overlay .lb-x:hover{background:#f4eee1;color:#2b2620}
    .lb-overlay .lb-cap{position:absolute;left:0;right:0;bottom:12px;text-align:center;font:400 12.5px 'Libre Franklin',sans-serif;color:#f0e9da;padding:0 60px;text-shadow:0 1px 3px rgba(0,0,0,.8)}
    body.lb-open{overflow:hidden}