.project-detail{min-height:100vh;color:var(--foreground);grid-template-columns:340px 1fr 240px;gap:20px;padding:25px;display:grid}.project-detail a{text-decoration:none}.project-left{flex-direction:column;display:flex}.project-title-block{gap:15px;margin-bottom:25px;display:flex}.project-title-line{background:#fff9;background:lab(100% 0 0/.6);flex-shrink:0;width:3px}.project-title-content h2{color:var(--foreground);margin-bottom:5px;font-size:28px;font-weight:700;line-height:1.1}.project-title-content h3{color:#fffc;color:lab(100% 0 0/.8);margin-bottom:8px;font-size:16px;font-weight:600}.project-meta{color:#ffffff80;color:lab(100% 0 0/.5);margin-bottom:0;font-size:13px}.project-desc{color:#fff9;color:lab(100% 0 0/.6);margin-top:12px;font-size:14px;line-height:1.6}.project-left-image{object-fit:cover;border-radius:5px;width:100%;height:170px;margin-bottom:15px;transition:filter .7s;position:relative;overflow:hidden}.project-left-image img{filter:grayscale();transition:filter .7s}.project-left-image:hover img{filter:grayscale(0)}.project-gallery{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.project-gallery-card{aspect-ratio:1;cursor:pointer;background:#ffffff0d;background:lab(100% 0 0/.05);border:none;border-radius:4px;padding:0;transition:opacity .3s;position:relative;overflow:hidden}.project-gallery-card img{filter:grayscale();transition:filter .7s}.project-gallery-card:hover img{filter:grayscale(0)}.project-gallery-card:hover{opacity:.8}.project-gallery-card span{background:var(--background);color:#ffffffb3;color:lab(100% 0 0/.7);z-index:2;border-radius:2px;padding:2px 6px;font-size:11px;position:absolute;top:6px;left:6px}.project-details h3{color:var(--foreground);margin-bottom:10px;font-size:22px;font-weight:600}.project-details p{color:#ffffffb3;color:lab(100% 0 0/.7);font-size:13px;line-height:1.9}.project-details b{color:#ffffff80;color:lab(100% 0 0/.5);font-weight:400}.project-center{border-radius:5px;min-height:400px;position:relative;overflow:hidden}.project-center img{object-fit:cover}.project-right{flex-direction:column;gap:30px;display:flex}.project-back{color:#fff6;color:lab(100% 0 0/.4);text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:8px;margin-bottom:20px;font-size:12px;transition:color .3s;display:flex}.project-back:hover{color:#fffc;color:lab(100% 0 0/.8)}.project-back svg{width:14px;height:14px}.project-description h3{color:var(--foreground);margin-bottom:15px;font-size:22px;font-weight:600}.project-description p{color:#ffffffb3;color:lab(100% 0 0/.7);font-size:13px;line-height:1.8}@media (max-width:1024px){.project-detail{grid-template-rows:auto;grid-template-columns:1fr 1fr}.project-center{display:none}.project-right{gap:20px}}@media (max-width:640px){.project-detail{grid-template-columns:1fr;gap:16px;padding:16px}.project-center{order:-1;min-height:250px;display:block}.project-title-content h2{font-size:22px}}