.stairs{position:relative;min-height:100vh}.stairs .transition-container{position:fixed;width:100vw;height:100vh;display:flex;left:0;top:0;pointer-events:none;z-index:9999;overflow:hidden}.stairs .transition-container div{position:relative;height:100%;width:20.5%;margin-left:-.25%;background-color:black;will-change:transform;transform-origin:center bottom;backface-visibility:hidden;transform:translateZ(0)}.stairs .transition-container div:last-child{width:21%}.stairs .transition-background{position:fixed;width:100%;height:100vh;background-color:black;z-index:9998;pointer-events:none;top:0;left:0;will-change:opacity;transform:translateZ(0)}.stairs-content{z-index:1}.curve,.stairs-content{position:relative;min-height:100vh}.curve .background,.curve svg{position:fixed;height:calc(100vh + 600px);width:100vw;pointer-events:none;left:0;top:0;z-index:52}.curve .background{background-color:black;transition:opacity 0s linear .1s}.curve .route{position:fixed;left:50%;top:40%;color:white;font-size:clamp(2rem,5vw,3rem);font-weight:600;z-index:53;transform:translateX(-50%);text-align:center;pointer-events:none;white-space:nowrap}@media (prefers-color-scheme:dark){.stairs .transition-background,.stairs .transition-container div{background-color:#111}.curve svg path{fill:#111}.curve .background{background-color:#111}}@media (max-width:768px){.stairs .transition-container div{width:25%!important;margin-left:-.5%!important}.stairs .transition-container div:last-child{width:25.5%!important}.curve .background,.curve svg{height:calc(100vh + 400px)!important}.curve .route{font-size:clamp(1.5rem,4vw,2.5rem)!important;top:45%!important}.curve .background,.curve svg,.stairs .transition-container div{will-change:transform,opacity!important;backface-visibility:hidden!important}}@media (max-width:480px){.stairs .transition-container{display:flex!important;flex-direction:row!important}.stairs .transition-container div{width:20%!important;margin-left:0!important}.stairs .transition-container div:last-child{width:20%!important}.curve .background,.curve svg{height:calc(100vh + 300px)!important}.curve .route{font-size:clamp(1.25rem,5vw,2rem)!important;top:42%!important;padding:0 1rem!important;white-space:normal!important;text-align:center!important;line-height:1.2!important}.stairs .transition-container div{transition:transform .6s cubic-bezier(.76,0,.24,1)!important}.curve svg,.stairs .transition-container{contain:layout style!important}}@media (max-width:375px){.stairs .transition-container div{width:20%!important;margin-left:0!important}.curve .background,.curve svg{height:calc(100vh + 200px)!important}.curve .route{font-size:clamp(1rem,6vw,1.75rem)!important;top:40%!important;padding:0 .75rem!important;max-width:calc(100vw - 1.5rem)!important;word-break:break-word!important}.stairs .transition-container div{transition:transform .4s ease-out!important;transform-origin:center center!important}.curve svg path{vector-effect:non-scaling-stroke!important}.stairs .transition-container{z-index:9998!important}.stairs .transition-background{z-index:9997!important}.curve .background,.curve svg{z-index:51!important}.curve .route{z-index:52!important}}@media (max-width:768px){.curve .background,.curve .route,.curve svg,.stairs .transition-background,.stairs .transition-container,.stairs .transition-container div{transform:translateZ(0)!important;will-change:transform!important}.curve.transitioning,.stairs.transitioning{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}@media (prefers-reduced-motion:reduce){.curve .background,.curve .route,.curve svg,.stairs .transition-container div{transition-duration:.1s!important;animation-duration:.1s!important}}}