.project-detail-section{background:0 0;min-height:100vh;padding:120px 0 4rem}.project-detail-container{max-width:1100px;margin:0 auto;padding:0 2rem}.project-detail-header{margin-bottom:4rem}.back-link{color:var(--accent-teal);font-family:var(--font-mono);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.85rem;text-decoration:none;transition:all .3s;display:inline-flex}.back-link:hover{color:var(--accent-green);transform:translate(-5px)}.project-meta{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.meta-tag{color:var(--accent-teal);font-family:var(--font-mono);background:#64ffda14;border:1px solid #64ffda26;border-radius:20px;padding:.4rem 1rem;font-size:.75rem}.project-title{background:linear-gradient(135deg,var(--text-white)0%,var(--text-gray)100%);-webkit-text-fill-color:transparent;letter-spacing:-.04em;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1}.project-subtitle{color:var(--text-gray);max-width:800px;margin-bottom:2rem;font-size:1.2rem;line-height:1.6}.project-main-image-wrapper{background:linear-gradient(135deg,#1a294266,#1a294233);border:1px solid #64ffda1a;border-radius:12px;width:100%;height:500px;margin:3rem 0;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #020c1bb3}.project-main-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-main-image-wrapper:hover img{transform:scale(1.02)}.project-content-layout{grid-template-columns:1fr 350px;align-items:start;gap:4rem;display:grid}.project-main-content{flex-direction:column;gap:3.5rem;display:flex}.content-block h2{color:var(--text-white);letter-spacing:-.01em;margin-bottom:1.25rem;font-size:1.75rem;font-weight:600;display:inline-block;position:relative}.content-block h2:after{content:"";background:var(--accent-teal);width:40px;height:2px;position:absolute;bottom:-5px;left:0}.content-block p{color:var(--text-gray);margin-bottom:1.25rem;font-size:1rem;line-height:1.8}.content-block ul{margin:1.5rem 0;padding-left:0;list-style:none}.content-block li{color:var(--text-gray);margin-bottom:1rem;padding-left:1.75rem;font-size:1rem;line-height:1.6;position:relative}.content-block li:before{content:"▹";color:var(--accent-teal);font-size:1.2rem;line-height:1.5;position:absolute;left:0}.project-sidebar{position:sticky;top:120px}.sidebar-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11224099;border:1px solid #64ffda1a;border-radius:8px;padding:2rem}.sidebar-info-item{border-bottom:1px solid #64ffda1a;flex-direction:column;gap:.5rem;margin-bottom:1.75rem;padding-bottom:1.75rem;display:flex}.sidebar-info-item:last-of-type{border-bottom:none;margin-bottom:2rem;padding-bottom:0}.sidebar-label{font-family:var(--font-mono);color:var(--accent-green);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.sidebar-value{color:var(--text-white);font-size:1rem;font-weight:500;line-height:1.4}.tech-stack-list{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}.tech-badge{color:var(--text-gray);font-size:.8rem;font-family:var(--font-mono);background:#64ffda0d;border:1px solid #64ffda1a;border-radius:4px;padding:.3rem .8rem;transition:all .2s}.tech-badge:hover{color:var(--accent-teal);background:#64ffda1a}.project-links{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.btn-project{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.75rem;padding:.9rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.645,.045,.355,1);display:flex}.btn-project.primary{border:1px solid var(--accent-teal);color:var(--accent-teal);background:0 0}.btn-project.primary:hover{background:#64ffda1a;transform:translateY(-3px)}.btn-project.secondary{border:1px solid var(--text-gray);color:var(--text-gray);background:0 0}.btn-project.secondary:hover{border-color:var(--text-white);color:var(--text-white);transform:translateY(-3px)}@media (max-width:900px){.project-content-layout{grid-template-columns:1fr;gap:3rem}.project-sidebar{order:-1;margin-bottom:3rem;position:static}.project-main-image-wrapper{height:350px}}@media (max-width:600px){.project-detail-section{padding:100px 0 3rem}.project-title{font-size:2rem}.project-main-image-wrapper{height:250px;margin:2rem 0}.sidebar-card{padding:1.5rem}}