@layer components{.work-card[data-v-51b412ec]{gap:calc(var(--spacing)*6);min-height:calc(var(--spacing)*80);padding:calc(var(--spacing)*8);border-radius:var(--radius-3xl);background-color:var(--color-surface-raised);cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden}.work-card__fill[data-v-51b412ec]{z-index:0;background-color:var(--color-fill-strong);clip-path:circle(0 at var(--x,50%) var(--y,50%));transition:clip-path var(--duration-sweep) var(--ease-out);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.work-card__link[data-v-51b412ec]{color:inherit;text-decoration:none}.work-card__header[data-v-51b412ec],.work-card__stack[data-v-51b412ec],.work-card__title[data-v-51b412ec]{z-index:10;position:relative}.work-card__header[data-v-51b412ec]{flex-direction:row;justify-content:space-between;width:100%;display:flex}.work-card__tags[data-v-51b412ec]{max-width:240px;padding:calc(var(--spacing)*1.5) calc(var(--spacing)*2);outline:1px solid var(--color-border-raised);color:var(--color-text-secondary);transition:color var(--duration-ambient) var(--ease-out),outline-color var(--duration-ambient) var(--ease-out);border-radius:3.40282e38px;flex-direction:row;align-items:center;display:flex}.work-card__tags-text[data-v-51b412ec]{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.work-card__date[data-v-51b412ec]{color:var(--color-text-secondary);transition:color var(--duration-ambient) var(--ease-out)}.work-card__title[data-v-51b412ec]{color:var(--color-text-primary);transition:color var(--duration-hover) var(--ease-out)}.work-card__stack[data-v-51b412ec]{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);margin-top:auto;display:grid}.work-card__state[data-v-51b412ec]{transition:opacity var(--duration-hover) var(--ease-out),translate var(--duration-hover) var(--ease-out),visibility var(--duration-hover) var(--ease-out);flex-direction:column;grid-area:1/1;display:flex}.work-card__state--short[data-v-51b412ec]{color:var(--color-text-primary);justify-content:flex-end}.work-card__state--full[data-v-51b412ec]{align-items:flex-start;gap:calc(var(--spacing)*6);color:var(--color-text-inverse);visibility:hidden;opacity:0;pointer-events:none;translate:0 -.25rem}.work-card__action[data-v-51b412ec]{align-items:center;gap:calc(var(--spacing)*1.5);height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*3);background-color:var(--color-surface-hover);color:var(--color-text-primary);pointer-events:none;border-radius:3.40282e38px;flex-direction:row;display:flex}@media (hover:hover){.work-card:hover .work-card__fill[data-v-51b412ec]{clip-path:circle(150% at var(--x,50%) var(--y,50%))}.work-card[data-v-51b412ec]:hover :is(.work-card__tags,.work-card__date){color:var(--color-text-secondary-inversed)}.work-card:hover .work-card__tags[data-v-51b412ec]{outline-color:var(--color-border-raised-inversed)}.work-card:hover .work-card__title[data-v-51b412ec]{color:var(--color-text-inverse)}.work-card:hover .work-card__state--short[data-v-51b412ec]{visibility:hidden;opacity:0;pointer-events:none;translate:0 .25rem}.work-card:hover .work-card__state--full[data-v-51b412ec]{visibility:visible;opacity:1;pointer-events:auto;translate:0}}}