.vertical-portfolio-carousel{align-items:center;background-color:#1c1a1e;display:flex;min-height:100vh;padding:110px 0;position:relative}.carousel-wrapper{position:relative;width:100%}.section-title-wrapper{margin-bottom:60px;position:relative;z-index:10}.section-title h2{color:#fff;font-size:48px;font-weight:700;margin-bottom:10px}.section-title span{color:#aaa;display:block;font-size:16px;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase;width:fit-content}.section-title p{color:var(--text-color);font-size:16px;margin-top:10px}.vp-cards-container{height:600px;margin:0 auto;perspective:1200px;position:relative;transform-style:preserve-3d}.vp-carousel-card{cursor:pointer;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform,opacity,filter}.vp-card-inner{border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:block;overflow:hidden;text-decoration:none;transition:box-shadow .3s ease}.vp-carousel-card:hover .vp-card-inner{box-shadow:0 30px 60px -15px rgba(0,0,0,.3)}.vp-card-image-link{cursor:pointer;display:block;text-decoration:none}.vp-card-image{background:#f0f0f0;border-radius:24px;height:400px;overflow:hidden;position:relative;width:100%}.vp-card-image img{transition:transform .6s ease}.vp-carousel-card:hover .vp-card-image img{transform:scale(1.05)}.vp-card-info{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-top:20px;opacity:1;padding-bottom:20px;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.vp-carousel-card.far-next .vp-card-info,.vp-carousel-card.far-prev .vp-card-info,.vp-carousel-card.hidden .vp-card-info,.vp-carousel-card.next .vp-card-info,.vp-carousel-card.prev .vp-card-info{opacity:0;pointer-events:none}.vp-carousel-card.active .vp-card-info{opacity:1;pointer-events:auto}.vp-info-content{flex:1;min-width:0}.vp-card-info .category{color:#8b8b8b;display:inline-block;font-size:12px;font-weight:600;letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase}.vp-card-info h3{color:#fff;font-size:24px;font-weight:700;margin-bottom:8px;transition:color .3s ease}.vp-carousel-card:hover .vp-card-info h3{color:#8b8b8b}.tech-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:40%}.tech-tag{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;color:#999;display:inline-block;font-size:10px;font-weight:500;letter-spacing:.3px;padding:2px 8px;transition:all .3s ease}.vp-carousel-card:hover .tech-tag{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.12);color:#bbb}.view-project{align-items:center;background:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;bottom:20px;color:#fff;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;position:absolute;right:20px;text-decoration:none;transition:all .3s ease;will-change:transform,background-color;z-index:2}.view-project svg{stroke:currentColor;transition:transform .3s ease}.vp-carousel-card:hover .view-project{background:rgba(0,0,0,.9);border-color:hsla(0,0%,100%,.2);box-shadow:0 4px 12px rgba(0,0,0,.3);transform:translateZ(0) translateY(-2px)}.vp-carousel-card:hover .view-project svg{transform:translate(2px,-2px)}.vp-carousel-card.active{opacity:1;transform:translate(-50%,-50%) translateZ(0) scale(1);z-index:5}.vp-carousel-card.prev{transform:translate(-50%,-50%) translateY(-180px) translateZ(-200px) rotateX(15deg) scale(.8)}.vp-carousel-card.next,.vp-carousel-card.prev{filter:brightness(.4);opacity:.3;pointer-events:none;z-index:3}.vp-carousel-card.next{transform:translate(-50%,-50%) translateY(180px) translateZ(-200px) rotateX(-15deg) scale(.8)}.vp-carousel-card.far-prev{transform:translate(-50%,-50%) translateY(-300px) translateZ(-400px) rotateX(20deg) scale(.7)}.vp-carousel-card.far-next,.vp-carousel-card.far-prev{filter:brightness(.3);opacity:.1;pointer-events:none;z-index:1}.vp-carousel-card.far-next{transform:translate(-50%,-50%) translateY(300px) translateZ(-400px) rotateX(-20deg) scale(.7)}.vp-carousel-card.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%) translateY(400px) translateZ(-600px) scale(.6);z-index:0}.carousel-dots{display:flex;gap:12px;justify-content:center;margin-top:60px;position:relative;z-index:10}.carousel-dots .dot{background:rgba(0,0,0,.2);border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.carousel-dots .dot:hover{background:rgba(0,0,0,.4);transform:scale(1.2)}.carousel-dots .dot.active{background:#6366f1;border-radius:6px;width:32px}.vp-view-all-wrapper{display:flex;justify-content:center;margin-top:60px;position:relative;z-index:10}.vp-view-all-wrapper .primary-btn3{align-items:center;background-color:#262527;border-radius:100px;color:var(--white-color);display:inline-flex;font-size:16px;font-weight:500;gap:10px;padding:20px 35px;position:relative;text-decoration:none;transition:all .3s ease}.vp-view-all-wrapper .primary-btn3:hover{background-color:#363538}.vp-view-all-wrapper .primary-btn3 svg{stroke:var(--white-color);transition:transform .3s ease}.vp-view-all-wrapper .primary-btn3:hover svg{transform:translate(2px,-2px)}.vp-view-all-wrapper .primary-btn3 span{display:none}body.dark .vertical-portfolio-carousel{background-color:#1c1a1e}body.dark .section-title h2{color:#fff}body.dark .section-title .sub-title{color:#aaa}body.dark .vp-card-info h3{color:#fff}body.dark .tech-tag{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);color:#aaa}body.dark .view-project{color:#fff}body.dark .carousel-dots .dot{background:hsla(0,0%,100%,.2)}body.dark .carousel-dots .dot:hover{background:hsla(0,0%,100%,.4)}@media (max-width:1024px){.vp-cards-container{max-width:700px}.vp-carousel-card{max-width:650px}.vp-card-image{height:380px}}@media (max-width:1199px){.vertical-portfolio-carousel{padding:90px 0}}@media (max-width:768px){.vertical-portfolio-carousel{min-height:80vh;padding:70px 0}.section-title h2{font-size:36px}.vp-cards-container{height:500px;max-width:100%}.vp-carousel-card{max-width:100%}.vp-card-image{height:300px}.vp-card-info{padding:5px}.vp-card-info h3{font-size:20px}.tech-tags,.vp-carousel-card .tech-tags{display:none!important}.vp-card-info{flex-direction:column;gap:10px}.view-project{bottom:15px;font-size:12px;padding:6px 12px;right:15px}.vp-carousel-card.prev{filter:brightness(.4);opacity:.3;transform:translate(-50%,-50%) translateY(-140px) translateZ(-150px) rotateX(10deg) scale(.85)}.vp-carousel-card.next{filter:brightness(.4);opacity:.3;transform:translate(-50%,-50%) translateY(140px) translateZ(-150px) rotateX(-10deg) scale(.85)}.carousel-dots{margin-top:40px}.scroll-hint{bottom:20px}}@media (max-width:480px){.section-title h2{font-size:28px}.vp-cards-container{height:450px}.vp-card-image{height:250px}.vp-card-info{align-items:flex-start;flex-direction:column;gap:15px}.tech-tags,.vp-carousel-card .tech-tags{display:none!important}.view-project{align-self:flex-end}}