body{background:#0f172a;padding:3rem}#flowField{height:100%;inset:0;position:fixed;transform:translateZ(0);width:100%;will-change:transform}nav{perspective:400px}.menu-container{animation:float 6s ease-in-out infinite;transform-style:preserve-3d}.menu-container a{color:#fff}.menu-item{display:block;outline:none;padding:.3rem 4rem;position:relative;transform:translateZ(0);transform-style:preserve-3d;transition:all .3s ease}@keyframes float{0%,to{transform:translateZ(0) rotateY(5deg)}50%{transform:translateZ(40px) rotateY(-5deg)}}.subtitle{color:#94a3b8;font-size:.8rem;height:1.2em;line-height:1rem;opacity:0;position:relative;transform:translateY(-5px);transition:opacity .3s,transform .3s;white-space:pre}.subtitle:before{content:attr(data-text);display:inline-block;left:0;overflow:hidden;position:absolute;white-space:pre;width:0}@keyframes typing{0%{width:0}to{width:30ch}}.no-js{nav{perspective:none}.menu-container{animation:none;left:50%;position:absolute;top:50%;transform:none!important;transform:translate(-50%,-50%)!important}.menu-item{text-align:left;transform:none!important}.menu-item:hover .subtitle{opacity:1;transform:translateY(0)}}.menu-item:is(:focus,:hover) .subtitle:before{animation:typing .5s steps(30) forwards}@media(hover:hover) and (pointer:fine){.menu-item:hover .subtitle{opacity:1;transform:translateY(0)}.menu-item:hover{transform:translateZ(35px)}.menu-item:first-child:hover{margin-top:.5rem;padding-bottom:.4rem}.menu-item:nth-child(2):hover{padding-bottom:.8rem}.menu-item:nth-child(3):hover{padding-bottom:1.3rem}.menu-item:nth-child(4):hover{padding-bottom:1.6rem}.menu-item:nth-child(5):hover{margin-top:-.5rem;padding-bottom:2rem}}.menu-item:focus .subtitle{opacity:1;transform:translateY(0)}.menu-item:focus{transform:translateZ(35px)}.menu-item:first-child:focus{margin-top:.5rem;padding-bottom:.4rem}.menu-item:nth-child(2):focus{padding-bottom:.8rem}.menu-item:nth-child(3):focus{padding-bottom:1.3rem}.menu-item:nth-child(4):focus{padding-bottom:1.6rem}.menu-item:nth-child(5):focus{margin-top:-.5rem;padding-bottom:2rem}.menu-item.loading{transform:translateZ(105px);transition:all 1s ease-out}ul:has(.menu-item.loading) .menu-item:not(.loading){filter:blur(15px);opacity:0;transform:translateZ(-100px) translateY(-50px);transition:all 1s ease-out}