.filter-container{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:40px}.filter-btn{padding:8px 16px;background:0 0;border:2px solid var(--primary-color);color:var(--text-color);border-radius:20px;cursor:pointer;font-weight:700;transition:all .3s}.filter-btn.active,.filter-btn:hover{background:var(--primary-color);color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:30px;align-items:start}.project-card{background:var(--nav-bg);border-radius:15px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1);display:flex;flex-direction:column;transition:transform .3s,opacity .4s;position:relative}.project-card.hide{display:none}.project-card:hover{transform:translateY(-5px)}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.project-media-wrapper{width:100%;position:relative;overflow:hidden;background-color:var(--bg-color)}.project-standard-img{display:block;width:100%;height:auto}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0}.project-video{position:absolute;top:0;left:0;width:100%;height:100%}.zoom-overlay{position:absolute;top:15px;right:15px;width:40px;height:40px;background:rgba(0,0,0,.6);border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.2rem;z-index:10;cursor:pointer;opacity:0;transform:scale(.8);transition:all .3s ease;border:2px solid transparent}.project-media-wrapper:hover .zoom-overlay{opacity:1;transform:scale(1)}.zoom-overlay:hover{background:var(--primary-color);border-color:#fff}.ba-slider{position:relative;width:100%;overflow:hidden;cursor:ew-resize;touch-action:none}.ba-slider>.ba-img:first-child{position:relative;display:block;width:100%;height:auto}.ba-img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.ba-before{position:absolute;top:0;left:0;width:50%;height:100%;z-index:2;overflow:hidden}.ba-dynamic-img{position:absolute;top:0;left:0;height:100%;max-width:none}.ba-handle{position:absolute;top:0;left:50%;width:0;height:100%;z-index:3;pointer-events:none}.ba-handle-line{position:absolute;top:0;left:-2px;width:4px;height:100%;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.5)}.ba-handle-btn{position:absolute;top:50%;left:-20px;width:40px;height:40px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;transform:translateY(-50%);font-weight:700;border:3px solid #fff;box-shadow:0 2px 5px rgba(0,0,0,.5)}.project-info{padding:20px;background:var(--nav-bg);z-index:5}.project-info h3{color:var(--primary-color);margin-bottom:5px;font-size:1.2rem}.lightbox{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);backdrop-filter:blur(8px);opacity:0;transition:opacity .3s ease}.lightbox-close{position:absolute;top:20px;right:40px;color:#fff;font-size:50px;font-weight:700;cursor:pointer;transition:color .3s;z-index:10000}.lightbox-close:hover{color:var(--primary-color)}.lightbox-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:20px}.lightbox-content{max-width:95%;max-height:95vh;border-radius:5px;box-shadow:0 0 30px rgba(0,0,0,.5);cursor:zoom-in;transition:transform .3s ease}.lightbox-content.zoomed{transform:scale(1.5);cursor:zoom-out}@media (max-width:1000px){.span-2{grid-column:span 3}.span-3{grid-column:span 6}.projects-grid{gap:20px}}@media (max-width:650px){.span-2,.span-3{grid-column:span 6}.projects-grid{gap:15px}.filter-btn{padding:6px 12px;font-size:.85rem}.zoom-overlay{opacity:1;transform:scale(.9);background:rgba(0,0,0,.5)}.project-info{padding:15px}.project-info h3{font-size:1.1rem}.lightbox-close{top:10px;right:15px;font-size:40px}.lightbox-content.zoomed{transform:scale(1.2)}}