.projects-section{background:#fff;padding:100px 0;position:relative;overflow:hidden}.projects-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f614 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-200px;right:-200px}.projects-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#06b6d40f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-150px;left:-150px}.project-orb{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.project-orb--blue{background:radial-gradient(circle,#3b82f60f 0%,#0000 70%);width:300px;height:300px;top:20%;left:-100px}.project-orb--cyan{background:radial-gradient(circle,#06b6d40d 0%,#0000 70%);width:250px;height:250px;bottom:30%;right:-80px}.projects-header{text-align:center;z-index:1;margin-bottom:80px;position:relative}.projects-header h2{background:linear-gradient(135deg,#2563eb,#06b6d4);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;font-size:2.5rem;font-weight:800}.projects-header p{color:#64748b;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.7}.projects-header-divider{background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:2px;width:80px;height:4px;margin:20px auto 0}.project-row{z-index:1;grid-template-columns:1fr;gap:48px;margin-bottom:100px;display:grid;position:relative}.project-row:last-child{margin-bottom:0}@media (width>=768px){.project-row{grid-template-columns:1fr 1fr;align-items:center;gap:64px}.project-row--even .project-image-wrap{order:1}.project-row--even .project-content,.project-row--odd .project-image-wrap{order:2}.project-row--odd .project-content{order:1}}@media (width>=1024px){.project-row{gap:80px}}.project-image-wrap{background:#f1f5f9;border-radius:20px;justify-content:center;align-items:center;min-height:300px;transition:transform .5s,box-shadow .5s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 10px 30px -5px #3b82f61a,0 20px 60px -10px #00000014}.project-image-wrap:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 8px 12px -2px #00000014,0 20px 50px -8px #3b82f626,0 40px 80px -12px #0000001a}.project-image-wrap:before{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(135deg,#3b82f60d,#0000);transition:opacity .5s;position:absolute;inset:0}.project-image-wrap:hover:before{opacity:1}.project-image-wrap img{object-fit:contain;width:100%;height:auto;max-height:500px;padding:24px;transition:transform .6s;display:block}@media (width>=768px){.project-image-wrap{min-height:380px}.project-image-wrap img{max-height:480px;padding:32px}}@media (width>=1024px){.project-image-wrap{min-height:420px}.project-image-wrap img{max-height:520px;padding:40px}}.project-image-wrap:hover img{transform:scale(1.03)}.project-image-wrap:after{content:"";z-index:-1;opacity:0;background:linear-gradient(135deg,#3b82f633,#06b6d433);border-radius:22px;transition:opacity .5s;position:absolute;inset:-2px}.project-image-wrap:hover:after{opacity:1}.project-content{position:relative}.project-number{text-transform:uppercase;letter-spacing:3px;color:#3b82f6;align-items:center;gap:12px;margin-bottom:12px;font-size:.85rem;font-weight:700;display:flex}.project-number:after{content:"";background:linear-gradient(90deg,#3b82f6,#0000);flex:1;max-width:60px;height:1px}.project-title{color:#0f172a;margin-bottom:16px;font-size:1.75rem;font-weight:800;line-height:1.3}@media (width>=768px){.project-title{font-size:2rem}}.project-title .highlight{background:linear-gradient(135deg,#2563eb,#06b6d4);-webkit-text-fill-color:transparent;background-clip:text}.project-description{color:#475569;margin-bottom:28px;font-size:1rem;line-height:1.8}.tech-pills{flex-wrap:wrap;gap:12px;display:flex}.tech-pill{color:#1e293b;-webkit-backdrop-filter:blur(12px);cursor:default;background:#ffffffb3;border:1px solid #94a3b826;border-radius:100px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.tech-pill:before{content:"";opacity:0;z-index:0;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:100px;transition:opacity .3s;position:absolute;inset:0}.tech-pill:hover:before{opacity:1}.tech-pill:hover{color:#fff;border-color:#0000;transform:translateY(-3px);box-shadow:0 8px 20px #3b82f640,0 4px 10px #06b6d426}.tech-pill svg,.tech-pill-icon{z-index:1;flex-shrink:0;width:18px;height:18px;position:relative}.tech-pill span{z-index:1;position:relative}.tech-pill-icon{justify-content:center;align-items:center;display:flex}@media (width>=768px){.project-row:before{content:"";z-index:-1;background:linear-gradient(#0000,#3b82f61f,#0000);width:2px;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.reveal-stagger{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out;transform:translateY(40px)}.reveal-stagger.visible{opacity:1;transform:translateY(0)}.reveal-stagger-left{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out;transform:translate(-50px)}.reveal-stagger-left.visible{opacity:1;transform:translate(0)}.reveal-stagger-right{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out;transform:translate(50px)}.reveal-stagger-right.visible{opacity:1;transform:translate(0)}.reveal-stagger-scale{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out;transform:scale(.92)}.reveal-stagger-scale.visible{opacity:1;transform:scale(1)}@media (width<=767px){.projects-section{padding:60px 0}.projects-header{margin-bottom:48px}.projects-header h2{font-size:1.8rem}.project-row{gap:32px;margin-bottom:60px}.project-image-wrap{min-height:200px}.project-image-wrap img{max-height:280px;padding:16px}.project-title{font-size:1.35rem}.project-description{font-size:.9rem}.tech-pill{padding:8px 14px;font-size:.8rem}.tech-pill svg,.tech-pill-icon{width:16px;height:16px}}@keyframes pillShine{0%{transform:translate(-100%)rotate(25deg)}to{transform:translate(200%)rotate(25deg)}}.tech-pill:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:60px;height:100%;transition:none;position:absolute;top:0;left:0;transform:translate(-100%)rotate(25deg)}.tech-pill:hover:after{animation:.6s forwards pillShine}