.photo-gallery{display:flex;flex-wrap:wrap;gap:var(--gallery-gutter,16px)}.photo-gallery>a{display:none}.gallery-item{height:var(--gallery-thumb-height,280px);border-radius:.75rem;overflow:hidden;cursor:pointer;position:relative;flex-grow:var(--aspect-ratio,1);min-width:150px}.gallery-item-inner{width:100%;height:100%;position:relative;overflow:hidden}.gallery-item img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.5)}.gallery-label{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(10,10,11,.9) 0,rgba(10,10,11,.5) 60%,transparent 100%);transform:translateY(100%);transition:transform .3s ease}.gallery-item:hover .gallery-label{transform:translateY(0)}.gallery-title{display:block;font-size:1rem;font-weight:500;color:var(--text)}.gallery-desc{display:block;font-size:.85rem;color:var(--text);opacity:.7;margin-top:.25rem}.lightbox-overlay{position:fixed;inset:0;background:rgba(10,10,11,.97);z-index:9999;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.lightbox-overlay.active{opacity:1;visibility:visible}.lightbox-container{flex:1;display:flex;flex-direction:column;position:relative;min-height:0}.lightbox-close,.lightbox-fullscreen{position:absolute;top:1rem;width:48px;height:48px;border:none;background:var(--surface);color:var(--text);font-size:1.25rem;border-radius:50%;cursor:pointer;z-index:10;transition:background .2s,color .2s}.lightbox-close{right:1rem}.lightbox-fullscreen{right:4rem}.lightbox-close:hover,.lightbox-fullscreen:hover{background:var(--surface-hover);color:var(--accent)}.lightbox-overlay.fullscreen .lightbox-caption,.lightbox-overlay.fullscreen .lightbox-strip{display:none}.lightbox-caption,.lightbox-close,.lightbox-fullscreen,.lightbox-nav,.lightbox-strip{transition:opacity .3s ease,background .2s,color .2s}.lightbox-overlay.ui-hidden .lightbox-caption,.lightbox-overlay.ui-hidden .lightbox-close,.lightbox-overlay.ui-hidden .lightbox-fullscreen,.lightbox-overlay.ui-hidden .lightbox-nav,.lightbox-overlay.ui-hidden .lightbox-strip{opacity:0;pointer-events:none}.lightbox-overlay.fullscreen .lightbox-main{padding:0 1rem}.lightbox-nav{position:absolute;top:50%;transform:translateY(-100%);width:48px;height:48px;border:none;background:var(--surface);color:var(--text);font-size:1.5rem;border-radius:50%;cursor:pointer;z-index:10;transition:background .2s,color .2s}.lightbox-nav:hover{background:var(--surface-hover);color:var(--accent)}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.lightbox-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 5rem;min-height:0}.lightbox-image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;min-height:0;flex:1}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem}.lightbox-image.loading{width:100%;height:100%;object-fit:contain}.lightbox-spinner{position:absolute;width:32px;height:32px;border:3px solid var(--surface-hover);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;opacity:0;transition:opacity .2s}.lightbox-spinner.loading{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.lightbox-caption{position:absolute;bottom:48px;left:0;right:0;text-align:center;padding:0;pointer-events:none}.lightbox-caption-inner{display:inline-block;max-width:100%;padding:.375rem .875rem;border-radius:.5rem;background:rgba(10,10,11,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lightbox-title{font-size:1rem;font-weight:500;color:var(--text)}.lightbox-desc{font-size:.875rem;color:var(--text-dim);margin-top:.125rem}.lightbox-strip{position:absolute;bottom:0;left:0;right:0;height:44px;background:0 0;overflow-x:auto;overflow-y:hidden;padding:.375rem 1rem;display:flex;justify-content:center}.lightbox-strip-inner{display:flex;gap:.25rem;height:100%}.lightbox-strip-thumb{height:100%;width:auto;border-radius:.25rem;cursor:pointer;transition:outline .2s;outline:2px solid transparent;outline-offset:1px}.lightbox-strip-thumb:hover{outline-color:var(--text-dim)}.lightbox-strip-thumb.active{outline-color:var(--accent)}.lightbox-caption.preview .lightbox-title{font-size:.875rem;color:var(--text-dim)}.lightbox-caption.preview .lightbox-desc{display:none!important}@media (max-width:768px){.lightbox-main{padding:0 1rem}.lightbox-nav{width:40px;height:40px;font-size:1.25rem}.lightbox-close,.lightbox-fullscreen{width:40px;height:40px;font-size:1rem}.lightbox-fullscreen{right:3.5rem}.lightbox-strip{height:40px;padding:.25rem}}