.card{border-radius:var(--radius-lg);background:var(--color-bg);color:inherit;flex:0 0 340px;text-decoration:none;transition:transform .2s;overflow:hidden}.card>img{aspect-ratio:1;object-fit:cover;width:100%}.card__media{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);width:100%;display:block}.card.variant--primary{background:var(--color-accent-1)}.card.variant--secondary{background:var(--color-accent-2)}.card.variant--tertiary{background:var(--color-accent-3)}@media (max-width:768px){.card{flex:0 0 300px}}