.project-detail{padding:calc(var(--header-height) + var(--spacing-lg)) 0 var(--spacing-xl);background-color:var(--color-bg-dark);min-height:100vh}.back-btn{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-light);opacity:.7;margin-bottom:var(--spacing-lg);transition:all var(--transition-fast);font-size:.9rem}.back-btn:hover{opacity:1;color:var(--color-accent);transform:translate(5px)}[dir=ltr] .back-btn:hover{transform:translate(-5px)}.back-btn svg{transform:rotate(0)}[dir=ltr] .back-btn svg{transform:rotate(180deg)}.project-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(26,26,26,.5);border-radius:8px}.project-title{font-size:clamp(2rem,5vw,3rem);font-weight:1000;margin-bottom:var(--spacing-sm);line-height:1.2}.project-subtitle{font-size:clamp(1rem,2vw,1.5rem);opacity:.7;margin-bottom:var(--spacing-md)}.project-meta{display:flex;gap:var(--spacing-md);flex-wrap:wrap;font-size:.9rem}.meta-item{display:flex;gap:.5rem}.meta-item strong{color:var(--color-accent)}.project-tech-section{margin-bottom:var(--spacing-lg)}.project-tech-section h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-accent)}.project-tech-list{display:flex;gap:.5rem;flex-wrap:wrap}.project-story{margin-bottom:var(--spacing-lg)}.project-story h2{font-size:1.75rem;font-weight:600;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-text-light)}.project-story p{font-size:1rem;line-height:1.8;opacity:.8;margin-bottom:var(--spacing-md)}.project-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin:var(--spacing-md) 0}.project-features li{position:relative;padding:.75rem .85rem .75rem 2.1rem;border-radius:10px;background:#1a1a1a66;border:1px solid rgba(212,175,55,.2);line-height:1.6;opacity:.95;transition:transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}[dir=rtl] .project-features li{padding:.75rem 2.1rem .75rem .85rem}.project-features li:before{content:"✓";position:absolute;left:.75rem;top:.7rem;color:var(--color-accent);font-weight:700}[dir=rtl] .project-features li:before{left:auto;right:.75rem}.project-features li:hover{transform:translateY(-4px);border-color:#d4af378c;background-color:#d4af371f;box-shadow:0 10px 22px #00000042,0 0 12px #d4af3733}.project-timeline{position:relative;margin:var(--spacing-md) 0;padding-right:var(--spacing-md);overflow:visible}[dir=ltr] .project-timeline{padding-right:0;padding-left:var(--spacing-md)}.project-timeline:after{content:"";position:absolute;right:var(--spacing-md);top:0;width:2px;height:44px;background:linear-gradient(to bottom,#d4af3700,#d4af37f2,#d4af3700);filter:drop-shadow(0 0 8px rgba(212,175,55,.85));opacity:.95;animation:timeline-light-sweep 3.2s linear infinite;pointer-events:none;z-index:1}[dir=ltr] .project-timeline:after{right:auto;left:var(--spacing-md)}.timeline-item{position:relative;padding-right:var(--spacing-md);padding-bottom:var(--spacing-md);border-right:2px solid rgba(212,175,55,.3);overflow:visible}[dir=ltr] .timeline-item{padding-right:0;padding-left:var(--spacing-md);border-right:none;border-left:2px solid rgba(212,175,55,.3)}.timeline-item:last-child{border-right:none;padding-bottom:0}[dir=ltr] .timeline-item:last-child{border-left:none}.timeline-marker{position:absolute;right:-6px;top:0;width:10px;height:10px;background-color:var(--color-accent);border-radius:50%;box-shadow:0 0 #d4af3799;animation:marker-pulse 2.2s ease-in-out infinite;z-index:2}[dir=ltr] .timeline-marker{right:auto;left:-6px}.timeline-item:last-child .timeline-marker{right:-4px}[dir=ltr] .timeline-item:last-child .timeline-marker{right:auto;left:-4px}.timeline-content h4{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-light)}.timeline-content p{font-size:.9rem;opacity:.7;line-height:1.6}.project-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin:var(--spacing-md) 0}.result-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);background-color:#1a1a1a4d;border:1px solid rgba(26,26,26,.5);border-radius:12px;text-align:center;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.result-number{font-size:2.5rem;font-weight:700;color:var(--color-accent);font-family:var(--font-mono);line-height:1;margin-bottom:.5rem}.result-label{font-size:.9rem;opacity:.7}.result-item:hover{transform:translateY(-6px);border-color:#d4af378c;background-color:#d4af3714;box-shadow:0 14px 30px #00000047,0 0 18px #d4af372e}.project-screenshots{margin-bottom:var(--spacing-lg)}.project-screenshots h2{font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-md)}.screenshots-slider{position:relative;max-width:900px;margin:0 auto;border-radius:14px;outline:none}.screenshots-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;border-radius:14px;gap:var(--spacing-md);padding:2px;scrollbar-width:none}.screenshots-track::-webkit-scrollbar{display:none}.screenshots-track .screenshot-item{flex:0 0 100%;scroll-snap-align:center}.screenshots-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:999px;border:1px solid rgba(212,175,55,.22);background:#0a0a0aa6;color:var(--color-text-light);display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),opacity var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);opacity:.85;backdrop-filter:blur(6px);z-index:5;cursor:pointer}.screenshots-prev{right:12px}.screenshots-next{left:12px}[dir=ltr] .screenshots-prev{right:auto;left:12px}[dir=ltr] .screenshots-next{left:auto;right:12px}.screenshots-nav:hover{opacity:1;border-color:#d4af378c;background-color:#d4af3714;transform:translateY(-50%) scale(1.04)}.screenshots-nav:active{transform:translateY(-50%) scale(.98)}.screenshots-nav:disabled{opacity:.35;cursor:not-allowed}.screenshots-nav:focus-visible{outline:2px solid rgba(212,175,55,.7);outline-offset:2px}.screenshots-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.screenshots-dot{width:7px;height:7px;padding:0;border-radius:999px;border:1px solid rgba(212,175,55,.35);background:#d4af371f;opacity:.75;transition:transform var(--transition-fast),opacity var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);cursor:pointer}.screenshots-dot:focus-visible{outline:2px solid rgba(212,175,55,.7);outline-offset:3px}.screenshots-dot.is-active{opacity:1;transform:scale(1.35);background:#d4af378c;border-color:#d4af37cc}.screenshots-slider:focus-visible .screenshots-nav{opacity:1}.screenshot-item{width:100%;max-width:100%;background-color:#0a0a0a;border:1px solid rgba(26,26,26,.5);border-radius:12px;overflow:hidden;aspect-ratio:16/9}.screenshot-item svg{width:100%;height:100%;display:block;object-fit:contain}.screenshot-item img{width:100%;height:100%;display:block;object-fit:contain}.screenshot-fallback{display:none}@keyframes timeline-light-sweep{0%{top:0;opacity:.15}15%{opacity:1}to{top:calc(100% - 44px - var(--spacing-md));opacity:.01}}@keyframes marker-pulse{0%{box-shadow:0 0 #d4af37a6}70%{box-shadow:0 0 0 8px #d4af3700}to{box-shadow:0 0 #d4af3700}}.project-links{margin-bottom:var(--spacing-lg)}.project-links h2{font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-md)}.links-grid{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background-color:#1a1a1a80;border:1px solid rgba(26,26,26,.5);border-radius:8px;color:var(--color-text-light);transition:all var(--transition-fast);font-size:.9rem}.project-link:hover{border-color:var(--color-accent);background-color:#d4af371a}.project-link svg{width:20px;height:20px}.project-cta{text-align:center;padding:var(--spacing-lg);background-color:#1a1a1a4d;border:1px solid rgba(26,26,26,.5);border-radius:12px;margin-top:var(--spacing-xl)}.project-cta h3{font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-sm)}.project-cta p{font-size:1rem;opacity:.7;margin-bottom:var(--spacing-md)}@media(max-width:768px){.project-meta{flex-direction:column;gap:var(--spacing-xs)}.project-results{grid-template-columns:1fr}.result-number{font-size:2rem}.screenshots-slider{max-width:100%}.screenshots-nav{width:38px;height:38px}.screenshot-item{aspect-ratio:9/16;max-height:400px}}@media(max-width:480px){.screenshot-item{aspect-ratio:4/5;max-height:300px}}