.card,.layer,.layers{height:100%}.card,.card-v3{cursor:pointer}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));grid-auto-flow:dense}.projects-grid--item{min-height:200px;max-height:200px}.projects-grid--item>figure{max-height:inherit;margin:0;height:100%;display:grid;border-radius:1rem;overflow:hidden;cursor:pointer}.projects-grid--item>figure img,.projects-grid--item>figure span.v2{min-height:100%;object-fit:cover;object-position:center;margin-bottom:0}.projects-grid--item>figure>*{grid-area:1/1;transition:1s}.projects-grid--item>figure figcaption{max-height:inherit;display:grid;align-items:end;font-family:sans-serif;font-size:2.3rem;font-weight:700;color:#0000;padding:.75rem 1.2rem;background:#0162c8;background:linear-gradient(90deg,#0162c8 0,rgba(0,0,0,.5) 50%,rgba(255,120,30,.75) 100%);clip-path:inset(0 var(--_i,100%) 0 0);-webkit-mask:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-composite:xor;-webkit-mask-clip:text,padding-box;margin:-1px;transition:.3s}.projects-grid--item>figure:hover figcaption{--_i:0%}.projects-grid--item>figure:hover img,.projects-grid--item>figure:hover span.v2{transform:scale(1.2)}.projects-grid--item>figure figcaption span{text-shadow:0 2px 3px rgba(255,255,255,.5);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}@supports not (-webkit-mask-clip:text){.projects-grid--item>figure figcaption{-webkit-mask:none}}@media(max-width:600px){.projects-grid{column-gap:16px;row-gap:16px}.projects-grid--item>figure figcaption{--_i:0%}}.projects-grid--item-v2{perspective:50em}.card{position:relative;padding:3em 2em;color:#fff}.card-v3:after,.layer,.layers{position:absolute;top:0;left:0}.card p{margin-bottom:0}@media(min-width:601px){.projects-grid{column-gap:16px;row-gap:16px}.card{transform:rotateY(30deg) rotateX(15deg);transform-style:preserve-3d;transition:transform 1s}}.layers{width:100%;transform-style:preserve-3d;z-index:-1}.layer{width:100%;border-radius:1em;background-image:var(--bi);transform:translateZ(var(--tz));border:2px solid #fff}.card-v3{position:relative;width:100%;background:linear-gradient(#fff,transparent);display:block;border-radius:16px}.card-v3:after{content:'';background-repeat:no-repeat;background-size:cover;background-position:center;filter:grayscale(1);bottom:0;right:0;z-index:-1}