.gallery-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:40px}.gallery-image-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s ease}.gallery-image-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.gallery-image-wrapper{position:relative;aspect-ratio:4/3;overflow:hidden;cursor:pointer}.gallery-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-image-item:hover .gallery-image-wrapper img{transform:scale(1.05)}.gallery-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(15,51,26,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.gallery-image-item:hover .gallery-image-overlay{opacity:1}.gallery-zoom-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.5)}.gallery-videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-top:40px}.gallery-video-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s ease}.gallery-video-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.gallery-video-wrapper{position:relative;aspect-ratio:16/9;overflow:hidden;cursor:pointer}.gallery-video-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-video-item:hover .gallery-video-wrapper img{transform:scale(1.05)}.gallery-video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;transition:background .3s ease}.gallery-video-item:hover .gallery-video-overlay{background:rgba(0,0,0,.6)}.gallery-play-button{transform:scale(1);transition:transform .3s ease}.gallery-video-item:hover .gallery-play-button{transform:scale(1.1)}.gallery-video-content{padding:20px}.gallery-video-title{font-size:1.2rem;font-weight:600;margin-bottom:0;color:var(--color-green);font-family:var(--font2)}.project-icon{display:flex;align-items:center;justify-content:center}@media (max-width:768px){.gallery-images-grid,.gallery-videos-grid{grid-template-columns:1fr;gap:16px}.gallery-video-content{padding:15px}.gallery-video-title{font-size:1.1rem}}