:root{--color-gestionale-energy:#6567e8;--color-listshot:#6567e8}.projects-section{padding:8rem 0;background:var(--white);background:linear-gradient(135deg,var(--warm-cream),var(--light-sage))}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:3rem}.project-card{background:var(--white);border-radius:20px;transform:translate(0);overflow:hidden;box-shadow:0 15px 35px rgba(44,62,80,.1);transition:transform .3s ease}.project-card:hover{transform:translateY(-10px)}.project-image{height:200px;position:relative;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--white)}.project-content{padding:2rem}.project-content h3{color:var(--charcoal);font-size:1.5rem;margin-bottom:1rem}.project-content p{color:var(--neutral-grey);margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.gestionale-energy,.listshot{position:relative}.gestionale-energy:before,.listshot:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.7;z-index:-1}.listshot:before{background:linear-gradient(355deg,#fcbb04,#6f70bf 50%,#6567e8)}.gestionale-energy:before{background:linear-gradient(355deg,#5c6661,#628272 50%,#549474)}.project-type{font-size:12px}@media (max-width:768px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}:root{--bg-javascript:#ffd600;--bg-react:#5580bf;--bg-node:#24a464;--bg-next:#242424;--bg-mysql:#e46d04;--bg-mongodb:#13aa52;--bg-reactnative:#61dafb}.image-tech{width:25px;height:25px}.bg-js,.bg-mongodb,.bg-mysql,.bg-next,.bg-node,.bg-react,.bg-reactnative,.bg-ts{position:relative}.tech-tag{color:var(--deep-sage);padding:.3rem .8rem;border-radius:15px;font-size:.8rem}.bg-js:before,.bg-mongodb:before,.bg-mysql:before,.bg-next:before,.bg-node:before,.bg-react:before,.bg-reactnative:before,.bg-ts:before{content:"";border-radius:15px;position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;opacity:.7}.bg-js:before{border:1px solid var(--bg-javascript);background-color:var(--bg-javascript);background:linear-gradient(270deg,#fff8d4,#ffec8f 20%,#ffd600)}.bg-react:before{border:1px solid var(--bg-react);background:var(--bg-react);background:linear-gradient(270deg,#b4b7bf,#8c9abd 20%,#5580bf)}.bg-node:before{border:1px solid var(--bg-node);background:var(--bg-node);background:linear-gradient(270deg,#8da8a1,#5f9e7e 20%,#24a464)}.bg-next:before{border:1px solid var(--bg-next);background:var(--bg-next);background:linear-gradient(270deg,#d6d6d6,#858585 20%,#242424)}.bg-mysql:before{border:1px solid var(--bg-mysql);background:var(--bg-mysql);background:linear-gradient(270deg,#e6d8cc,#e3a46d 20%,#e46d04)}.bg-mongodb:before{border:1px solid var(--bg-mongodb);background:var(--bg-mongodb);background:linear-gradient(270deg,#8bb39c,#50b379 20%,#13aa52)}.bg-reactnative:before{border:1px solid var(--bg-reactnative);background:var(--bg-reactnative);background:linear-gradient(270deg,#daedf2,#a7e2f2 20%,#61dafb)}