@layer components{.work-card[data-v-6d5e174c]{gap:calc(var(--spacing)*2);cursor:pointer;flex-direction:column;display:flex}.work-card__media[data-v-6d5e174c]{aspect-ratio:4/3;margin-bottom:calc(var(--spacing)*3);background-color:var(--color-fill-strong);position:relative;overflow:hidden}.work-card__media[data-v-6d5e174c]:after{content:"";border:1px solid var(--color-border-raised);pointer-events:none;transition:border-color var(--duration-hover) var(--ease-out);position:absolute;inset:0}.work-card__media[data-v-6d5e174c] picture{display:contents}.work-card__media[data-v-6d5e174c] img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%;transition:scale var(--duration-sweep) var(--ease-out);display:block}.work-card__meta[data-v-6d5e174c]{justify-content:space-between;gap:calc(var(--spacing)*4);color:var(--color-text-secondary);display:flex}.work-card__tags[data-v-6d5e174c]{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.work-card__title[data-v-6d5e174c]{color:var(--color-text-primary)}.work-card__link[data-v-6d5e174c]{color:inherit;transition:color var(--duration-hover) var(--ease-out);text-decoration:none}.work-card__teaser[data-v-6d5e174c]{color:var(--color-text-secondary)}@media (hover:hover){.work-card:hover .work-card__media[data-v-6d5e174c] img{scale:1.03}.work-card:hover .work-card__media[data-v-6d5e174c]:after{border-color:var(--color-fill-strong)}.work-card:hover .work-card__link[data-v-6d5e174c]{color:var(--color-accent-strong)}}.work-card:has(.work-card__link:focus-visible) .work-card__media[data-v-6d5e174c]:after{border-color:var(--color-fill-strong)}.work-card:has(.work-card__link:focus-visible) .work-card__link[data-v-6d5e174c]{color:var(--color-accent-strong)}.work-card__link[data-v-6d5e174c]:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:3px}@media (prefers-reduced-motion:reduce){.work-card__media[data-v-6d5e174c] img{transition:none}}}