.intro-root{z-index:9999;isolation:isolate;pointer-events:none;position:fixed;inset:0;overflow:hidden}.intro-root:after{content:"";z-index:30;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px;animation:.14s step-end infinite introGrain;position:absolute;inset:0}@keyframes introGrain{0%{background-position:0 0}16%{background-position:-38px 20px}33%{background-position:24px -30px}50%{background-position:-19px 37px}66%{background-position:42px -15px}83%{background-position:-27px 29px}to{background-position:15px -41px}}.intro-blade{z-index:15;transform-origin:50%;opacity:0;background:linear-gradient(#0000 0%,#c8a35fd9 25%,#faf6ecfa 50%,#c8a35fd9 75%,#0000 100%);width:2px;animation:.7s cubic-bezier(.22,1,.36,1) .3s forwards bladeAppear,.5s 1.6s forwards bladeFade;position:absolute;top:0;bottom:0;left:calc(50% - 1px);transform:scaleY(0);box-shadow:0 0 6px #c8a35fe6,0 0 20px #c8a35f73,0 0 50px #c8a35f2e}@keyframes bladeAppear{0%{opacity:0;transform:scaleY(0)}8%{opacity:1}to{opacity:1;transform:scaleY(1)}}@keyframes bladeFade{0%{opacity:1}to{opacity:0}}.intro-panel{z-index:12;background:#050505;position:absolute;top:0;bottom:0}.intro-panel--left{animation:1.4s cubic-bezier(.76,0,.24,1) 1.1s forwards panelOpenLeft;left:0;right:50%}.intro-panel--right{animation:1.4s cubic-bezier(.76,0,.24,1) 1.1s forwards panelOpenRight;left:50%;right:0}@keyframes panelOpenLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes panelOpenRight{0%{transform:translate(0)}to{transform:translate(100%)}}