body{background-color:#f8f9fa;padding:2rem 0}.gallery-container{display:flex;gap:15px;height:500px;width:100%;max-width:1200px;margin:0 auto;padding:0 15px}.gallery-item{position:relative;border-radius:1.5rem;overflow:hidden;flex:1;transition:flex .6s cubic-bezier(.25,1,.5,1);cursor:pointer;background-color:#000}.gallery-item.active{flex:4}.gallery-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.6;transition:opacity .4s ease}.gallery-item.active .gallery-img{opacity:.9}.gallery-content{position:absolute;bottom:0;left:0;width:100%;padding:2rem;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;height:100%;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.2) 50%,transparent 100%);z-index:2}.gallery-title{font-size:1.5rem;font-weight:600;margin:0;line-height:1.2}.gallery-details{max-height:0;overflow:hidden;opacity:0;transition:all .5s ease}.gallery-item.active .gallery-details{max-height:150px;opacity:1;margin-top:1rem}.gallery-link{color:#3ab0ff;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:5px}.gallery-link:hover{color:#1a96eb}.icon-collapsed{color:#3ab0ff;font-size:1.5rem;margin-top:10px;opacity:1;transition:opacity .3s ease;display:none}.gallery-item:not(.active) .icon-collapsed {display:block}@keyframes shimmer {
            0% { background-position: -200% 0; }
            100% { background-position: 200% 0; }
        }.skeleton-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#1e1e1e 25%,#2a2a2a 50%,#1e1e1e 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;z-index:1}.skeleton-element{background:linear-gradient(90deg,#444 25%,#555 50%,#444 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:4px}.skeleton-title-box{height:1.8rem;width:70%;margin-bottom:.5rem}.skeleton-text-box{height:1rem;width:100%;margin-bottom:.5rem}.skeleton-text-box.short{width:80%}.skeleton-link-box{height:1.2rem;width:30%;margin-top:.5rem}@media (max-width:768px){.gallery-container{flex-direction:column;height:700px}.gallery-item{flex:1;transition:flex .5s ease}.gallery-item.active{flex:3}.gallery-title{font-size:1.25rem}}