.projects{margin-top:2rem}.projects>p{display:inline-flex;align-items:center;justify-content:center;padding-bottom:16px;margin:0 0 32px 0;width:100%;border-bottom:1px solid var(--c-panel-2);font-style:italic;gap:8px;color:var(--c-text-2)}.projects .cards{grid-column:2/span 12;display:grid;grid-template-columns:repeat(12, auto);grid-gap:40px}.project{position:relative;display:flex;flex-direction:column;width:100%;background:var(--c-panel-1);color:var(--c-stone-100);padding:1rem 1rem .6rem 1rem;border-radius:12px;line-height:18px;grid-column-end:span 4;overflow:hidden;border:3px solid var(--c-panel-1)}.project .thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover}.project .thumbnail:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;display:inline-block;background:linear-gradient(160deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,.5333333333) 40%, rgba(0,0,0,0) 70%)}.project header{position:relative}.project header h2{margin:0;font-weight:900}.project header p{margin-block-end:0;font-size:14px;font-weight:500}.project footer{position:relative;flex-grow:1;display:flex;justify-content:flex-end;flex-direction:column}.project footer .info{display:inline-flex;font-weight:bold;gap:16px;margin:32px 0 0 0;font-size:14px}.project footer .info .team{display:inline-flex;align-items:center;gap:8px}.project footer .info .duration{display:inline-flex;align-items:center;gap:8px}.project footer .tags-links{display:inline-flex;justify-content:space-between;align-items:center;margin:4px 0 0 0}.project footer .tags-links .tags{display:flex;gap:8px;margin:0;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.project footer .tags-links .tags::-webkit-scrollbar{display:none}.project footer .tags-links .tags .tag{backdrop-filter:blur(16px);font-size:14px;padding:2px 9px;height:fit-content}.project footer .tags-links .links{display:flex;gap:8px;margin:0;height:36px}.project-link{position:absolute;left:0;top:0;right:0;bottom:0}@media only screen and (max-width: 1100px){.project{grid-column-end:span 6}}@media only screen and (max-width: 700px){main{grid-gap:20px}.project{grid-column-end:span 12}}@media only screen and (max-width: 500px){main{grid-template-columns:10px repeat(6, 1fr) 10px;grid-gap:10px}.projects .cards{grid-column:2/span 6;grid-template-columns:repeat(6, 1fr);grid-gap:20px}.project{grid-column-end:span 6}}