.card-swap-container{transform:translate(-66%,-50%);transform-origin:center center;perspective:1100px;overflow:visible}.card,.card-swap-container{position:absolute;top:50%;left:50%}.card{border-radius:16px;border:1px solid #262626;background:#0a0a0a;box-shadow:0 24px 70px rgba(0,0,0,.5);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease}.card:hover{border-color:rgba(241,229,0,.55);box-shadow:0 24px 80px rgba(241,229,0,.08)}@media (max-width:1024px){.card-swap-container{transform:translate(-66%,-50%) scale(.85)}}@media (max-width:768px){.card-swap-container{transform:translate(-58%,-50%) scale(.7)}}@media (max-width:480px){.card-swap-container{transform:translate(-54%,-50%) scale(.58)}}.scroll-stack-scroller{position:relative;width:100%}.scroll-stack-scroller.window-scroll{overflow:visible;height:auto}.scroll-stack-inner{position:relative;width:100%;padding-top:1rem;padding-bottom:12rem}@media (min-width:768px){.scroll-stack-inner{padding-top:2rem;padding-bottom:16rem}}.scroll-stack-card-wrapper{position:relative;width:100%}.scroll-stack-card{position:sticky;transform-origin:top center;box-shadow:0 -12px 48px rgba(0,0,0,.75),0 0 0 1px hsla(0,0%,100%,.08);width:100%;margin-top:24px;box-sizing:border-box;background-color:#121212;border:1px solid #262626;border-radius:32px;overflow:hidden;transition:transform .12s cubic-bezier(.25,.8,.25,1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:768px){.scroll-stack-card{border-radius:44px}}.scroll-stack-end{width:100%;height:1px}