.masonry{position:relative;width:100%}.masonry__item{position:absolute;top:0;left:0;will-change:transform}.masonry__item[data-dragging]{z-index:10}.masonry__item[data-hidden]{visibility:hidden}.masonry__card{position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:var(--masonry-radius, 12px);background:none;color:inherit;font:inherit;text-align:left;text-decoration:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:perspective(900px) rotateX(var(--masonry-tilt-x, 0deg)) rotateY(var(--masonry-tilt-y, 0deg)) translateY(var(--masonry-lift, 0px)) scale(var(--masonry-scale, 1));transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s cubic-bezier(.2,.8,.2,1),opacity .35s ease}.masonry__card:focus-visible{outline:2px solid currentColor;outline-offset:3px}.masonry[data-hover=lift] .masonry__item:hover .masonry__card{--masonry-lift: -6px;--masonry-scale: 1.02;box-shadow:0 22px 40px -22px #0000008c}.masonry[data-hover=tilt] .masonry__card{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .5s cubic-bezier(.2,.8,.2,1),opacity .35s ease}.masonry[data-hover=tilt] .masonry__item:hover .masonry__card{--masonry-scale: 1.03;box-shadow:0 26px 44px -24px #0000008c}.masonry__item[data-dragging] .masonry__card{--masonry-scale: 1.05;box-shadow:0 34px 60px -26px #0009;cursor:grabbing}.masonry__item[data-dimmed] .masonry__card{opacity:.35}.masonry__media{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:var(--masonry-radius, 12px);background:#7f7f7f24;isolation:isolate}.masonry__parallax{position:absolute;inset:0;display:block}.masonry__image{display:block;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:opacity .5s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.masonry__image[data-loaded]{opacity:1}.masonry[data-hover=zoom] .masonry__item:hover .masonry__image{transform:scale(1.07)}.masonry__caption{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:2px;padding:40px 14px 12px;color:#fff;background:linear-gradient(180deg,#0000,#00000005,#00000014,#0000002e,#0000004d,#0000006b 75%,#00000080 88%,#0000008a);pointer-events:none;transition:opacity .35s ease,transform .5s cubic-bezier(.2,.8,.2,1)}.masonry__caption[data-mode=hover]{opacity:0;transform:translateY(6px)}.masonry__item:hover .masonry__caption[data-mode=hover],.masonry__card:focus-visible .masonry__caption[data-mode=hover]{opacity:1;transform:none}.masonry__title{font-size:14px;font-weight:600;line-height:1.3;letter-spacing:-.01em}.masonry__text{font-size:12px;line-height:1.4;opacity:.8}.masonry__ghost{position:absolute;top:0;left:0;pointer-events:none}.masonry-lightbox{position:fixed;inset:0;z-index:1000}.masonry-lightbox__backdrop{position:absolute;inset:0;background:#09090be6}.masonry-lightbox__image{position:fixed;top:0;left:0;display:block;object-fit:cover;transform-origin:0 0;will-change:transform;cursor:zoom-out;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.masonry-lightbox__caption{position:fixed;right:0;left:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 72px;color:#fff;font-size:14px;line-height:1.4;text-align:center;pointer-events:none}.masonry-lightbox__caption a{display:inline-flex;align-items:center;gap:4px;color:inherit;font-weight:600;text-decoration:none;pointer-events:auto;opacity:.8;transition:opacity .2s ease}.masonry-lightbox__caption a:hover,.masonry-lightbox__caption a:focus-visible{opacity:1}.masonry-lightbox__muted{opacity:.6}.masonry-lightbox__button{position:absolute;display:grid;width:44px;height:44px;place-items:center;padding:0;border:0;border-radius:999px;color:#fff;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff1a;cursor:pointer;transition:background .2s ease}.masonry-lightbox__button:hover{background:#ffffff29}.masonry-lightbox__button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.masonry-lightbox__close{top:16px;right:16px}.masonry-lightbox__prev{top:calc(50% - 22px);left:16px}.masonry-lightbox__next{top:calc(50% - 22px);right:16px}
