section.project-categories{display:grid;width:100%;grid-template-columns:repeat(4,1fr);grid-column-gap:.5rem;grid-row-gap:.5rem;grid-template-rows:1fr}section.project-categories>a{position:relative}section.project-categories>a::before{content:attr(data-label);position:absolute;bottom:1.5rem;left:1.5rem;line-height:1;color:#FFF;transition:all 0.2s ease;font-size:1.5rem;letter-spacing:1px;text-transform:uppercase;z-index:15;background-color:#fff0;display:none}section.project-categories>a:hover::before{bottom:2rem}section.project-categories>a::after{content:"";position:absolute;bottom:0;left:0;right:0;top:0;background:rgb(0 0 0 / .2);z-index:10;mix-blend-mode:multiply;transition:all 0.4s ease;display:none}section.project-categories>a:hover::after{height:100%;background:rgb(0 0 0 / .4)}section.project-categories>a>p{display:block;width:100%;box-sizing:border-box;padding-left:1rem;margin-top:.5rem;margin-bottom:0;line-height:1.4;text-transform:uppercase;color:#9B855E}@media screen and (max-width:768px){section.project-categories{grid-template-columns:repeat(2,1fr);grid-row-gap:1rem}section.project-categories>a::before{bottom:10px;left:10px;font-size:1.2rem}section.project-categories>a:hover::before{bottom:20px}section.project-categories>a>p{padding-left:4px;font-size:12px}}