.project-card{background:var(--color-canvas);border:var(--border-thick)solid var(--color-outline);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:transform var(--duration-normal)var(--ease-bounce),box-shadow var(--duration-normal)var(--ease-smooth);flex-direction:column;display:flex;position:relative;overflow:hidden}.project-card:hover{box-shadow:10px 10px 0 var(--shadow-color-ink);transform:translateY(-8px)rotate(-1deg)}.project-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow)var(--ease-smooth)}.project-card:hover .project-card__image{transform:scale(1.05)}.project-card__image-placeholder{background:linear-gradient(135deg,var(--color-canvas-dark)0%,var(--color-canvas)100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:4rem;display:flex}.project-card__overlay{opacity:0;transition:opacity var(--duration-normal)var(--ease-smooth);padding:var(--space-md);background:linear-gradient(#0000 40%,#2c3e50cc 100%);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.project-card:hover .project-card__overlay{opacity:1}.project-card__quick-links{gap:var(--space-sm);transition:transform var(--duration-normal)var(--ease-bounce);display:flex;transform:translateY(20px)}.project-card:hover .project-card__quick-links{transform:translateY(0)}.project-card__quick-link{background:var(--color-canvas);border:var(--border-medium)solid var(--color-outline);border-radius:var(--radius-md);width:44px;height:44px;font-size:var(--text-lg);transition:transform var(--duration-fast)var(--ease-bounce),background var(--duration-fast)var(--ease-smooth);justify-content:center;align-items:center;display:flex}.project-card__quick-link:hover{background:var(--color-accent);transform:scale(1.1)}.project-card__content{padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.project-card__category{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs)var(--space-sm);background:var(--color-tertiary);border:var(--border-thin)solid var(--color-outline);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-ink);width:fit-content;display:inline-flex}.project-card__category--design{background:var(--color-primary-light)}.project-card__category--development{background:var(--color-secondary-light)}.project-card__category--creative{background:var(--color-accent)}.project-card__title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-ink);line-height:var(--leading-tight);margin:0}.project-card__title-link{color:inherit;transition:color var(--duration-fast)var(--ease-smooth);text-decoration:none}.project-card__title-link:hover{color:var(--color-primary)}.project-card__description{font-size:var(--text-sm);color:var(--color-ink-light);line-height:var(--leading-relaxed);flex:1}.project-card__tags{gap:var(--space-2xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.project-card__tag{padding:var(--space-2xs)var(--space-xs);background:var(--color-canvas-dark);border:var(--border-thin)solid var(--color-ink-lighter);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-ink-light);transition:background var(--duration-fast)var(--ease-smooth),border-color var(--duration-fast)var(--ease-smooth)}.project-card:hover .project-card__tag{border-color:var(--color-secondary)}.project-card__footer{padding:var(--space-sm)var(--space-lg);border-top:var(--border-thin)dashed var(--color-ink-lighter);background:var(--color-canvas-dark);justify-content:space-between;align-items:center;display:flex}.project-card__date{font-size:var(--text-xs);color:var(--color-ink-lighter)}.project-card__arrow{align-items:center;gap:var(--space-2xs);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-primary);transition:transform var(--duration-fast)var(--ease-bounce);display:flex}.project-card:hover .project-card__arrow{transform:translate(5px)}.project-card--large{flex-direction:row}.project-card--large .project-card__image-wrapper{aspect-ratio:auto;border-bottom:none;border-right:var(--border-thick)solid var(--color-outline);flex:0 0 50%;min-height:300px}.project-card--large .project-card__content{padding:var(--space-xl)}.project-card--large .project-card__title{font-size:var(--text-2xl)}.project-card--featured{border-color:var(--color-primary);box-shadow:6px 6px 0 var(--color-primary-dark)}.project-card--featured:hover{box-shadow:12px 12px 0 var(--color-primary-dark)}.project-card--featured:before{content:"★ Featured";top:var(--space-sm);right:var(--space-sm);padding:var(--space-2xs)var(--space-sm);background:var(--color-primary);color:var(--color-canvas);font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:var(--radius-md);z-index:var(--z-raised);position:absolute}@media (max-width:768px){.project-card--large{flex-direction:column}.project-card--large .project-card__image-wrapper{aspect-ratio:16/10;border-right:none;border-bottom:var(--border-thick)solid var(--color-outline);flex:none}}.project-card-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.project-card-grid--featured{grid-template-columns:1fr}@media (min-width:1024px){.project-card-grid--featured{grid-template-columns:2fr 1fr}}