html,body,#__remix{margin:0;padding:0;height:100vh;width:100vw;background-color:#fff!important;overflow:hidden}.viewport{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.logo-container{position:relative;width:200px;height:200px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10}.main-logo{width:100%;height:auto;position:relative;z-index:2;display:block;transition:all .5s cubic-bezier(.4,0,.2,1)}.logo-container.is-active .main-logo{transform:scale(.66);opacity:.5}.nodes-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.node-item{position:absolute;top:50%;left:50%;opacity:0;transition:opacity .4s ease var(--delay);transform-origin:left center;pointer-events:auto}body.state1 .node-item{opacity:1}.node-item.left{transform:rotate(calc(var(--ang) + 180deg))}.node-item.right{transform:rotate(var(--ang))}.node-item .line{position:absolute;top:50%;left:0;width:0;height:.5px;transition:width .6s cubic-bezier(.16,1,.3,1) calc(var(--delay) + .2s)}body.state1 .node-item .line{width:var(--len)}.node-item.left .line{background:gray}.node-item.right .line{background:#87ceeb99}.node-img{position:absolute;top:50%;left:var(--len);width:40px;display:block}.node-item.right .node-img{transform:translate(-50%,-50%) rotate(calc(-1 * var(--ang)))}.node-item.left .node-img{transform:translate(-50%,-50%) rotate(calc(-1 * (var(--ang) + 180deg)))}.landing-footer{position:fixed;bottom:18px;left:18px;font-size:.85rem;font-family:Space Grotesk,sans-serif;letter-spacing:.1em;text-transform:uppercase}@media (max-width: 600px){.viewport{transform:scale(.9)}.logo-container{width:120px;height:120px}.node-item{--len: 80px !important}.node-img{width:25px!important}body.state1 .node-item.left{transform:rotate(calc(var(--ang) + 140deg))}body.state1 .node-item.right{transform:rotate(calc(var(--ang) + 40deg))}.landing-footer{font-size:.65rem;bottom:20px;width:100%;text-align:center;left:0}}