.overlay-transition{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:9999;pointer-events:none;transform:translateY(100%);transition:transform .8s ease-in-out}.overlay-transition.active{transform:translateY(0)}.overlay-transition.exit{transform:translateY(-100%)}body,html{margin:0;padding:0;font-family:Satoshi,sans-serif;background:#000;cursor:grab}.topbar{position:fixed;top:.2rem;right:0;padding:1.2rem 2rem;display:flex;justify-content:flex-end;align-items:center;width:100%;z-index:30;font-family:Satoshi,sans-serif;opacity:1;-webkit-user-select:none;user-select:none}.logo{font-weight:700;letter-spacing:.1em;font-size:1.1rem}.svg-logo{display:block;position:fixed;top:1.2rem;left:2rem;width:50px;height:auto;fill:#fff;z-index:30;opacity:1;transform:scale(.95);pointer-events:auto}.nav a{margin-left:1.5rem;text-decoration:none;color:#fff;font-size:.95rem}#nav-logo{cursor:pointer;display:inline-block}#scene-container{width:100vw;height:100vh;overflow:hidden;position:relative;cursor:grab}#project-scene{width:1920px;height:1080px;position:absolute;top:0;left:0;transition:transform .2s ease-out;will-change:transform;transform:scale(1);transform-origin:0 0}.project-thumb{position:absolute;width:220px;height:150px;background-size:cover;background-position:center;border-radius:12px;box-shadow:0 0 20px #0006;transition:transform .3s ease;transform:translate(-50%,-50%)}.project-thumb:hover{transform:translate(-50%,-50%) scale(1.05)}.drag-text{position:fixed;left:50%;bottom:32px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:1000;pointer-events:none;-webkit-user-select:none;user-select:none}.drag-text p{color:#fff;font-size:1.1rem;margin:0 0 6px;letter-spacing:.05em;text-shadow:0 2px 8px #000a}.project-title{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);width:100%;z-index:1000;text-align:center;padding:1.2rem 0 .7rem;pointer-events:none;-webkit-user-select:none;user-select:none}.project-title h1{margin:0;color:#fff;font-size:2.2rem;letter-spacing:.05em;font-weight:100;pointer-events:auto;-webkit-user-select:none;user-select:none}.project-presentation{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#111;display:none;flex-direction:column;justify-content:center;align-items:center}.go-back{position:fixed;top:46px;left:2%;font-size:1.2rem;z-index:2}.bottom-bar{background:#fff;color:#000;border:none;padding:12px 24px;font-weight:700;border-radius:6px;cursor:pointer}.transition-screen{position:fixed;top:100%;left:0;width:100%;height:100%;background:#111;z-index:9999;display:flex;justify-content:center;align-items:center;transition:top 1s ease-in-out}.transition-screen.show{top:0}.loader{color:#fff;font-size:1.5rem;font-family:Montserrat,sans-serif;opacity:0;animation:fadeIn 1s .5s forwards}@keyframes fadeIn{to{opacity:1}}#project-gallery{height:100vh;background:#111;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.museum-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.museum-subtext{font-size:1.2rem;font-weight:300;margin-bottom:2rem}.back-button{font-size:1rem;color:#fff;padding:.75rem 1.5rem;border:1px solid white;border-radius:2rem;text-decoration:none;transition:all .3s ease}.back-button:hover{background:#fff;color:#111}.burger-menu{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer;z-index:1001}.burger-menu span{height:3px;width:100%;background:#fff;display:block;border-radius:3px}@media screen and (max-width: 768px){.project-title{top:3rem}.project-title h1{font-size:1.2rem}.burger-menu{display:flex;position:absolute;top:20px;right:20px}.nav{position:fixed;top:0;right:-100%;height:100vh;width:200px;background:#111;flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease-in-out;z-index:1000}.nav.active{right:0}.nav a{margin:20px 0;font-size:1.2rem;color:#fff;text-decoration:none}}