.masonry{column-count:4;column-gap:15px;padding:20px}.masonry img{cursor:pointer;break-inside:avoid;border-radius:12px;width:100%;margin-bottom:15px;transition:transform .3s,opacity .3s}.masonry img:hover{opacity:.9;transform:scale(1.03)}@media (max-width:1200px){.masonry{column-count:3}}@media (max-width:768px){.masonry{column-count:2}}@media (max-width:480px){.masonry{column-count:1}}.lightbox{z-index:9999;touch-action:none;overscroll-behavior:contain;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-stage{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;max-width:90%;max-height:90%;display:flex;position:relative}.lightbox-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:12px;max-width:100%;max-height:90vh;transition:transform .18s}.lightbox-image.is-dragging{transition:none}.lightbox-counter{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700;line-height:1;position:absolute;bottom:-42px;left:50%;transform:translate(-50%)}.prev,.next{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:20px;font-size:40px;position:absolute;top:50%;transform:translateY(-50%)}.prev{left:20px}.next{right:20px}.prev:hover,.next:hover{opacity:.7}@media (max-width:768px){.lightbox{background:#000000f0}.lightbox-stage{max-width:100%;max-height:100%;padding:0 12px}.lightbox-image{border-radius:10px;max-width:100%;max-height:82vh}.prev,.next{display:none}.lightbox-counter{font-size:12px;bottom:-38px}}