.projects-grid{padding:var(--spacing-padding);max-width:var(--spacing-container);background-color:var(--color-background);margin:0 auto}.projects-grid-container{grid-template-columns:repeat(3,1fr);gap:2rem;width:85%;margin:0 auto;display:grid}.project-card-link{text-decoration:none;display:block}.project-card{aspect-ratio:4/5;cursor:pointer;border-radius:20px;width:100%;transition:transform .3s;position:relative;overflow:hidden}.project-card:hover{transform:scale(1.02)}.project-card-image{width:100%;height:100%;position:absolute;top:0;left:0}.project-card-image img{object-fit:cover;width:100%;height:100%}.project-card-overlay{justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.project-card:hover .project-card-overlay{opacity:0}.project-card-content{text-align:center;z-index:2}.project-card h3{font-size:var(--text-h2);color:#fff;text-transform:uppercase;margin-bottom:.5rem}.project-card p{font-size:var(--text-body);color:#fff;font-weight:300}.project-card--green .project-card-overlay{background-color:#87b18fb3}.project-card--grey .project-card-overlay{background-color:#4b4f54b3}.project-card--orange .project-card-overlay{background-color:#ff5d00b3}@media (max-width:1024px){.projects-grid-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:768px){.projects-grid-container{grid-template-columns:1fr;gap:1.5rem;width:95%}.project-card h3{font-size:var(--text-h2)}}