.projects{min-height:100vh;width:100%;padding-inline:var(--pd-x);padding-block:var(--pd-y)}.projects h2{margin-bottom:10vh;font-size:3rem;font-weight:200}.filters{display:flex;gap:.5rem;margin-bottom:2rem}.cards{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}.project-card{position:relative;border-radius:1rem;cursor:pointer}.project-card img{width:100%;height:300px;object-fit:cover;display:block;opacity:.5}.project-content{position:absolute;bottom:0;width:100%;padding:1.5rem;background:linear-gradient(0deg,rgba(255,255,255,1),transparent);color:rgb(0,0,0);display:flex;justify-content:start;align-items:center;gap:2rem}.project-content h3{margin:0;font-size:2rem;font-weight:300}.project-content .index{font-weight:700;margin-right:.5rem}.project-content .arrow{font-size:2rem;line-height:1;margin-left:auto}@media screen and (max-width:768px){.projects{height:-moz-fit-content;height:fit-content;min-height:-moz-fit-content!important;min-height:fit-content!important;padding-bottom:0}.projects h2{font-size:1.4rem;margin-bottom:1vh}.project-content h3{font-size:1rem}.project-card,.project-card img{height:200px}.project-content{padding:.5rem}}