.project-card-wrapper{color:inherit;width:100%;height:100%;text-decoration:none;display:block}.project-card{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);transition:all .3s var(--ease-out);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";border-radius:var(--radius-xl);background:var(--gradient-brand);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.project-card:hover{box-shadow:var(--shadow-glow);transform:translateY(-8px)}.project-card:hover:before{opacity:1}.project-card-featured{background:linear-gradient(135deg,#f59e0b0d 0%,var(--color-card)100%);border-color:#f59e0b4d}.project-card-featured:before{opacity:.5}.project-card-featured:hover{box-shadow:var(--shadow-glow-lg)}.project-card-featured:hover:before{opacity:1}.featured-badge{top:var(--spacing-3);right:var(--spacing-3);background:var(--gradient-brand);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--spacing-1)var(--spacing-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;z-index:2;position:absolute;box-shadow:0 2px 8px #f59e0b66}.status-badge{top:var(--spacing-3);left:var(--spacing-3);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--spacing-1)var(--spacing-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:absolute}.status-planned{background:linear-gradient(135deg,#0ea5e9,#06b6d4);box-shadow:0 2px 8px #0ea5e966}.status-in-progress{background:var(--gradient-brand);box-shadow:0 2px 8px #f59e0b66}.status-paused{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 2px 8px #64748b66}.status-completed{background:linear-gradient(135deg,#14b8a6,#10b981);box-shadow:0 2px 8px #14b8a666}.status-maintained{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e66}.status-sunset{background:linear-gradient(135deg,#78716c,#57534e);box-shadow:0 2px 8px #78716c66}.project-card-image{width:100%;height:220px;position:relative;overflow:hidden}.project-card-image:after{content:"";opacity:0;background:linear-gradient(#0000 50%,#0a0a0f99 100%);transition:opacity .3s;position:absolute;inset:0}.project-card:hover .project-card-image:after{opacity:1}.project-card-image img{transition:transform .5s var(--ease-out)}.project-card:hover .project-card-image img{transform:scale(1.05)}.project-card-content{padding:var(--spacing-6);flex-direction:column;flex-grow:1;display:flex}.project-card-title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-2);line-height:var(--leading-tight);color:var(--color-foreground);transition:color .2s}.project-card:hover .project-card-title{color:var(--color-brand-primary)}.project-card-subtitle{font-size:var(--text-sm);color:var(--color-brand-primary);margin-bottom:var(--spacing-3);font-weight:var(--font-medium)}.project-card-overview{color:var(--color-muted);font-size:var(--text-sm);margin-bottom:var(--spacing-4);-webkit-line-clamp:3;line-height:var(--leading-relaxed);-webkit-box-orient:vertical;flex-grow:1;display:-webkit-box;overflow:hidden}.project-card-technologies{gap:var(--spacing-2);margin-bottom:var(--spacing-5);flex-wrap:wrap;display:flex}.project-card-tech{font-size:var(--text-xs);padding:var(--spacing-1)var(--spacing-2-5);border-radius:var(--radius-full);color:var(--color-brand-primary);font-weight:var(--font-medium);background:#f59e0b1a;border:1px solid #f59e0b33;transition:all .2s}.project-card:hover .project-card-tech{background:#f59e0b26;border-color:#f59e0b4d}.project-card-actions{margin-top:auto}.project-card-link{align-items:center;gap:var(--spacing-2);color:var(--color-brand-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all .2s;display:inline-flex}.project-card-link:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f59e0b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17 8l4 4m0 0l-4 4m4-4H3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:16px;height:16px;transition:transform .2s}.project-card:hover .project-card-link:after{transform:translate(4px)}@media (max-width:768px){.project-card-image{height:180px}.project-card-content{padding:var(--spacing-5)}.project-card-title{font-size:var(--text-lg)}}@media (max-width:480px){.project-card-image{height:160px}.project-card-content{padding:var(--spacing-4)}.project-card-overview{-webkit-line-clamp:2}}