.lightbox-overlay{z-index:1000;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.lightbox-close{color:#fff;cursor:pointer;z-index:1001;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:0;font-size:2rem;line-height:1;transition:background .2s;display:flex;position:absolute;top:20px;right:20px}.lightbox-close:hover{background:#ffffff4d}.lightbox-close:focus-visible{outline-offset:4px;outline:2px solid #fff}.lightbox-nav{color:#fff;cursor:pointer;z-index:1001;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:0;font-size:3rem;line-height:1;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#ffffff4d;transform:translateY(-50%)scale(1.1)}.lightbox-nav:focus-visible{outline-offset:4px;outline:2px solid #fff}.lightbox-nav-prev{left:20px}.lightbox-nav-next{right:20px}.lightbox-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.lightbox-image{object-fit:contain;border-radius:8px;width:auto;max-width:90vw;height:auto;max-height:90vh;transition:opacity .3s;box-shadow:0 4px 8px #0000001a}.lightbox-image.loading{opacity:0}.lightbox-spinner{z-index:1002;border:5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:1s ease-in-out infinite lightbox-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes lightbox-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.lightbox-counter-wrapper{z-index:1001;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.lightbox-counter{color:#fff;background:#0009;border-radius:20px;padding:6px 16px;font-family:Space Mono,monospace;font-size:1rem}.lightbox-shortcuts{color:#ffffffb3;font-family:Space Mono,monospace;font-size:.75rem}.lightbox-shortcuts kbd{color:#fff;background:#fff3;border:1px solid #ffffff4d;border-radius:3px;padding:1px 4px;font-size:.7rem}.lightbox-kbd-hint{color:#e0e0e0;pointer-events:none;background:#000000b3;border:1px solid #fff3;border-radius:4px;padding:2px 6px;font-family:Space Mono,monospace;font-size:.75rem;position:absolute;bottom:-22px}@media screen and (max-width:600px){.lightbox-kbd-hint{display:none}.lightbox-nav{width:44px;height:44px;font-size:2rem}.lightbox-nav-prev{left:10px}.lightbox-nav-next{right:10px}.lightbox-close{width:44px;height:44px;font-size:1.6rem;top:10px;right:10px}}
.gallery-container{max-width:1280px;margin:0 auto;padding:0 20px 96px}.gallery-grid{column-count:4;column-gap:14px}.gallery-item{break-inside:avoid;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:14px;width:100%;margin-bottom:14px;padding:0;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .4s;display:inline-block;position:relative;overflow:hidden}.gallery-item:focus-visible{outline-offset:3px;outline:2px solid #fafafa}.gallery-item:hover{border-color:#ffffff38;transform:translateY(-4px)}.gallery-item:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#0000 60%,#000000bf);transition:opacity .4s;position:absolute;inset:0}.gallery-item:hover:after{opacity:1}.gallery-image{border-radius:13px;width:100%;max-width:100%;height:auto;display:block}.gallery-meta{z-index:2;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffffffd9;text-shadow:0 1px 4px #000c;opacity:0;pointer-events:none;font-size:.6rem;transition:opacity .4s;position:absolute;bottom:10px;left:10px}.gallery-item:hover .gallery-meta,.gallery-item:focus-visible .gallery-meta{opacity:1}@media screen and (max-width:900px){.gallery-grid{column-count:3}}@media screen and (max-width:700px){.gallery-grid{column-count:2}}@media screen and (max-width:460px){.gallery-grid{column-count:1}}@media (prefers-color-scheme:light){.gallery-item{border-color:#00000014}.gallery-item:focus-visible{outline-color:#0a0a0a}.gallery-item:hover{border-color:#00000038}}