.pan-scroll-wrapper{position:relative;height:100vh;width:100%;overflow:hidden;margin:0;padding:0}.pan-scroll-sticky{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:flex-start}.pan-scroll-canvas{display:flex;align-items:center;width:250vw;height:90vh;will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0);flex-shrink:0}.pan-scene-factory{width:140vw;height:100%;flex-shrink:0;background-size:cover;background-position:center center}.pan-scene-elevator{width:110vw;height:100%;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.pan-elevator-wrap{display:flex;width:100%;height:100%}.pan-elevator-door{flex:1;height:100%;background-size:cover;background-position:center center;transition:transform 0.8s ease}.pan-elevator-door.left{background-position:right center}.pan-elevator-door.right{background-position:left center}.pan-scene-elevator.revealed .pan-elevator-door.left{transform:translateX(-50%)}.pan-scene-elevator.revealed .pan-elevator-door.right{transform:translateX(50%)}.pan-slogan{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Cinzel',serif;color:gold;font-size:clamp(1rem, 2.5vw, 2rem);text-align:center;white-space:nowrap;opacity:0;transition:opacity 0.6s ease;z-index:10;pointer-events:none}.pan-slogan.visible{opacity:1}.pan-progress-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;opacity:0;transition:opacity 0.4s;z-index:20}.pan-progress-dots.visible{opacity:1}.pan-dot{width:10px;height:10px;border-radius:50%;background:rgb(255 255 255 / .4);transition:background 0.3s}.pan-dot.active{background:gold}@media (max-width:768px){.pan-scroll-canvas{width:350vw}.pan-scene-factory{width:200vw}.pan-scene-elevator{width:150vw}}