.project-card{background:var(--color-background-secondary);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:all .3s ease-out}.project-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-4px)}.project-card__image{aspect-ratio:16/9;overflow:hidden;position:relative}.project-card__img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease-out;width:100%}.project-card:hover .project-card__img{transform:scale(1.05)}.project-card__overlay{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-out}.project-card:hover .project-card__overlay{opacity:1}.project-card__content{padding:var(--space-lg)}.project-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.project-card__tag{background:var(--color-hover-overlay);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.75rem;padding:4px 8px}.project-card__title{font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:var(--space-sm)}.project-card__types{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.project-card__type{background:var(--color-hover-overlay);border-radius:var(--radius-sm);color:var(--color-text-accent-primary);font-size:.75rem;font-weight:500;padding:4px 8px}