.projects-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:2rem;display:grid}.project-card{background:var(--color-dark);backface-visibility:hidden;will-change:transform;border:1px solid #ffffff0f;border-radius:28px;flex-direction:column;padding:32px 28px 28px;transition:transform .4s cubic-bezier(.4,0,.2,1),border-color .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden;transform:translate(0,0)}.project-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-highlight), transparent);opacity:0;backface-visibility:hidden;height:3px;transition:opacity .4s;position:absolute;top:0;left:25%;right:25%;transform:translate(0,0)}.project-card:after{content:"";opacity:0;pointer-events:none;backface-visibility:hidden;background:radial-gradient(#b9ff660a 0%,#0000 70%);width:160%;height:160%;transition:opacity .5s;position:absolute;top:-60%;left:-30%;transform:translate(0,0)}.project-card:hover{border-color:#b9ff6633;transform:translateY(-8px);box-shadow:0 25px 60px #0000004d,0 0 40px #b9ff6614}.project-card:hover:before,.project-card:hover:after{opacity:1}.project-number{background:var(--color-highlight);width:48px;height:48px;color:var(--color-dark);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:20px;font-size:18px;font-weight:700;display:flex;position:relative;box-shadow:0 4px 14px #b9ff664d}.project-content{z-index:1;flex:1;position:relative}.project-title{color:#fff;margin-bottom:12px;font-size:22px;font-weight:600;line-height:1.3}.project-text{color:#fff9;margin-bottom:16px;font-size:15px;line-height:1.7}.project-domain{color:var(--color-highlight);letter-spacing:.3px;background:#b9ff6614;border-radius:100px;margin-bottom:20px;padding:5px 14px;font-size:13px;display:inline-block}.project-cta{color:var(--color-dark);background:var(--color-highlight);z-index:1;border-radius:100px;align-self:flex-start;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;box-shadow:0 4px 16px #b9ff6633}.project-cta svg{font-size:18px;transition:transform .3s}.project-cta:hover{transform:scale(1.05);box-shadow:0 6px 24px #b9ff6659}.project-cta:hover svg{transform:translate(3px,-3px)}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:640px){.projects-grid{grid-template-columns:1fr;gap:18px}.project-card{border-radius:22px;padding:24px 20px 22px}.project-title{font-size:20px}.project-text{font-size:14px}}