.project-card{position:relative;display:flex;flex-direction:column;gap:16px;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-base),background-color var(--transition-base)}.project-card:hover{border-color:var(--color-border-bright);background-color:var(--color-bg-card-hover)}.project-card__number{position:absolute;top:12px;left:12px;font-family:var(--font-hud);font-size:.6rem;letter-spacing:.15em;color:var(--color-accent);z-index:1}.project-card__cover{width:100%;aspect-ratio:16/9;background-color:var(--color-bg-secondary);overflow:hidden}.project-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .project-card__image{transform:scale(1.04)}.project-card__info{display:flex;flex-direction:column;gap:10px;padding:0 16px 16px}.project-card__tags{display:flex;flex-wrap:wrap;gap:6px}.project-card__tag{font-family:var(--font-hud);font-size:.55rem;letter-spacing:.1em;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:2px 7px;border-radius:var(--radius-sm)}.project-card__name{font-family:var(--font-display);font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:600;color:var(--color-text-primary);line-height:1.2}.project-card__desc{font-family:var(--font-body);font-size:.82rem;font-weight:300;line-height:1.6;color:var(--color-text-secondary)}.project-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--color-border)}.project-card__year{letter-spacing:.12em;color:var(--color-text-dim)}.project-card__platform,.project-card__year{font-family:var(--font-hud);font-size:.58rem}.project-card__platform{letter-spacing:.1em;color:var(--color-accent)}.skeleton{background:linear-gradient(90deg,var(--color-bg-card) 25%,var(--color-border-bright) 50%,var(--color-bg-card) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.project-card-skeleton{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-card)}.project-card-skeleton__info{display:flex;flex-direction:column;gap:10px;padding:16px}.project-card-skeleton__footer{display:flex;justify-content:space-between;margin-top:4px}