@layer app{.mosaic{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:16px 0 32px;width:100%}.mosaic-item{flex:0 1 calc(16.66% - 12px);display:flex;flex-direction:column;overflow:hidden;border-radius:6px;background:rgba(1,1,1,0.85);border:1px solid rgba(255,255,255,0.15);cursor:zoom-in;text-decoration:none;transition:transform 0.2s ease}.mosaic-item:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.4)}.mosaic-item img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:3 / 4;transition:filter 0.3s ease;filter:brightness(0.9)}.mosaic-item:hover img{filter:brightness(1.1)}.mosaic-caption{display:block;text-align:center;padding:10px 5px;font-size:0.9rem;color:#fff;background:rgba(0,0,0,0.7);margin-top:auto}@media (max-width:1200px){.mosaic-item{flex:0 1 calc(25% - 12px)}}@media (max-width:992px){.mosaic-item{flex:0 1 calc(33.33% - 12px)}}@media (max-width:768px){.mosaic-item{flex:0 1 calc(50% - 12px)}}@media (max-width:480px){.mosaic-item{flex:0 1 100%;max-width:320px}.mosaic-caption{font-size:1rem;padding:12px}}}