.project-detail-page{max-width:900px;font-family:var(--font-body);margin:0 auto;padding:6rem 1rem 4rem}.breadcrumb{font-family:var(--font-mono);color:#fff6;align-items:center;gap:.5rem;margin-bottom:3rem;font-size:.75rem;display:flex}.breadcrumb a{color:var(--color-accent);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#fff}.detail-hero{margin-bottom:4rem}.detail-thumbnail{aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:12px;width:100%;margin-bottom:2.5rem;overflow:hidden}.detail-thumbnail img{object-fit:cover;width:100%;height:100%}.detail-category-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:1rem;font-size:.7rem}.detail-hero-content h1{font-family:var(--font-cinzel);color:var(--color-fg);margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2}.detail-tagline{color:#ffffffb3;max-width:700px;margin-bottom:2rem;font-size:1.1rem}.detail-meta{font-family:var(--font-mono);color:#ffffff80;align-items:center;gap:1.5rem;margin-bottom:2rem;font-size:.85rem;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.05em;background:#ffffff1a;border-radius:99px;padding:.3rem .8rem;font-size:.75rem}.status-published{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.status-draft{color:#facc15;background:#eab30826;border:1px solid #eab3084d}.detail-links{flex-wrap:wrap;gap:1rem;display:flex}.link-btn{font-family:var(--font-mono);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-fg);border-radius:6px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.8rem;text-decoration:none;transition:all .2s;display:inline-flex}.link-btn:hover{background:#ffffff0d;border-color:#fff3}.link-btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.link-btn--primary:hover{background:#ea580c;border-color:#ea580c}.detail-section{margin-bottom:4rem}.detail-section h2{font-family:var(--font-cinzel);color:var(--color-fg);border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.5rem}.tech-stack-grid{flex-wrap:wrap;gap:.75rem;display:flex}.tech-chip{font-family:var(--font-mono);color:var(--color-accent);background:#f973161a;border:1px solid #f9731633;border-radius:99px;padding:.4rem 1rem;font-size:.8rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;display:grid}.gallery-grid img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--color-border);border-radius:8px;width:100%;transition:transform .2s}.gallery-grid img:hover{transform:scale(1.02)}.rich-content{color:#ffffffd9;font-size:1.05rem;line-height:1.8}.rich-content h2,.rich-content h3{font-family:var(--font-cinzel);color:var(--color-fg);margin-top:2rem;margin-bottom:1rem}.rich-content p{margin-bottom:1rem}.rich-content ul,.rich-content ol{margin-bottom:1.5rem;margin-left:1.5rem}.rich-content a{color:var(--color-accent);text-decoration:underline}.detail-back{border-top:1px solid var(--color-border);margin-top:5rem;padding-top:2rem}.back-btn{font-family:var(--font-mono);color:#ffffff80;font-size:.85rem;text-decoration:none;transition:color .2s}.back-btn:hover{color:var(--color-accent)}