.clx-card{display:block;border-radius:var(--radius)}.clx-card:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.clx-card__media{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius);background:var(--paper-2) center /cover no-repeat;box-shadow:inset 0 0 0 1px rgba(22,19,15,.06)}.clx-card__media img{width:100%;height:100%;object-fit:cover;display:block;filter:var(--card-grade);transition:transform var(--dur-slow) var(--ease),filter .6s var(--ease)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.clx-card:hover .clx-card__media img{transform:scale(1.05);filter:none}}.clx-card:focus-visible .clx-card__media img{filter:none}.clx-card__body{position:relative;display:block;padding:.85rem .15rem 0}.clx-card__caption{display:inline-flex;gap:.6em;font-size:.75rem;letter-spacing:var(--track-data);text-transform:uppercase;color:var(--muted);font-feature-settings:"tnum";white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clx-card__name{position:relative;display:block;margin:.35rem 0 0;font-family:var(--font-display);font-weight:420;font-size:1.18rem;line-height:1.16;letter-spacing:-.01em;color:var(--ink);text-wrap:balance;transition:color var(--dur-fast) var(--ease)}.clx-card__name:after{content:"";position:absolute;left:0;right:0;bottom:-.18em;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform var(--dur-fast) var(--ease)}.clx-card:focus-within .clx-card__name,.clx-card:hover .clx-card__name{color:var(--red)}.clx-card:focus-within .clx-card__name:after,.clx-card:hover .clx-card__name:after{transform:scaleX(1);transform-origin:left center}@media (prefers-reduced-motion:reduce){.clx-card__media img,.clx-card__name,.clx-card__name:after{transition:none}}