.explore-masonry-container{padding:1rem;max-width:1400px;margin:0 auto}.explore-masonry-grid{column-count:1;column-gap:1rem;break-inside:avoid}@media (min-width:640px){.explore-masonry-grid{column-count:2}}@media (min-width:768px){.explore-masonry-grid{column-count:3}}@media (min-width:1024px){.explore-masonry-grid{column-count:4}}@media (min-width:1280px){.explore-masonry-grid{column-count:5}}.masonry-item{break-inside:avoid;margin-bottom:1rem;position:relative;border-radius:12px;overflow:hidden;background:#000;transition:transform .2s ease,box-shadow .2s ease}.masonry-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.masonry-item-content{position:relative;width:100%;display:block}.masonry-item img,.masonry-item video{width:100%;height:auto;display:block;object-fit:cover}.masonry-item video{transition:filter .2s ease}.masonry-item:not(:hover) video{filter:brightness(.9)}.masonry-item:hover video{filter:brightness(1)}.masonry-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:white;padding:1rem;transform:translateY(100%);transition:transform .3s ease,opacity .3s ease;opacity:0}.masonry-item:hover .masonry-overlay{transform:translateY(0);opacity:1}.masonry-item:hover .masonry-overlay-hidden-on-hover{opacity:0;visibility:hidden}.masonry-overlay h3{font-size:.875rem;font-weight:600;margin:0 0 .25rem;line-height:1.2}.masonry-overlay p{font-size:.75rem;opacity:.9;margin:0 0 .5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.masonry-overlay .creator{font-size:.75rem;opacity:.8;margin:0}.masonry-type-badge{position:absolute;top:.5rem;right:.5rem;background:rgba(0,0,0,.7);color:white;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;backdrop-filter:blur(4px);opacity:0;transition:opacity .2s ease}.masonry-item:hover .masonry-type-badge{opacity:1}.masonry-stats{position:absolute;top:.5rem;left:.5rem;display:flex;gap:.5rem;opacity:0;transition:opacity .2s ease}.masonry-item:hover .masonry-stats{opacity:1}.masonry-stat{background:rgba(0,0,0,.7);color:white;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;backdrop-filter:blur(4px);display:flex;align-items:center;gap:.25rem}.masonry-stat svg{width:.75rem;height:.75rem}.masonry-click-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-center:center;opacity:0;transition:opacity .2s ease;background:rgba(0,0,0,.2)}.masonry-item:hover .masonry-click-indicator{opacity:1}.masonry-item:hover .masonry-click-indicator-hidden-on-hover{opacity:0;visibility:hidden}.masonry-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:12px;margin-bottom:1rem}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.masonry-skeleton:first-child{height:200px}.masonry-skeleton:nth-child(2){height:300px}.masonry-skeleton:nth-child(3){height:250px}.masonry-skeleton:nth-child(4){height:180px}.masonry-skeleton:nth-child(5){height:320px}.masonry-skeleton:nth-child(6){height:220px}.masonry-skeleton:nth-child(7){height:280px}.masonry-skeleton:nth-child(8){height:200px}@media (prefers-color-scheme:dark){.masonry-skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%}}