.project-hero{padding:6rem 0 4rem;background:linear-gradient(rgba(26,37,47,0.9),rgba(44,62,80,0.9)),url('../../assets/img/bg3.jpg');background-size:cover;background-position:center;color:white;text-align:center}.project-details{padding:4rem 0}.project-info{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:3rem}.project-sidebar{background:#f8f9fa;padding:2rem;border-radius:15px}.project-sidebar h3{margin-bottom:1.5rem;color:#2c3e50}.project-meta{list-style:none;padding:0}.project-meta li{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #e9ecef}.project-meta li:last-child{border-bottom:none}.project-description{line-height:1.8}.project-gallery{margin-top:4rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.gallery-item{position:relative;border-radius:15px;overflow:hidden;aspect-ratio:4/3}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.gallery-item:hover img{transform:scale(1.05)}.project-stages{margin-top:4rem}.stages-list{list-style:none;padding:0;margin-top:2rem}.stage-item{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:15px;margin-bottom:1.5rem;transition:all 0.3s ease}.stage-item:hover{background:#e9ecef;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}.stage-number{background:#3498db;color:white;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.stage-content h4{color:#2c3e50;margin-bottom:0.5rem}.stage-content p{color:#666;margin:0}.project-results{margin-top:4rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:3rem;border-radius:20px}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.result-item{text-align:center;padding:2rem;background:white;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.result-number{font-size:2.5rem;font-weight:700;color:#3498db;margin-bottom:0.5rem}.result-label{color:#2c3e50;font-weight:600}@media (max-width:768px){.project-hero{padding:4rem 0 2rem}.project-info{grid-template-columns:1fr;gap:2rem}.project-sidebar{padding:1.5rem}.gallery-grid{grid-template-columns:1fr;gap:1.5rem}.stage-item{flex-direction:column;text-align:center;gap:1rem}.project-results{padding:2rem 1.5rem}.results-grid{grid-template-columns:1fr;gap:1.5rem}}