.masonry-grid{display:flex;gap:1rem;width:100%}@media(max-width:640px){.masonry-grid{gap:16px}}.masonry-grid.loading .masonry-column{opacity:.7}.masonry-grid.empty{justify-content:center;align-items:center;min-height:400px}.masonry-grid.empty .empty-state{text-align:center;color:#64748b}.masonry-grid.empty .empty-state .empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.masonry-grid.empty .empty-state h3{margin:0 0 8px;font-size:24px;font-weight:600;color:#1e293b}.masonry-grid.empty .empty-state p{margin:0;font-size:16px;color:#64748b}.masonry-column{flex:1 1;display:flex;flex-direction:column;min-width:0}.work-card-skeleton{background:#fff;border-radius:.125rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);margin-bottom:20px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.work-card-skeleton .skeleton-media{width:100%;height:200px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.work-card-skeleton .skeleton-content{padding:16px}.work-card-skeleton .skeleton-content .skeleton-title{height:20px;margin-bottom:12px;width:80%}.work-card-skeleton .skeleton-content .skeleton-description,.work-card-skeleton .skeleton-content .skeleton-title{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:.125rem}.work-card-skeleton .skeleton-content .skeleton-description{height:14px;margin-bottom:8px;width:100%}.work-card-skeleton .skeleton-content .skeleton-tags{display:flex;gap:6px}.work-card-skeleton .skeleton-content .skeleton-tags:after,.work-card-skeleton .skeleton-content .skeleton-tags:before{content:"";height:20px;width:60px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:.5rem}.work-card-skeleton .skeleton-content .skeleton-tags:after{width:40px}@media(max-width:1024px){.masonry-grid{gap:16px}}@media(max-width:640px){.masonry-grid{gap:12px}.masonry-grid .work-card-skeleton{margin-bottom:16px}.masonry-grid .work-card-skeleton .skeleton-content{padding:12px}}