.pj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:32px}
.pj-card{border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,0.06);background:#fff;transition:all 0.4s;opacity:0;transform:translateY(16px);position:relative}
.pj-card.visible{opacity:1;transform:translateY(0)}
.pj-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,0,0,0.1)}
.pj-status-bar{height:3px;width:100%}
.pj-img{height:160px;overflow:hidden}.pj-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s}.pj-card:hover .pj-img img{transform:scale(1.05)}
.pj-body{padding:20px}
.pj-badges{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.pj-badge{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}
.pj-badge-bu{padding:3px 10px;border-radius:12px;font-size:10px;font-weight:600;background:rgba(139,26,26,0.06);color:var(--maroon,#8B1A1A);border:1px solid rgba(139,26,26,0.12)}
.pj-name{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;color:var(--dark,#1A1A1A);margin-bottom:8px;line-height:1.2}
.pj-desc{font-size:13px;color:rgba(0,0,0,0.5);line-height:1.6;margin-bottom:12px}
.pj-progress{width:100%;height:4px;background:rgba(0,0,0,0.06);border-radius:2px;overflow:hidden;margin-bottom:8px}
.pj-progress-bar{height:100%;border-radius:2px;transition:width 0.6s}
.pj-meta{display:flex;gap:12px;font-size:11px;color:rgba(0,0,0,0.4)}
/* Dark */
.theme-dark .pj-card{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.06)}
.theme-dark .pj-card:hover{box-shadow:0 16px 48px rgba(0,0,0,0.25);border-color:rgba(201,168,76,0.2)}
.theme-dark .pj-name{color:#F5F0E8}
.theme-dark .pj-desc{color:rgba(245,240,232,0.5)}
.theme-dark .pj-progress{background:rgba(255,255,255,0.06)}
.theme-dark .pj-meta{color:rgba(245,240,232,0.4)}
@media(max-width:768px){.pj-grid{grid-template-columns:1fr}.pj-img{height:120px}}