.project-detail{padding:var(--space-8) var(--space-4) var(--space-16)}.back-nav{margin-bottom:var(--space-8)}.back-link{color:var(--text-tertiary);transition:var(--transition);font-size:.95rem;font-weight:500}.back-link:hover{color:var(--text-primary)}.project-hero{margin-bottom:var(--space-12)}.project-title{margin-bottom:var(--space-2);font-size:clamp(2rem,4vw,2.5rem)}.project-tagline{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:1.25rem}.project-meta{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.project-recognition{margin:var(--space-4) 0 0;padding:var(--space-2) var(--space-3);border-left:3px solid var(--accent);background-color:var(--accent-subtle);color:var(--text-primary);font-size:.9rem;font-weight:600;display:inline-flex}.tech-pill-detail{color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:var(--radius-sm);padding:2px 8px;font-size:.8rem}.project-section{margin-bottom:var(--space-12)}.section-heading{margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);font-size:1.25rem}.project-section p{font-size:1.05rem;line-height:1.7}.decision-block{background-color:var(--accent-subtle);padding:var(--space-6);border-radius:var(--radius-lg);border-left:4px solid var(--accent)}.decision-block .section-heading{margin-bottom:var(--space-2);color:var(--accent);border-bottom:none;padding-bottom:0}.decision-block p{color:var(--text-primary);margin:0}.approach-content h3{margin-top:var(--space-6);font-size:1.1rem}.prototype-header{border-bottom:1px solid var(--border);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.prototype-header .section-heading{border-bottom:none;margin-bottom:0;padding-bottom:0}.demo-btn{padding:var(--space-2) var(--space-4);font-size:.85rem}.prototype-placeholder{aspect-ratio:16/9;background-color:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;width:100%;display:flex}.placeholder-text{color:var(--text-tertiary);font-weight:500}.prototype-gallery{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.prototype-figure{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-secondary);margin:0;overflow:hidden}.prototype-image{aspect-ratio:16/10;object-fit:contain;background-color:var(--bg-tertiary);width:100%;height:auto;display:block}.prototype-figure figcaption{padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-size:.88rem;line-height:1.45}.future-work-list{padding-left:var(--space-6);margin:0}.future-work-list li{margin-bottom:var(--space-2);color:var(--text-secondary);line-height:1.6}.project-footer{gap:var(--space-4);margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--border);display:flex}@media (width<=640px){.project-detail{padding-top:var(--space-6);padding-bottom:var(--space-12)}.back-nav{margin-bottom:var(--space-6)}.project-hero,.project-section{margin-bottom:var(--space-8)}.project-title{overflow-wrap:anywhere;font-size:1.85rem}.project-tagline{font-size:1.05rem}.decision-block{padding:var(--space-5,20px);border-radius:var(--radius-md)}.prototype-gallery{gap:var(--space-4);grid-template-columns:1fr}.prototype-header{align-items:flex-start;gap:var(--space-4);flex-direction:column}.project-footer{margin-top:var(--space-12)}}.prototype-image-button{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.prototype-zoom-hint{right:var(--space-2);bottom:var(--space-2);border-radius:var(--radius-full);color:#fff;opacity:0;transition:var(--transition);background:#0009;padding:2px 8px;font-size:.7rem;position:absolute}.prototype-image-button:hover .prototype-zoom-hint,.prototype-image-button:focus-visible .prototype-zoom-hint{opacity:1}.lightbox-overlay{z-index:1000;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);background:#000000d9;display:flex;position:fixed;inset:0}.lightbox-content{align-items:center;gap:var(--space-3);flex-direction:column;max-width:min(1200px,100%);max-height:100%;margin:0;display:flex}.lightbox-image{object-fit:contain;border-radius:var(--radius-md);background:#fff;width:auto;max-width:100%;height:auto;max-height:80vh}.lightbox-caption{color:#e5e5e5;text-align:center;max-width:70ch;font-size:.9rem}.lightbox-close{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-full);color:#fff;background:#ffffff26;width:40px;height:40px;font-size:1.6rem;line-height:1;position:absolute}.lightbox-nav{border-radius:var(--radius-full);color:#fff;background:#ffffff26;flex:none;width:44px;height:44px;font-size:2rem;line-height:1}.lightbox-close:hover,.lightbox-nav:hover{background:#ffffff4d}@media (width<=640px){.lightbox-overlay{padding:var(--space-12) var(--space-3) var(--space-16)}.lightbox-content{width:100%;max-height:calc(100vh - 7rem)}.lightbox-nav{bottom:var(--space-4);position:absolute}.lightbox-prev{left:var(--space-4)}.lightbox-next{right:var(--space-4)}.lightbox-image{max-height:calc(100vh - 11rem)}.lightbox-caption{max-height:3rem;font-size:.8rem;overflow-y:auto}}