.dl-cats{padding:96px 0}
.dl-cats__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:40px}
.dl-cats__title{font-size:clamp(34px,4.4vw,56px);line-height:1}
.dl-cats__link{font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
.dl-cats__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.dl-cat{display:flex;flex-direction:column;gap:16px;text-decoration:none}
.dl-cat__media{aspect-ratio:4/5;background:var(--dl-mist);overflow:hidden}
.dl-cat__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.dl-cat:hover .dl-cat__media img{transform:scale(1.03)}
.dl-cat__meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid var(--dl-ink);padding-top:14px}
.dl-cat__name{font-size:26px}
.dl-cat__note{font-size:15px;color:var(--dl-grey);white-space:nowrap}
@media (max-width:749px){
.dl-cats{padding:64px 0}
.dl-cats__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-right:-24px;padding-right:24px}
.dl-cat{flex:0 0 78%;scroll-snap-align:start}
}