.project-detail{background:#fff;min-height:100vh;padding-top:80px}.project-content{grid-template-columns:1.5fr 2fr;align-items:start;gap:80px;display:grid;position:relative}.project-info{height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.project-info h1{margin-bottom:40px;font-size:64px}.project-meta{flex-direction:column;gap:20px;display:flex}.meta-item{color:#666;border-bottom:1px solid #e0e0e0;justify-content:space-between;padding-bottom:20px;font-size:1.2rem;display:flex}.meta-item:last-child{border-bottom:none;padding-bottom:0}.meta-item strong{color:#333;margin-right:10px;font-weight:600}.preview-link{color:#667eea;border:2px solid #667eea;border-radius:6px;align-items:center;gap:8px;margin-top:10px;padding:8px 16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.preview-link:hover{color:#fff;background:#667eea;transform:translateY(-2px)}.meta-item .btn{align-items:center;gap:10px;margin-top:10px;display:inline-flex}.project-description{margin-top:30px}.project-description p{color:#666;max-width:500px;font-size:1.1rem;line-height:1.7}.project-images{flex-direction:column;gap:30px;display:flex}.project-image{border:4px solid #000;border-radius:15px;width:100%;height:auto;box-shadow:4px 4px #000}.project-navigation{text-align:center;background:#fff;padding:40px 0}.btn-outline{color:#667eea;border:2px solid #667eea;border-radius:8px;align-items:center;gap:10px;padding:15px 30px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-outline:hover{color:#fff;background:#667eea;transform:translateY(-2px)}@media (max-width:768px){.project-content{grid-template-columns:1fr;gap:40px}.project-info{position:static;top:auto}.project-info h1{font-size:2.5rem}}@media (max-width:480px){.project-main{padding:60px 0}.project-info h1{font-size:2rem}}