.grid figure.fb-project{aspect-ratio:16/9;background:#000}
.grid figure.fb-project>img{width:100%;height:100%;min-height:0;object-fit:cover;opacity:1;transition:opacity .3s}
.grid figure.fb-project figcaption{color:#fff}
.grid figure.fb-project h2,.grid figure.fb-project p{opacity:0;transition:opacity .3s,transform .3s}
.grid figure.fb-project:hover>img,.fb-project-link:focus-visible .fb-project>img{opacity:.16}
.grid figure.fb-project:hover h2,.grid figure.fb-project:hover p,.fb-project-link:focus-visible .fb-project h2,.fb-project-link:focus-visible .fb-project p{opacity:1;transform:none}
.fb-project-link:focus-visible{display:block;outline:3px solid #39ff14;outline-offset:4px}
.fb-project-link:focus-visible figcaption::before,.fb-project-link:focus-visible figcaption::after{opacity:1;transform:scale(1)}
@media(min-width:768px) and (max-width:991px){.grid figure.fb-project figcaption{padding:30px}.grid figure.fb-project h2{font-size:14px;padding-top:0}.grid figure.fb-project p{font-size:9px;padding:8px 0}}
@media(prefers-reduced-motion:reduce){.grid figure.fb-project *{transition:none!important}}