.mosaic-grid{gap:var(--global-gap,16px);flex-wrap:wrap;display:flex}.mosaic-item{border-radius:var(--radius-card);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);position:relative;overflow:hidden}.mosaic-item:hover{z-index:10;box-shadow:0 0 0 1px #fff,0 0 16px #fffc}.mosaic-item:after{content:"";transition:box-shadow var(--transition-fast);pointer-events:none;border-radius:var(--radius-card);background:0 0;position:absolute;inset:0}.mosaic-item:hover:after{background:0 0}.mosaic-item img{object-fit:cover;width:100%;height:100%;display:block}.lightbox-overlay{z-index:1000;cursor:zoom-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff1;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.lightbox-overlay.active{display:flex}.lightbox-overlay img{object-fit:contain;border-radius:8px;width:auto;max-width:60vw;height:auto;max-height:60vh;animation:.25s cubic-bezier(.4,0,.2,1) forwards lightboxZoomIn}@keyframes lightboxZoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lightbox-close{color:#111;width:44px;height:44px;transition:background var(--transition-fast);cursor:pointer;z-index:1001;background:#0000000d;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;top:20px;right:20px}.lightbox-close:hover{background:#0000001a}.mosaic-item .yt-mute-btn{pointer-events:auto;z-index:20}.shorts-grid{gap:var(--global-gap,16px);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.shorts-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.shorts-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.short-project-btn:hover{background:var(--color-bg)!important;color:var(--color-accent)!important;border-color:var(--color-text-muted)!important}