@keyframes slide-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.interstitial-wrapper{background-color:var(--background);z-index:9999;visibility:visible;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);justify-content:flex-end;align-items:flex-end;width:100%;height:100%;padding:40px;display:flex;position:fixed;top:0;left:0}.interstitial-wrapper.hide{visibility:hidden;clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:all 1s var(--material-cubic-bezier)}.interstitial-wrapper--logo{width:100%;animation:slide-in 1s var(--material-cubic-bezier)forwards;position:absolute;top:20%;left:-20%}.interstitial-wrapper--percentage{color:#fff;animation:slide-in 1s var(--material-cubic-bezier)forwards;font-size:20vw;font-weight:200}
.mesh-gradient-wrapper{z-index:-1;opacity:.2;object-fit:cover;will-change:opacity;width:100%;height:100%;transition:opacity .25s linear;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 50px calc(100% - 50px),#0000);mask-image:linear-gradient(#0000,#000 50px calc(100% - 50px),#0000)}