.project-card{background-color:#0000;border-radius:4px;padding:16px;transition:background-color .25s;position:relative}.project-card:before{content:"";border-radius:inherit;opacity:.64;pointer-events:none;border:.5px solid;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,100% 0,0 100%,100% 100%;mask-position:0 0,100% 0,0 100%,100% 100%;-webkit-mask-size:20px 20px;mask-size:20px 20px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-clip:border-box,border-box,border-box,border-box;mask-clip:border-box,border-box,border-box,border-box;-webkit-mask-origin:border-box,border-box,border-box,border-box;mask-origin:border-box,border-box,border-box,border-box;-webkit-mask-composite:source-over,source-over,source-over,source-over;mask-composite:add,add,add,add;-webkit-mask-source-type:auto,auto,auto,auto;mask-mode:match-source,match-source,match-source,match-source}.project-card:hover,.project-card:focus-visible{background-color:color-mix(in srgb, currentColor 4%, transparent)}@media (prefers-reduced-motion:reduce){.project-card{transition:none}}