.project-gallery-container{margin:20px 0}.project-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:20px}.gallery-item{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease;opacity:0;transform:translateY(20px);animation:fadeInUp 0.6s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.gallery-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgb(0 0 0 / .15)}.gallery-item img{width:100%;height:200px;object-fit:cover;display:block;transition:transform 0.3s ease}.gallery-item:hover img{transform:scale(1.05)}.gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-zoom-icon{color:#fff;font-size:24px}.gallery-loading-indicator{text-align:center;margin-top:30px;padding:20px;opacity:0;transition:opacity 0.3s ease}.gallery-loading-indicator.visible{opacity:1}.loading-spinner{display:inline-block;width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #0073aa;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading-text{display:block;color:#666;font-style:italic;margin-top:10px}.gallery-end-indicator{text-align:center;margin-top:30px;padding:20px;color:#666;font-style:italic;border-top:1px solid #eee}.gallery-stats{text-align:center;margin-bottom:15px;color:#666;font-size:14px}.gallery-item img[loading="lazy"]{transition:opacity 0.3s ease}.gallery-item img.loading{opacity:.5;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@media (max-width:768px){.project-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.gallery-item img{height:150px}.gallery-zoom-icon{font-size:20px}}@media (max-width:480px){.project-gallery-grid{grid-template-columns:repeat(2,1fr);gap:8px}.gallery-item img{height:120px}.gallery-item{border-radius:6px}}.gallery-item.newly-loaded{animation-delay:0.1s}.gallery-item.newly-loaded:nth-child(2n){animation-delay:0.2s}.gallery-item.newly-loaded:nth-child(3n){animation-delay:0.3s}.gallery-item.newly-loaded:nth-child(4n){animation-delay:0.4s}.gallery-item a:focus{outline:2px solid #0073aa;outline-offset:2px}.gallery-item a:focus .gallery-overlay{opacity:1}@media (prefers-contrast:high){.gallery-item{border:1px solid #000}.gallery-overlay{background:rgb(0 0 0 / .8)}}@media (prefers-reduced-motion:reduce){.gallery-item,.gallery-item img,.gallery-overlay,.loading-spinner{animation:none;transition:none}.gallery-item{opacity:1;transform:none}}