.work-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);width:100%;padding:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:var(--theme-transition)}.work-card:focus,.work-card:hover{border-color:var(--color-border)}.work-card__image{position:relative;width:100%;aspect-ratio:4/3;border-radius:var(--radius-sm);overflow:hidden}.work-card__image img{object-fit:cover}.work-card__info{display:flex;align-items:center;gap:var(--space-2xs);width:100%}.work-card__text{display:flex;flex-direction:column;flex:1 1;min-width:0}.work-card__text h3{font-size:var(--text-subtitle-size);line-height:var(--text-subtitle-line);letter-spacing:-.02em;font-weight:400;color:var(--color-text)}.work-card__text h3,.work-card__text p{font-family:var(--font-display);transition:var(--theme-transition)}.work-card__text p{font-size:var(--text-caption-size);line-height:var(--text-caption-line);color:var(--color-text-tertiary)}.work-card__button{flex:none;display:flex;align-items:center;justify-content:center;padding:var(--space-2xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);transition:padding .2s var(--ease-spring),var(--theme-transition)}.work-card:focus .work-card__button,.work-card:hover .work-card__button{padding:var(--space-2xs) var(--space-xs)}.work-card__icon{flex:none;width:20px;height:20px;color:var(--color-text);transition:var(--theme-transition)}