.card{--card-radius:var(--radius-5);background:var(--color-bg);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--card-radius);isolation:isolate;padding:var(--space-6);position:relative}.card--bare{background:transparent;border:0;padding:0}.card__link{color:inherit;text-decoration:none}.card__cover{border-radius:var(--card-radius);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.card__link:focus-visible{border-radius:var(--radius-2);outline:var(--border-width-2) solid var(--color-focus);outline-offset:var(--space-1)}.card--linked .media__code,.card--linked .text a{position:relative;z-index:2}.card--linked{transition:box-shadow var(--dur-2) var(--ease-out)}.card--linked:not(.card--bare):focus-within,.card--linked:not(.card--bare):hover{box-shadow:var(--shadow-4)}@media (prefers-reduced-motion:no-preference){.card--linked{transition:box-shadow var(--dur-2) var(--ease-out),translate var(--dur-2) var(--ease-out)}.card--linked:focus-within,.card--linked:hover{translate:0 -2px}}.card__arrow{color:var(--color-text-subtle);display:inline-flex;font-size:var(--font-size-5);position:absolute;right:var(--space-4);top:var(--space-4);transition:color var(--dur-2) var(--ease-out)}.card--linked:focus-within .card__arrow,.card--linked:hover .card__arrow{color:var(--color-text)}@media (prefers-reduced-motion:no-preference){.card__arrow{transition:color var(--dur-2) var(--ease-out),translate var(--dur-2) var(--ease-out)}.card--linked:focus-within .card__arrow,.card--linked:hover .card__arrow{translate:var(--space-1) calc(var(--space-1)*-1)}}.card--arrow .card__heading{padding-inline-end:var(--space-7)}