.projects-section{padding:4rem 0;overflow:hidden}.projects-header{width:100%;display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto 2rem;padding:0 2rem}.projects-title{font-size:2rem;font-weight:700;color:var(--text-main, #fff);margin:0;padding-left:1rem;border-left:4px solid #ff0000}.projects-link{color:red;text-decoration:none;font-size:.9rem;font-weight:500}.projects-link:hover{text-decoration:underline}#projects-carousel{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:2rem 0;outline:none}.coverflow-wrapper{position:relative;height:380px;perspective:1200px;perspective-origin:50% 50%}.coverflow-track{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.coverflow-slide{position:absolute;left:50%;top:50%;width:320px;margin-left:-160px;margin-top:-170px;text-decoration:none;transition:transform .6s cubic-bezier(.23,1,.32,1),opacity .6s ease;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.coverflow-card{background:#111111e6;border-radius:16px;overflow:hidden;border:2px solid rgba(255,0,0,.2);box-shadow:0 20px 60px #00000080;transition:border-color .3s,box-shadow .3s,transform .3s}.coverflow-slide[style*="zIndex: 10"] .coverflow-card,.coverflow-slide:hover .coverflow-card{border-color:#ff000080;box-shadow:0 25px 80px #f003}.coverflow-image{width:100%;height:220px;overflow:hidden;position:relative}.coverflow-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.coverflow-slide:hover .coverflow-image img{transform:scale(1.05)}.coverflow-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.3));pointer-events:none}.coverflow-info{padding:1.25rem;text-align:center}.coverflow-client{display:block;font-size:.7rem;color:red;text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:.5rem}.coverflow-title{font-size:1.15rem;font-weight:600;color:var(--text-main, #fff);margin:0;line-height:1.3}.coverflow-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#ff0000e6;border:none;border-radius:50%;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:background .3s,transform .3s,box-shadow .3s;box-shadow:0 4px 20px #0000004d}.coverflow-nav svg{width:24px;height:24px;color:#fff}.coverflow-nav:hover{background:red;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 25px #f006}.coverflow-prev{left:1rem}.coverflow-next{right:1rem}.coverflow-dots{display:flex;justify-content:center;gap:.75rem;margin-top:1.5rem}.coverflow-dot{width:10px;height:10px;border-radius:50%;background:#ffffff40;border:none;cursor:pointer;transition:background .3s,transform .3s}.coverflow-dot:hover{background:#ffffff80}.coverflow-dot.active{background:red;transform:scale(1.2)}body.light-mode .coverflow-card{background:#fffffff2;box-shadow:0 20px 60px #00000026}body.light-mode .coverflow-title{color:var(--text-main, #111)}body.light-mode .coverflow-dot{background:#0003}body.light-mode .coverflow-dot:hover{background:#0006}@media(max-width:768px){.projects-section{padding:2.5rem 0}.projects-header{flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:0 1rem}.projects-title{font-size:1.5rem;border-left:none;padding-left:0;padding-bottom:.5rem;border-bottom:3px solid #ff0000}.coverflow-wrapper{height:320px}.coverflow-slide{width:260px;margin-left:-130px;margin-top:-145px}.coverflow-image{height:180px}.coverflow-info{padding:1rem}.coverflow-title{font-size:1rem}.coverflow-nav{width:40px;height:40px}.coverflow-nav svg{width:20px;height:20px}.coverflow-prev{left:.5rem}.coverflow-next{right:.5rem}}@media(max-width:480px){.coverflow-wrapper{height:280px}.coverflow-slide{width:220px;margin-left:-110px;margin-top:-125px}.coverflow-image{height:150px}.coverflow-card{border-radius:12px}.coverflow-info{padding:.875rem}.coverflow-client{font-size:.65rem}.coverflow-title{font-size:.9rem}.coverflow-nav{width:36px;height:36px}.coverflow-dots{gap:.5rem;margin-top:1rem}.coverflow-dot{width:8px;height:8px}}@media(prefers-reduced-motion:reduce){.coverflow-slide,.coverflow-card{transition:none}}
