.project-hero{position:relative;height:100vh;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-start}.project-hero-image{z-index:1}.project-hero-image,.project-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0}.project-hero-overlay{background:linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.3) 50%,rgba(0,0,0,.1));z-index:2}.project-hero-content{position:relative;z-index:3;width:100%;padding:0 1.5rem 3rem;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.project-back-btn{color:#FFFFFF;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-size:14px;font-weight:400;opacity:.9;transition:opacity .3s ease;align-self:flex-start}.project-back-btn:hover{opacity:1}.project-back-icon{width:16px;height:16px}.project-hero-text{color:#FFFFFF}.project-hero-title{font-family:var(--font-clearface);font-size:4rem;font-weight:400;margin-bottom:1rem;line-height:1.1;text-shadow:0 4px 12px rgba(0,0,0,.5)}.project-hero-meta{display:flex;align-items:center;gap:1rem;font-size:14px;opacity:.9}.project-location{font-weight:400}.project-meta-divider{width:2rem;height:1px;background-color:rgba(255,255,255,.6)}.project-category{display:flex;align-items:center;gap:.5rem}.project-category-icon{width:16px;height:16px;opacity:.8}.project-details{background:#FFFFFF;padding:4rem 0}.project-info-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:4rem;gap:4rem;margin-bottom:4rem}.project-description h2{font-family:var(--font-clearface);font-size:2.5rem;font-weight:400;color:var(--black);margin-bottom:2rem;line-height:1.2}.project-text p{font-size:16px;line-height:1.7;color:#333333;margin-bottom:1.5rem}.project-text p:last-child{margin-bottom:0}.project-specs{background:#F8F8F8;padding:2rem;border-radius:0;height:-moz-fit-content;height:fit-content}.project-specs h3{font-family:var(--font-clearface);font-size:1.25rem;font-weight:400;color:var(--black);margin-bottom:1.5rem}.project-spec-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e5e5e5}.project-spec-item:last-child{border-bottom:none}.spec-label{font-size:14px;color:#666666;font-weight:400}.spec-value{font-size:14px;color:var(--black);font-weight:500}.project-gallery{margin-bottom:4rem}.project-gallery h3{font-family:var(--font-clearface);font-size:2rem;font-weight:400;color:var(--black);margin-bottom:2rem;line-height:1.2}.project-masonry{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;grid-auto-rows:200px}.masonry-item{position:relative;overflow:hidden;border-radius:0;transition:all .3s ease;cursor:pointer}.masonry-item:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.masonry-item:hover img{transform:scale(1.05)}.masonry-item img{transition:transform .4s ease}.masonry-item-1{grid-row:span 2}.masonry-item-2{grid-row:span 1}.masonry-item-3{grid-row:span 3}.masonry-item-4{grid-row:span 2}.project-navigation{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid #e5e5e5}@media (max-width:768px){.project-hero-title{font-size:3rem}.project-hero-content{padding:0 1rem 2rem}.project-info-grid{grid-template-columns:1fr;gap:2rem}.project-masonry{grid-template-columns:repeat(2,1fr);gap:12px}.project-navigation{flex-direction:column;gap:1rem}}@media (max-width:580px){.project-hero{height:80vh}.project-hero-title{font-size:2.5rem}.project-hero-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.project-meta-divider{display:none}.project-details{padding:2rem 0}.project-description h2,.project-gallery h3{font-size:1.5rem}.project-specs{padding:1.5rem}.project-masonry{grid-template-columns:1fr;grid-auto-rows:250px}.masonry-item-1,.masonry-item-2,.masonry-item-3,.masonry-item-4{grid-row:span 1}.project-navigation{flex-direction:column;gap:1rem}}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;cursor:pointer;animation:lightboxFadeIn .3s ease;width:100vw;height:100vh}@keyframes lightboxFadeIn{0%{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;width:80vw;height:80vh;cursor:auto;border-radius:0;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);animation:lightboxZoomIn .3s ease;pointer-events:auto}@keyframes lightboxZoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-close{position:absolute;top:-60px;right:0;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:white;cursor:pointer;padding:12px;border-radius:50%;transition:all .3s ease;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.lightbox-close:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}@media (max-width:768px){.lightbox-close{top:15px;right:15px;background:rgba(0,0,0,.8);border:none;width:40px;height:40px;padding:8px}.lightbox-content{max-width:95vw;max-height:95vh;width:95vw;height:70vh;border-radius:0}.lightbox-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}}