.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:var(--shadow-card);padding:1.5625rem;position:relative}.card--hover{transition:transform var(--transition-slow), box-shadow var(--transition-slow), border-color var(--transition-slow)}.card--hover:hover{box-shadow:var(--shadow-card-hover);border-color:#0000;transform:translateY(-6px)}.card--highlight{background:linear-gradient(var(--color-bg), var(--color-bg)) padding-box, var(--gradient-primary) border-box;border:2px solid #0000}.card__media{aspect-ratio:4/3;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);margin:-1.5625rem -1.5625rem 1.25rem;overflow:hidden}.card__media img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.card--hover:hover .card__media img{transform:scale(1.05)}@media (prefers-reduced-motion:reduce){.card--hover:hover,.card--hover:hover .card__media img{transform:none}}