.project-details{background-color:var(--color-white);min-height:100vh}.project-loading,.project-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:2rem;display:flex}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid var(--color-gold);border-radius:50%;width:50px;height:50px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-image-container .project-category-tag{z-index:5;background-color:var(--color-gold);color:var(--color-black);border-radius:20px;padding:.4rem 1rem;font-size:.8rem;font-weight:500;position:absolute;top:1rem;right:1rem}.project-title-wrapper{justify-content:space-between;align-items:center;margin-bottom:3rem;padding:0 2rem;display:flex}.back-button{color:var(--color-dark-gray);cursor:pointer;background-color:transparent;border:1px solid #e5e5e5;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;transition:all .3s;display:inline-flex}.back-button:hover{background-color:var(--color-gold);border-color:var(--color-gold);color:var(--color-black)}.project-main-title{color:var(--color-dark);text-align:right;padding-bottom:10px;font-size:3rem;font-weight:300;line-height:1.2;position:relative}.project-main-title:after{content:"";background-color:var(--color-gold);width:80px;height:2px;margin-top:.5rem;margin-left:auto;margin-right:0;display:block}.project-content{padding:3rem 0}.project-layout{grid-template-columns:2fr 1fr;align-items:start;gap:4rem;display:grid}.project-gallery{position:-webkit-sticky;position:sticky;top:120px}.main-image-container{border-radius:12px;margin-bottom:1.5rem;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1)}.main-image{-o-object-fit:cover;object-fit:cover;width:100%;height:500px;display:block}.gallery-nav{cursor:pointer;width:50px;height:50px;color:var(--color-dark);background-color:rgba(255,255,255,.9);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav:hover{background-color:var(--color-gold);color:var(--color-black)}.gallery-nav.prev{left:1rem}.gallery-nav.next{right:1rem}.thumbnail-gallery{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;display:grid}.thumbnail{-o-object-fit:cover;object-fit:cover;cursor:pointer;opacity:.7;border:2px solid transparent;border-radius:6px;width:100%;height:60px;transition:all .3s}.thumbnail:hover{opacity:1}.thumbnail.active{opacity:1;border-color:var(--color-gold)}.project-info{padding:0}.project-title{color:var(--color-dark);margin-bottom:2rem;font-size:2.5rem;font-weight:300;line-height:1.2}.project-team{margin-bottom:2.5rem}.project-team h3{color:var(--color-dark);border-bottom:2px solid var(--color-gold);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.4rem;font-weight:500}.team-list{border-right:4px solid var(--color-gold);background-color:#f9f9f9;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.08)}.team-member{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.team-member:last-child{border-bottom:none}.member-role{color:var(--color-gold);font-size:.9rem;font-weight:500}.member-name{color:var(--color-dark);font-size:1rem;font-weight:400}.project-description{margin-bottom:2.5rem}.project-description h3{color:var(--color-dark);border-bottom:2px solid var(--color-gold);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.4rem;font-weight:500}.project-description p{color:#666;font-size:1.1rem;line-height:1.7}.project-cta{margin-top:3rem}.contact-btn{background-color:var(--color-gold);color:var(--color-black);cursor:pointer;border:none;border-radius:8px;width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s}.contact-btn:hover{background-color:var(--color-dark);color:var(--color-white);transform:translateY(-2px)}@media (max-width:1024px){.project-layout{grid-template-columns:1fr;gap:2rem}.project-gallery{position:static}.main-image{height:400px}.project-main-title{font-size:2.5rem}.project-title-wrapper{flex-direction:column;align-items:flex-start;gap:1rem}.back-button{align-self:flex-start}.project-main-title{text-align:center;align-self:center}.project-main-title:after{margin-left:auto;margin-right:auto}}@media (max-width:768px){.project-content{padding:2rem 0}.project-info{padding:0}.project-main-title{font-size:2rem}.main-image{height:300px}.thumbnail-gallery{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.thumbnail{height:45px}.gallery-nav{width:40px;height:40px}.project-title-wrapper{padding:0 1rem}.back-button{padding:.6rem 1rem;font-size:.9rem}.team-member{padding:.8rem 0}}