.gallery-page{padding:50px 0 90px;background:var(--white, #fff);font-family:var(--font-family, 'Inter')}.gallery-masonry{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;grid-auto-flow:dense;grid-auto-rows:220px}.masonry-item{position:relative;border-radius:var(--radius-lg, 16px);overflow:hidden;cursor:pointer;background:var(--gray-100, #F1F5F9);min-height:220px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease;animation:masonryFadeIn .5s ease both;animation-delay:calc(var(--order, 0)*30ms);grid-row:span var(--row-span, 1);grid-column:span var(--col-span, 1)}@keyframes masonryFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.masonry-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 24px 50px rgba(0,0,0,.18);z-index:2}.masonry-item a{display:block;width:100%;height:100%;text-decoration:none;position:relative}.masonry-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.25,.46,.45,.94);min-height:220px}.masonry-item:hover img{transform:scale(1.06)}.masonry-item[data-span=wide],.masonry-item[data-span=hero]{border:2px solid rgba(89,89,252,.08)}.masonry-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8)0,rgba(0,0,0,.35) 45%,transparent 65%);display:flex;flex-direction:column;justify-content:flex-end;padding:22px;opacity:0;transition:opacity .35s ease}.masonry-item:hover .masonry-overlay{opacity:1}.masonry-info{transform:translateY(8px);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.masonry-item:hover .masonry-info{transform:translateY(0)}.masonry-caption{display:block;color:var(--white, #fff);font-size:var(--font-size-sm, 0.875rem);font-weight:600;line-height:1.3;text-shadow:0 1px 6px rgba(0,0,0,.4)}.masonry-album{display:inline-block;margin-top:6px;padding:3px 12px;border-radius:var(--radius-full, 9999px);background:rgba(255,255,255,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:rgba(255,255,255,.92);font-size:var(--font-size-xs, 0.75rem);font-weight:600;text-transform:uppercase;letter-spacing:.6px}.masonry-zoom{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:var(--radius-full, 9999px);background:rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:var(--white, #fff);font-size:var(--font-size-sm, 0.875rem);opacity:0;transform:scale(.7);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.masonry-item:hover .masonry-zoom{opacity:1;transform:scale(1)}.masonry-zoom:hover{background:var(--logored, #1a76d1);border-color:transparent}.masonry-corner{position:absolute;bottom:0;right:0;width:36px;height:36px;border-right:3px solid rgba(89,89,252,.5);border-bottom:3px solid rgba(89,89,252,.5);border-radius:0 0 14px 0;opacity:0;transition:opacity .3s ease,width .3s ease,height .3s ease}.masonry-item:hover .masonry-corner{opacity:1;width:50px;height:50px}.gallery-empty{text-align:center;padding:80px 20px;color:var(--paragraph, #64748B)}.gallery-empty i{font-size:54px;margin-bottom:16px;color:var(--gray-300, #D1D5DB);display:block}.gallery-empty p{font-size:var(--font-size-base, 1rem);margin:0}@media (max-width:1024px){.gallery-masonry{grid-template-columns:repeat(3,1fr);gap:14px}}@media (max-width:640px){.gallery-page{padding:30px 0 60px}.gallery-masonry{grid-template-columns:repeat(2,1fr);gap:10px}.masonry-item{border-radius:10px;animation:none}.masonry-item{grid-row:span 1!important;grid-column:span 1!important;border:0!important}.masonry-overlay{opacity:1;padding:14px;background:linear-gradient(to top,rgba(0,0,0,.7)0,rgba(0,0,0,.15) 50%,transparent 70%)}.masonry-caption{font-size:12px}.masonry-zoom,.masonry-corner{display:none}.masonry-info{transform:none}}@media (max-width:400px){.gallery-masonry{grid-template-columns:1fr;max-width:380px;margin:0 auto}}