.app.projects{gap:var(--padding-3);flex-direction:column;display:flex}.app.projects .title{margin-bottom:0}.app.projects .list{gap:var(--padding-3);flex-wrap:wrap;justify-content:center;align-items:stretch;display:flex}.app.projects .list .project-tilt{width:calc((100% - var(--padding-3) * 2) / 3 - 1px * 2)}.app.projects .list .project{isolation:isolate;background-color:var(--background);border-radius:var(--border-radius-2);border:var(--border-size) var(--border);flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.app.projects .list .project .back{background-image:var(--image);filter:blur(10px)brightness(.4)saturate(1.1);background-position:50%;background-size:cover;position:absolute;inset:-2px;transform:scale(1.4)translateZ(0)}.app.projects .list .project img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;backface-visibility:hidden;-webkit-mask-source-type:alpha;flex:1 0 auto;width:100%;height:auto;margin-bottom:-1px;display:block;position:relative;transform:translateZ(0);-webkit-mask-image:linear-gradient(#000 50%,#0000);mask-image:linear-gradient(#000 50%,#0000);-webkit-mask-source-type:alpha;mask-mode:alpha}.app.projects .list .project .info{padding:0 var(--padding-6) var(--padding-5);flex:none;position:relative}.app.projects .list .project .info .name{font-size:var(--font-size-6);letter-spacing:-.5px;text-transform:uppercase;font-weight:700;line-height:1.15}.app.projects .list .project .info .meta{font-size:var(--font-size-10);color:var(--text-2);margin-top:5px;font-weight:500}.app.projects .list .project .info .meta span{color:var(--text);font-weight:600}
@media screen and (max-width:1024px){.app.projects .list .project-tilt{width:calc((100% - var(--padding-3)) / 2 - 1px * 2)}}@media screen and (max-width:768px){.app.projects .list .project-tilt{width:100%}.app.projects .list .project .info .name{font-size:var(--font-size-6)}}