.image-masonry{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto}.masonry-grid{columns:4;column-gap:.75rem;width:100%}.masonry-item{break-inside:avoid;cursor:pointer;border-radius:4px;width:100%;margin-bottom:.75rem;display:block;position:relative;overflow:hidden}.masonry-item:hover .masonry-caption{opacity:1}.masonry-image{border-radius:4px;width:100%;height:auto;transition:transform .4s,filter .4s;display:block}.masonry-item:hover .masonry-image{filter:brightness(.85);transform:scale(1.03)}.masonry-caption{color:#fff;opacity:0;background:linear-gradient(#0000 0%,#000000b3 100%);border-radius:0 0 4px 4px;padding:.5rem .75rem;font-size:.75rem;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}@media (max-width:1200px){.masonry-grid{columns:3}}@media (max-width:768px){.masonry-grid{columns:2;column-gap:.5rem}.masonry-item{margin-bottom:.5rem}}@media (max-width:480px){.masonry-grid{columns:1}}.lightbox-overlay{z-index:9999;background:#000000f2;justify-content:center;align-items:center;animation:.3s lightboxFadeIn;display:flex;position:fixed;inset:0}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.lightbox-image{object-fit:contain;border-radius:4px;max-width:100%;max-height:80vh;animation:.3s imageSlideIn}@keyframes imageSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox-caption{color:#fff;text-align:center;max-width:600px;margin-top:1rem;font-size:1rem}.lightbox-counter{color:#fff;opacity:.8;margin-top:.5rem;font-size:.9rem}.lightbox-close{color:#fff;cursor:pointer;z-index:10000;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:0;font-size:2.5rem;line-height:1;transition:all .3s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.lightbox-close:hover{background:#fff3;border-color:#ffffff80;transform:rotate(90deg)}.lightbox-arrow{color:#fff;cursor:pointer;z-index:10000;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:0;font-size:3rem;line-height:1;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-50%)scale(1.1)}.lightbox-arrow-left{left:2rem}.lightbox-arrow-right{right:2rem}@media (max-width:768px){.lightbox-close{width:40px;height:40px;font-size:2rem;top:1rem;right:1rem}.lightbox-arrow{width:50px;height:50px;font-size:2.5rem}.lightbox-arrow-left{left:1rem}.lightbox-arrow-right{right:1rem}.lightbox-caption{padding:0 1rem;font-size:.9rem}.lightbox-counter{font-size:.8rem}.lightbox-content{max-width:95vw}.lightbox-image{max-height:70vh}}.masonry-video-wrapper{width:100%;display:block;position:relative}.masonry-play-overlay{pointer-events:none;background:#00000040;border-radius:4px;justify-content:center;align-items:center;transition:background .3s;display:flex;position:absolute;inset:0}.masonry-item:hover .masonry-play-overlay{background:#00000073}.masonry-play-overlay svg{filter:drop-shadow(0 2px 4px #00000080);transition:transform .2s}.masonry-item:hover .masonry-play-overlay svg{transform:scale(1.15)}.lightbox-video{background:#000;border-radius:4px;max-width:90vw;max-height:80vh;display:block}