:root{--primary-color:#000;--secondary-color:#fff;--hover-active-color:#b6b6b6}.project{box-sizing:border-box;max-width:calc(33.333% - 4px);margin-bottom:-4px;position:relative;cursor:pointer;color:var(--primary-color)}@media(max-width:768px){.project{max-width:calc(50% - 4px)}}@media(max-width:450px){.project{max-width:none;width:100%}}.project-image{width:100%;height:100%;object-fit:contain}.project-layer{position:absolute;background-color:hsla(0,0%,100%,.8);top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.project-text{font-size:40px;opacity:0;transform:translateY(-20px);animation:slideIn .6s ease forwards}.project-wrapper{margin-bottom:-4px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}