.project-covers{display:flex;flex-wrap:wrap;margin:0;padding:0;gap:4px;background-color:var(--background)}@media (max-width:540px){.project-cover{width:100%;margin:0;padding:0}}@media (min-width:541px) and (max-width:932px){.project-cover{width:calc(50% - 2px);margin:0;padding:0}}@media (min-width:933px){.project-covers{padding:0 5%}.project-cover{width:calc(50% - 2px);margin:0;padding:0}}.cover-content-container{position:relative;background-color:var(--background)}.details-wrap{position:absolute;inset:0;background-color:rgba(var(--background-rgb,0,0,0),.75);opacity:0;transition:opacity .3s ease;z-index:2;display:flex;align-items:center;justify-content:center;padding-left:8%;padding-right:8%}.project-cover:hover .details-wrap{opacity:1}.details{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;padding:1rem;box-sizing:border-box;transform:translateY(5%);gap:calc(4px + 2%)}.details .cover-title{font-family:Bebas Neue,sans-serif;color:white;font-size:15px;line-height:18px;margin:0}@media (min-width:541px) and (max-width:932px){.details .cover-title{font-size:18px;line-height:21px}}@media (min-width:933px){.details .cover-title{font-size:24px;line-height:28px}}.details .date{font-family:Bebas Neue,sans-serif;color:var(--foreground-muted);font-size:14px;line-height:20px}@media (min-width:541px) and (max-width:932px){.details .date{font-size:14px}}@media (min-width:933px){.details .date{font-size:16px}}.cover-image-wrap{position:relative;overflow:hidden;aspect-ratio:16/9}.cover-normal,.cover-rollover{position:absolute;top:0;left:0;width:100%;height:100%}.cover__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.cover-rollover{opacity:0}.project-cover:hover .cover-rollover{opacity:1}