.projects{position:relative;padding:6rem 0;background:var(--bg-secondary);overflow:hidden}.projects-bg{position:absolute;inset:0;pointer-events:none}.filter-tabs{display:flex;gap:.75rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1.5rem;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-body);font-size:.9rem;font-weight:600;letter-spacing:.08em;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.filter-btn:hover{border-color:var(--red-primary);color:var(--text-primary)}.filter-btn.active{background:var(--red-primary);border-color:var(--red-primary);color:#fff;box-shadow:0 0 15px var(--red-glow)}

/* Carousel Wrapper */
.projects-carousel-wrapper{position:relative;margin-bottom:3rem;padding:0 60px}

/* Carousel Container */
.projects-carousel{overflow:hidden;width:100%}

/* Carousel Track */
.projects-track{display:flex;gap:2rem;transition:transform 0.5s ease}

.project-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
  }
  
  .project-card:hover .project-img {
    transform: scale(1.05);
  }
  .filter-count {
    display: inline-block;
    margin-left: 0.4rem;
    padding: 0.15rem 0.5rem;
    background: rgba(230, 57, 70, 0.15);
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--red-primary);
  }
  
  .filter-btn.active .filter-count {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
  }

/* Project Card */
.project-card{flex:0 0 calc(33.333% - 1.35rem);min-width:calc(33.333% - 1.35rem);position:relative;background:var(--bg-card);border:1px solid var(--border-color);overflow:hidden;transition:all .4s ease;animation:fadeInUp .5s ease backwards}.project-card:hover{border-color:var(--border-red);box-shadow:0 8px 40px rgba(0,0,0,.4),0 0 20px rgba(230,57,70,.1);transform:translateY(-6px)}.project-card:hover .image-overlay{opacity:1}.project-card:hover .image-placeholder{transform:scale(1.03)}.project-card:hover .project-number{color:var(--red-primary);opacity:.3}.project-image{position:relative;height:220px;overflow:hidden;background:var(--bg-primary)}.image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#1a1a1a 0%,#111 60%,#1a1a1a 100%);transition:transform .5s ease;position:relative}.image-placeholder::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(230,57,70,.05) 0%,transparent 50%,rgba(230,57,70,.03) 100%)}.image-placeholder i{font-size:3rem;color:var(--red-primary);opacity:.5;position:relative}.image-placeholder span{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;position:relative}.image-overlay{position:absolute;inset:0;background:rgba(10,10,10,.85);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.overlay-actions{display:flex;gap:1rem}.overlay-btn{width:48px;height:48px;background:var(--red-primary);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1rem;text-decoration:none;transition:all .3s ease;box-shadow:0 0 15px var(--red-glow)}.overlay-btn:hover{background:#fff;color:var(--red-primary);transform:scale(1.1)}.project-info{padding:1.5rem}.project-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;letter-spacing:.03em}.project-desc{font-size:.88rem;color:var(--text-muted);line-height:1.7;margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.tag{padding:.25rem .6rem;background:rgba(230,57,70,.1);border:1px solid rgba(230,57,70,.2);color:var(--red-primary);font-size:.75rem;font-family:var(--font-mono);letter-spacing:.05em;border-radius:2px}.project-actions{display:flex;gap:.75rem}.btn-view{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:var(--red-primary);color:#fff;font-family:var(--font-body);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;transition:all .3s ease;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);border:none;cursor:pointer}.btn-view:hover{box-shadow:0 0 15px var(--red-glow);transform:translateY(-1px)}.btn-code{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-body);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;transition:all .3s ease}.btn-code:hover{border-color:var(--text-secondary);color:var(--text-primary)}.project-number{position:absolute;top:1rem;right:1rem;font-family:var(--font-display);font-size:3rem;font-weight:900;color:rgba(255,255,255,.04);letter-spacing:-.05em;line-height:1;pointer-events:none;transition:all .3s ease;z-index:1}

/* Carousel Navigation Buttons */
.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:var(--red-primary);color:#fff;border:none;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px var(--red-glow)}.carousel-btn:hover{background:var(--red-dark);transform:translateY(-50%) scale(1.1);box-shadow:0 0 30px var(--red-glow)}.carousel-btn:active{transform:translateY(-50%) scale(0.95)}.carousel-prev{left:0}.carousel-next{right:0}.carousel-btn:disabled{opacity:.3;cursor:not-allowed;background:var(--bg-card)}.carousel-btn:disabled:hover{transform:translateY(-50%) scale(1)}

/* Carousel Dots */
.carousel-dots{display:flex;justify-content:center;gap:.75rem;margin-bottom:3rem}.carousel-dot{width:12px;height:12px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:50%;cursor:pointer;transition:all .3s ease}.carousel-dot:hover{border-color:var(--red-primary)}.carousel-dot.active{background:var(--red-primary);border-color:var(--red-primary);box-shadow:0 0 10px var(--red-glow)}

.view-all{display:flex;justify-content:center}.btn-all{display:inline-flex;align-items:center;gap:.75rem;padding:.9rem 2.5rem;background:transparent;border:1px solid var(--red-primary);color:var(--red-primary);font-family:var(--font-body);font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);transition:all .3s ease;position:relative;overflow:hidden}.btn-all::before{content:'';position:absolute;inset:0;background:var(--red-primary);transform:translateX(-100%);transition:transform .3s ease}.btn-all span,.btn-all i{position:relative;z-index:1;transition:color .3s ease}.btn-all i{transition:transform .3s ease,color .3s ease}.btn-all:hover{color:#fff;box-shadow:0 0 20px var(--red-glow)}.btn-all:hover::before{transform:translateX(0)}.btn-all:hover i{transform:translateX(4px)}

/* Responsive */
@media (max-width:1024px){.project-card{flex:0 0 calc(50% - 1rem);min-width:calc(50% - 1rem)}}
@media (max-width:768px){.projects-carousel-wrapper{padding:0 50px}.carousel-btn{width:40px;height:40px;font-size:1rem}}
@media (max-width:640px){.project-card{flex:0 0 100%;min-width:100%}.projects-carousel-wrapper{padding:0 45px}.carousel-btn{width:36px;height:36px;font-size:.9rem}.section-header h2{font-size:2rem}}