.project-wrapper{width:100svw;height:100svh;display:flex}.project-info-side{color:#f5f3f3;background-color:#000;flex:1}.project-images-side{scrollbar-width:thin;scrollbar-color:white transparent;scroll-behavior:smooth;background-color:#000;flex:1.2;overflow-y:scroll}.project-info-wrapper{margin-top:9rem;margin-left:7.8rem;margin-right:8rem}.project-page-name{font-size:2.2em;font-weight:500}.project-page-location{color:#cfcfcf;margin-bottom:25px;font-size:.9em;font-weight:400}.project-page-desc{color:#cfcfcf;margin-top:5rem;font-weight:350}.threed-scan-btn{color:#fff;cursor:pointer;border:2px solid #fff;border-radius:20px;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;width:150px;margin-bottom:25px;padding-left:15px;font-weight:600;transition:all .1s;display:flex}.threed-scan-btn .box{color:#000;background-color:#fff;border-radius:40px;justify-content:center;align-items:center;padding:10px;display:flex;scale:1.05}.threed-scan-btn:hover{width:170px}.circle-arrow-right-icon{opacity:0;position:absolute}.threed-scan-btn:hover .circle-arrow-right-icon{opacity:1}.threed-scan-btn:hover .box-icon{opacity:0}.threed-scan-btn:hover .box{scale:.92}.project-images-side{flex-direction:column;display:flex}.project-image-container{width:100%;height:100%;margin-top:20vh;padding-bottom:100px;position:relative}.image-large img{object-fit:cover;border-radius:30px;width:100%;height:100%}.image-large{height:26rem;margin-bottom:20px;margin-right:60px;position:relative}.images-small-container{margin-bottom:20px;margin-right:60px;display:flex}.image-small-1{flex:1;height:16rem;margin-right:20px;position:relative}.image-small-1 img{border-radius:30px}.image-small-2{flex:1;height:16rem;position:relative}.image-small-2 img{border-radius:30px}.image-cover{color:#000;cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;transition:all .2s;display:flex;position:absolute;top:0}.image-cover:hover{color:#fff;background-color:#00000065}.image-cover:hover .image-icon{opacity:1;scale:.8}.image-icon{opacity:0;transition:all .2s;scale:.6}.image-bottom img{border-radius:30px}.project-back-btn{color:#000;cursor:pointer;background-color:#fff;border-radius:20px;justify-content:space-between;align-items:center;width:120px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .2s;display:flex;position:absolute;bottom:5rem}.project-back-btn:hover{background-color:#c9c9c9;scale:1.03}.lightbox-overlay{z-index:9999;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-content{width:min(96vw,1900px);height:auto;animation:.14s ease-out lightboxFadeIn;position:relative}.lightbox-close{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:10px;padding:8px;transition:background .2s;position:absolute;top:16px;right:16px}.lightbox-close:hover{background:#ffffff2e}.lightbox-photo-area{justify-content:center;align-items:center;width:100%;height:85vh;max-height:900px;display:flex;position:relative}.lightbox-image-frame{border-radius:12px;width:88vw;max-width:1800px;height:100%;position:relative;overflow:hidden}.lightbox-side-arrow{color:#fff;cursor:pointer;z-index:5;background:#00000080;border:none;border-radius:50%;padding:12px;transition:background .2s,transform .2s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-side-arrow.left{left:6vw}.lightbox-side-arrow.right{right:6vw}.lightbox-side-arrow:hover{background:#fff3;transform:translateY(-50%)scale(1.08)}.lightbox-counter{color:#fff;background:#00000073;border-radius:10px;padding:6px 10px;font-size:13px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@keyframes lightboxFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}:root{--menu-nav-h:88px}@media (max-width:900px){html,body{background:#000;height:auto;overflow:hidden auto}.project-wrapper{width:100vw;height:auto;padding-top:calc(var(--menu-nav-h) + env(safe-area-inset-top,0px) + 82px);display:block}.project-info-wrapper{margin-top:0;margin-left:18px;margin-right:18px}.project-page-name{font-size:clamp(1.3rem,5vw,1.8rem);font-weight:600;line-height:1.25}.project-page-location{margin-top:6px;font-size:clamp(.85rem,3.5vw,.95rem)}.project-page-desc{margin-top:24px;font-size:clamp(.95rem,3.8vw,1rem);line-height:1.55}.threed-scan-btn{border-radius:14px;gap:12px;width:170px;min-height:44px;padding:10px 12px}.threed-scan-btn .box{border-radius:999px;padding:8px 10px;scale:1}.project-back-btn{border-radius:14px;width:auto;min-height:44px;margin-top:18px;padding:10px 14px;position:static}.project-images-side{background:#000;flex:none;padding-bottom:24px;overflow:visible}.project-image-container{margin-top:16px;padding-bottom:40px}.image-large{height:clamp(12rem,45vw,18rem);margin:0 16px 14px}.images-small-container{flex-direction:column;gap:14px;margin:0 16px 14px}.image-small-1,.image-small-2{height:clamp(9rem,35vw,12rem);margin:0}.image-large img,.image-small-1 img,.image-small-2 img{border-radius:16px}.image-cover:hover{background:#00000040}.lightbox-content{width:96vw}.lightbox-photo-area{height:70vh;max-height:none}.lightbox-image-frame{border-radius:10px;width:94vw}.lightbox-side-arrow{padding:12px}.lightbox-side-arrow.left{left:3vw}.lightbox-side-arrow.right{right:3vw}.lightbox-counter{padding:6px 10px;font-size:12px;bottom:10px}}