.project-gallery-wrap{margin:40px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;line-height:1.6}.project-gallery-item{position:relative;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 12px #000;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid rgba(0,0,0,.1)}.project-gallery-item:hover{transform:translateY(-8px);box-shadow:0 8px 24px #000}.project-gallery-media-wrap{width:100%;padding-top:75%;position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}.project-gallery-media-wrap img,.project-gallery-media-wrap video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);border-radius:12px}.project-gallery-item:hover .project-gallery-media-wrap img,.project-gallery-item:hover .project-gallery-media-wrap video{transform:scale(1.05)}.project-gallery-type-badge{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.8);color:#fff;font-size:10px;font-weight:700;padding:6px 12px;border-radius:20px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.5px;z-index:2}.project-gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 30%,rgba(0,0,0,.4) 60%,transparent 100%);color:#fff;padding:25px;opacity:0;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:0 0 12px 12px;backdrop-filter:blur(5px)}.project-gallery-item:hover .project-gallery-overlay{opacity:1;transform:translateY(0)}.project-gallery-title{margin:0 0 8px;font-size:1.25em;font-weight:700;line-height:1.2;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.project-gallery-tech{display:inline-block;background:rgba(255,255,255,.2);color:#fff;padding:6px 14px;border-radius:20px;font-size:.875em;font-weight:600;margin-bottom:20px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.project-gallery-preview-btn{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:25px;font-size:.875em;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.5px}.project-gallery-preview-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.project-gallery-style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.project-gallery-style-masonry{column-count:3;column-gap:25px}.project-gallery-style-masonry .project-gallery-item{break-inside:avoid;margin-bottom:25px}.project-gallery-3d-carousel{position:relative;width:100%;height:500px;perspective:1200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:16px;overflow:hidden;margin:40px 0}.carousel-stage{width:100%;height:100%;position:relative;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center}.carousel-container{position:relative;width:280px;height:380px;transform-style:preserve-3d;transform:rotateY(0deg);transition:transform 1s cubic-bezier(.4,0,.2,1)}.project-gallery-3d-carousel .project-gallery-item{position:absolute;width:280px;height:380px;left:0;top:0;transform-origin:center center -500px;border:2px solid rgba(255,255,255,.2);border-radius:12px;overflow:hidden;opacity:.9;filter:brightness(.9);backdrop-filter:blur(5px)}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.carousel-nav:hover{background:rgba(255,255,255,.2);transform:translateY(-50%) scale(1.1)}.carousel-prev{left:25px}.carousel-next{right:25px}.project-gallery-style-fanned{display:flex;justify-content:center;align-items:center;min-height:600px;padding:40px 20px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:16px;position:relative;overflow:visible}.project-gallery-fanned-container{position:relative;width:100%;height:500px;perspective:1000px}.project-gallery-style-fanned .project-gallery-item{position:absolute;width:280px;height:350px;left:50%;top:50%;transform-origin:center bottom;border:2px solid rgba(255,255,255,.2);border-radius:12px;overflow:hidden;opacity:.9;filter:brightness(.8);transition:all .4s cubic-bezier(.4,0,.2,1)}.project-gallery-style-fanned .project-gallery-item:nth-child(1){transform:translate(-50%,-50%) rotate(-30deg) translateY(-100px);z-index:1}.project-gallery-style-fanned .project-gallery-item:nth-child(2){transform:translate(-50%,-50%) rotate(-20deg) translateY(-50px);z-index:2}.project-gallery-style-fanned .project-gallery-item:nth-child(3){transform:translate(-50%,-50%) rotate(-10deg) translateY(0px);z-index:3}.project-gallery-style-fanned .project-gallery-item:nth-child(4){transform:translate(-50%,-50%) rotate(0deg) translateY(50px);z-index:4}.project-gallery-style-fanned .project-gallery-item:nth-child(5){transform:translate(-50%,-50%) rotate(10deg) translateY(0px);z-index:3}.project-gallery-style-fanned .project-gallery-item:nth-child(6){transform:translate(-50%,-50%) rotate(20deg) translateY(0px);z-index:2}.project-gallery-style-fanned .project-gallery-item:nth-child(7){transform:translate(-50%,-50%) rotate(30deg) translateY(-50px);z-index:2}.project-gallery-style-fanned .project-gallery-item:nth-child(8){transform:translate(-50%,-50%) rotate(40deg) translateY(-100px);z-index:1}.project-gallery-style-fanned .project-gallery-item:hover{transform:translate(-50%,-50%) rotate(0deg) translateY(-150px) scale(1.1)!important;z-index:100!important;opacity:1!important;filter:brightness(1.1)!important;box-shadow:0 12px 30px rgba(0,0,0,.3)!important}.project-gallery-item.project-gallery-tall .project-gallery-media-wrap{padding-top:150%;cursor:ns-resize}.project-gallery-item.project-gallery-tall .project-gallery-media-wrap img{object-fit:cover;object-position:top center;height:auto!important;min-height:200%!important}.project-gallery-item.project-gallery-tall.project-gallery-scroll-slow .project-gallery-media-wrap img{animation:projectGalleryAutoScroll 15s linear infinite}.project-gallery-item.project-gallery-tall.project-gallery-scroll-medium .project-gallery-media-wrap img{animation:projectGalleryAutoScroll 10s linear infinite}.project-gallery-item.project-gallery-tall.project-gallery-scroll-fast .project-gallery-media-wrap img{animation:projectGalleryAutoScroll 5s linear infinite}.project-gallery-item.project-gallery-tall .project-gallery-media-wrap img:hover,.project-gallery-item.project-gallery-tall.project-gallery-auto-scroll .project-gallery-media-wrap img{animation-play-state:paused}.project-gallery-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);z-index:999999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;backdrop-filter:blur(10px)}.project-gallery-lightbox.active{opacity:1;visibility:visible}.lightbox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);cursor:pointer}.lightbox-content{position:relative;width:90%;max-width:1200px;max-height:90vh;background:#fff;border-radius:16px;overflow:hidden;display:flex;transform:translateY(40px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 50px rgba(0,0,0,.3)}.project-gallery-lightbox.active .lightbox-content{transform:translateY(0) scale(1)}.lightbox-close{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.1);border:none;width:40px;height:40px;border-radius:50%;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000}.lightbox-close:hover{background:rgba(255,255,255,.2);transform:rotate(90deg) scale(1.1)}.lightbox-image-column{flex:0 0 65% 35%;background:#000;display:flex;align-items:center;justify-content:center;padding:40px;position:relative}.lightbox-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.lightbox-main-image,.lightbox-main-video{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.5)}.lightbox-details-column{flex:0 0 35% 65%;padding:40px;background:#fff;overflow-y:auto;display:flex;flex-direction:column}.lightbox-title{font-size:1.5em;font-weight:700;margin:0 0 20px;color:#000;line-height:1.2}.lightbox-meta{margin-bottom:20px}.lightbox-tech{display:inline-block;background:linear-gradient(135deg,#0073aa 0%,#0056b3 100%);color:#fff;padding:8px 16px;border-radius:20px;font-size:.875em;font-weight:600}.lightbox-desc{font-size:1em;line-height:1.6;color:#555;margin-bottom:30px;flex-grow:1}.lightbox-link-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#0073aa 0%,#0056b3 100%);color:#fff;text-decoration:none;padding:12px 24px;border-radius:25px;font-size:.9em;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.lightbox-link-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,123,255,.3)}.lightbox-nav{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:30px;border-top:1px solid #eee}.lightbox-prev,.lightbox-next{display:flex;align-items:center;gap:10px;background:#f8f9fa;border:1px solid #ddd;padding:12px 20px;border-radius:25px;font-size:.9em;font-weight:600;cursor:pointer;transition:all .3s ease;color:#333}.lightbox-prev:hover,.lightbox-next:hover{background:#0073aa;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,.3)}.lightbox-counter{font-size:1em;font-weight:700;color:#0073aa;background:rgba(0,123,255,.1);padding:8px 16px;border-radius:20px}.project-gallery-credit{text-align:center;font-size:14px;color:#666;margin-top:30px;padding-top:20px;border-top:1px solid #eee}.project-gallery-credit a{color:#0073aa;text-decoration:none;font-weight:600;transition:color .3s ease}.project-gallery-credit a:hover{color:#0056b3}.project-gallery-error{background:#fff3cd;color:#721c24;padding:20px;border-radius:8px;text-align:center;border:1px solid #f5c6cb}@media screen and (max-width:768px){.project-gallery-style-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.project-gallery-style-masonry{column-count:2;column-gap:20px}.project-gallery-3d-carousel{height:400px;margin:20px 0}.carousel-container{width:240px;height:320px}.project-gallery-3d-carousel .project-gallery-item{width:240px;height:320px}.project-gallery-style-fanned{min-height:500px;padding:30px 15px}.project-gallery-fanned-container{height:400px}.project-gallery-style-fanned .project-gallery-item{width:240px;height:300px}.lightbox-content{width:95%;flex-direction:column}.lightbox-image-column{flex:0 0 60% 40%}.lightbox-details-column{flex:0 0 40% 60%;padding:30px 20px}.lightbox-nav{flex-direction:column;gap:10px;align-items:stretch}.lightbox-prev,.lightbox-next{width:100%;justify-content:center}}@media screen and (max-width:480px){.project-gallery-style-grid{grid-template-columns:1fr;gap:15px}.project-gallery-style-masonry{column-count:1}.project-gallery-3d-carousel{height:300px}.carousel-container{width:200px;height:280px}.project-gallery-3d-carousel .project-gallery-item{width:200px;height:280px}.project-gallery-style-fanned{min-height:400px;padding:20px 10px}.project-gallery-fanned-container{height:300px}.project-gallery-style-fanned .project-gallery-item{width:200px;height:250px}.lightbox-content{width:98%;max-height:95vh}.lightbox-image-column{flex:0 0 50% 50%;padding:20px}.lightbox-details-column{flex:0 0 50% 50%;padding:20px}}