.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:16px;padding:16px}.grid>div{grid-row:span 3}.grid img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}h3.card-title{font-size:1.2rem;font-weight:700;margin:0;padding:0}.card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:start;width:100%}.card-metadata{display:flex;gap:4px;font-size:.9rem;color:var(--da-gray)}.card-metadata:nth-child(2){border-top:1px solid var(--da-gray)}.card-footer{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:var(--da-card-corners);background-color:var(--da-card-bg);width:100%;box-sizing:border-box}.card-skeleton{background-color:var(--da-card-bg);border-radius:var(--da-card-corners);box-shadow:var(--da-card-shadow-x) var(--da-card-shadow-y) var(--da-card-blur-radius) var(--da-shadow-dark);display:flex;flex-direction:column;align-items:start;width:100%;padding-bottom:12px}.card-skeleton-image{width:100%;border-radius:var(--da-card-corners) var(--da-card-corners) 0 0;background:var(--card-skeleton-gradient);background-size:var(--skeleton-background-size);animation:skeleton-loading var(--da-skeleton-animation-speed) infinite linear;will-change:background-position;transform:translateZ(0);backface-visibility:hidden;aspect-ratio:1/1}.card-skeleton-title{width:100%;height:20px;border-radius:4px;background:var(--card-skeleton-gradient);background-size:var(--skeleton-background-size);animation:skeleton-loading var(--da-skeleton-animation-speed) infinite linear;will-change:background-position;transform:translateZ(0);backface-visibility:hidden}.card-skeleton-metadata{width:100%;height:18px;border-radius:4px;background:var(--card-skeleton-gradient);background-size:var(--skeleton-background-size);animation:skeleton-loading var(--da-skeleton-animation-speed) infinite linear;will-change:background-position;transform:translateZ(0);backface-visibility:hidden}@media (max-width:480px){.card-skeleton-title{height:16px}.card-skeleton-metadata{height:12px}}