.dl-head{border-top:none;padding:clamp(3rem,8vh,6rem) 0 clamp(2.5rem,6vh,4rem)}.dl-head .meta{color:var(--gray);justify-content:space-between;margin-bottom:2rem;display:flex}.dl-head .sub{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:2.4rem;display:flex}.dl-head .sub p{max-width:48ch;color:var(--gray)}.dl-grid{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.dl{border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s var(--ease);flex-direction:column;display:flex}.dl:nth-child(4n){border-right:none}.dl:hover{background:#fafafa}.dl-cover{aspect-ratio:4/3;background:#ececec;justify-content:center;align-items:center;display:flex;overflow:hidden}.dl-cover img{object-fit:cover;filter:grayscale()contrast(1.05);width:100%;height:100%;transition:filter .5s var(--ease)}.dl:hover .dl-cover img{filter:grayscale(0)}.dl-info{border-top:1px solid var(--line);flex-direction:column;flex:1;gap:.55rem;padding:1.1rem 1.2rem 1.3rem;display:flex}.dl-info h3{letter-spacing:-.01em;text-transform:uppercase;flex:1;font-size:.92rem;font-weight:600;font-stretch:112%;line-height:1.25}@media (max-width:1023px){.dl-grid{grid-template-columns:1fr 1fr}.dl:nth-child(2n){border-right:none}.dl:nth-child(4n){border-right:1px solid var(--line)}}@media (max-width:640px){.dl-grid{grid-template-columns:1fr}.dl{border-right:none!important}}