.proj-detail{z-index:2;max-width:960px;padding-top:6rem;padding-bottom:6rem;position:relative}.proj-detail-back{font-family:var(--font-body);letter-spacing:2px;color:var(--text-dim);align-items:center;gap:.5rem;font-size:.72rem;text-decoration:none;transition:color .2s;display:inline-flex}.proj-detail-header{margin:2rem 0 3rem}.proj-detail-tagline{font-family:var(--font-mono);color:var(--accent);letter-spacing:2px;margin:0 0 1rem;font-size:.78rem}.proj-detail-title{font-family:var(--font-heading);letter-spacing:-.015em;color:var(--text-color);margin:0 0 1.25rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1.05}.proj-detail-desc{font-family:var(--font-display);color:var(--text-muted);max-width:720px;margin:0 0 1.5rem;font-size:1.05rem;line-height:1.65}.proj-detail-tech{flex-wrap:wrap;gap:.4rem;margin:1.25rem 0 1.5rem;display:flex}.proj-detail-cta-row{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.proj-detail-cta{border-radius:var(--radius-sm);font-family:var(--font-body);letter-spacing:2px;border:1px solid var(--border-glass);color:var(--text-color);background:var(--bg-glass);transition:var(--transition-fast);align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.72rem;text-decoration:none;display:inline-flex}.proj-detail-cta.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.proj-detail-cta.primary:hover{background:0 0}.proj-detail-cta i{font-size:1rem}.proj-detail-hero{aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:var(--bg-surface);width:100%;margin-bottom:3rem;position:relative;overflow:hidden}.proj-detail-cover,.proj-detail-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.proj-detail-video{opacity:0;pointer-events:none;transition:opacity .4s}.proj-detail-hero:hover .proj-detail-video{opacity:1}.proj-detail-triad{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin:0 0 3rem;display:grid}.proj-detail-triad-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);flex-direction:column;gap:.85rem;padding:1.5rem;display:flex}.proj-detail-triad-head{font-family:var(--font-body);letter-spacing:3px;color:var(--accent);align-items:center;gap:.6rem;font-size:.7rem;display:flex}.proj-detail-triad-head i{font-size:1.1rem}.proj-detail-triad-card p{font-family:var(--font-display);color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.6}.proj-detail-sections{flex-direction:column;gap:3rem;margin-bottom:3rem;display:flex}.proj-detail-section h2{font-family:var(--font-heading);letter-spacing:-.015em;color:var(--text-color);margin:0 0 1rem;font-size:clamp(1.4rem,3vw,2rem)}.proj-detail-section p{font-family:var(--font-display);color:var(--text-muted);margin:0;font-size:1rem;line-height:1.7}.proj-detail-section-img{border-radius:var(--radius-md);border:1px solid var(--border-glass);width:100%;margin-top:1rem}.proj-detail-footer{border-top:1px solid var(--border-glass);margin-top:4rem;padding-top:2rem}.proj-detail-error{color:var(--danger);font-family:var(--font-body);letter-spacing:1px;margin:4rem 0 1rem;font-size:.9rem}@media (width<=768px){.proj-detail{padding-top:4rem;padding-bottom:4rem}.proj-detail-hero{aspect-ratio:16/10;margin-bottom:2rem}}.proj-detail{max-width:1040px;margin:0 auto;padding:clamp(7.5rem,17vh,10.5rem) clamp(1.25rem,3vw,2rem) 2rem}.proj-detail-back{letter-spacing:0;color:var(--text-muted);font-size:.9rem}.proj-detail-back:hover{color:var(--accent-text)}.proj-detail-tagline{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);font-size:.72rem;font-weight:600}.proj-detail-title{letter-spacing:-.03em;font-size:clamp(3rem,8vw,6.5rem);line-height:.92}.proj-detail-cta{border-radius:var(--radius-pill);letter-spacing:0;background:0 0;min-height:44px;padding:0 1.3rem;font-size:.88rem;font-weight:500}.proj-detail-cta:hover{border-color:var(--text-color);color:var(--text-color)}.proj-detail-cta.primary{background:var(--text-color);border-color:var(--text-color);color:var(--bg-color)}.proj-detail-cta.primary:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.proj-detail-hero,.proj-detail-triad-card{border-radius:var(--radius-xl)}.proj-detail-triad-card{background:var(--bg-surface)}.proj-detail-section h2{font-family:var(--font-serif);letter-spacing:-.015em;text-transform:none;font-size:clamp(1.9rem,3vw,2.6rem);font-weight:400;line-height:1.05}@media (width<=768px){.proj-detail{padding-top:3.5rem}}