.project-detail-container{background:#fff;min-height:100vh;display:flex}.project-info-sidebar{z-index:100;background:#131313;justify-content:flex-start;align-self:flex-start;align-items:center;width:30%;min-width:350px;height:100vh;padding:60px 40px;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:2px 0 20px #0000001a}.project-info-content{width:100%;max-width:400px}.project-accent-line{background:var(--primary-color);width:60px;height:3px;margin-bottom:20px;display:block}.project-title{color:#fff;letter-spacing:-.5px;margin:0 0 25px;font-size:2.2rem;font-weight:600;line-height:1.3}.project-description{color:#000;margin:0 0 30px;font-size:1rem;line-height:1.7}.project-meta{border-top:1px solid #e0e0e0;flex-direction:column;gap:15px;margin-top:30px;padding-top:30px;display:flex}.project-meta-item{flex-direction:column;gap:5px;display:flex}.meta-label{color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.meta-value{color:#fff;font-size:1rem;font-weight:500}.back-to-references{background:var(--primary-color);color:#fff;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-top:40px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.back-to-references:hover{background:#333333e6;transform:translateY(-2px)}.project-gallery-content{background:#131313;flex:1;min-height:100vh;padding-top:72px}.project-gallery-grid{grid-template-columns:1fr;gap:5px;width:100%;display:grid}.project-gallery-item{background:#f5f5f5;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.project-gallery-item img{object-fit:cover;width:100%;height:auto;max-height:100vh;transition:transform .4s}.project-gallery-item:hover img{transform:scale(1.05)}.image-modal{z-index:9999;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.image-modal.active{display:flex}.modal-content{max-width:90%;max-height:90%;position:relative}.modal-image{object-fit:contain;width:100%;height:100%}.modal-close{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:30px;display:flex;position:absolute;top:-40px;right:0}.modal-nav{color:#fff;cursor:pointer;background:#fff3;border:none;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;transition:background .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.modal-nav:hover{background:#ffffff4d}.modal-prev{left:-60px}.modal-next{right:-60px}@media (max-width:1024px){.project-info-sidebar{width:35%;padding:40px 30px}.project-gallery-content{flex:1;padding-top:72px}.project-gallery-grid{grid-template-columns:1fr}.project-gallery-item img{max-height:80vh}}@media (max-width:768px){.project-detail-container{flex-direction:column}.project-info-sidebar{width:100%;height:auto;box-shadow:none;padding:150px 20px 40px;position:relative}.project-gallery-content{flex:1;padding-top:30px}.project-gallery-grid{grid-template-columns:1fr;gap:5px}.project-gallery-item img{max-height:60vh}.project-title{font-size:1.8rem}.modal-nav{display:none}.modal-content{max-width:95%;max-height:80%}}@media (max-width:480px){.project-title{font-size:1.6rem}.project-info-sidebar{padding:150px 15px 30px}.project-gallery-content{padding-top:30px}}