.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:radial-gradient(900px 600px at 50% 50%,rgba(143,164,104,.1),transparent 60%),radial-gradient(1400px 900px at 50% 50%,rgba(42,42,31,.04),transparent 70%),#ece6d8;display:grid;place-items:center;perspective:1600px;perspective-origin:50% 50%;transition:opacity .7s cubic-bezier(.7,0,.3,1)}.splash.gone{opacity:0;pointer-events:none}.splash-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(42,42,31,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(42,42,31,.06) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(60% 50% at 50% 50%,#000,transparent 75%);mask-image:radial-gradient(60% 50% at 50% 50%,#000,transparent 75%);opacity:0;animation:gridIn 1.4s .1s cubic-bezier(.22,1,.36,1) forwards}@keyframes gridIn{to{opacity:.8}}.splash-rings{position:absolute;inset:50% auto auto 50%;width:0;height:0}.splash-rings span{position:absolute;left:50%;top:50%;border:1px solid rgba(42,42,31,.3);border-radius:0;transform:translate(-50%,-50%) scale(0);opacity:0}.splash-rings span:nth-child(1){width:220px;height:220px;animation:ringPop 2.4s 1s cubic-bezier(.22,1,.36,1) forwards}.splash-rings span:nth-child(2){width:360px;height:360px;animation:ringPop 2.6s 1.15s cubic-bezier(.22,1,.36,1) forwards;border-color:#2a2a1f2e;border-style:dashed}.splash-rings span:nth-child(3){width:540px;height:540px;animation:ringPop 2.8s 1.3s cubic-bezier(.22,1,.36,1) forwards;border-color:#2a2a1f1a}@keyframes ringPop{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}30%{opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.splash-stage{position:relative;width:240px;height:240px;transform-style:preserve-3d;transform-origin:50% 50%}.splash-mono{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transform-style:preserve-3d}.splash-mono svg{width:100%;height:auto;display:block;transform-style:preserve-3d;filter:drop-shadow(0 12px 22px rgba(42,42,31,.16))}.splash-mono svg path,.splash-mono svg line{transform-origin:50% 50%;transform-box:fill-box;opacity:0;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-duration:1.4s}.splash-mono svg>path:nth-of-type(1){animation-name:facet1;animation-delay:.2s}.splash-mono svg>line:nth-of-type(1){animation-name:facet5;animation-delay:.3s}.splash-mono svg>line:nth-of-type(2){animation-name:facet5;animation-delay:.36s}.splash-mono svg>g>line:nth-child(1){animation-name:facet2;animation-delay:.42s}.splash-mono svg>g>line:nth-child(2){animation-name:facet3;animation-delay:.48s}.splash-mono svg>g>line:nth-child(3){animation-name:facet4;animation-delay:.54s}.splash-mono svg>g>line:nth-child(4){animation-name:facet1;animation-delay:.6s}.splash-mono svg>path:nth-of-type(2){animation-name:facet5;animation-delay:.78s}.splash-mono svg>path:nth-of-type(3){animation-name:facet5;animation-delay:.9s}@keyframes facet1{0%{transform:translate3d(-280px,-120px,-400px) rotateX(-70deg) rotateY(-50deg) rotate(-25deg);opacity:0}40%{opacity:1}to{transform:translateZ(0) rotate(0);opacity:1}}@keyframes facet2{0%{transform:translate3d(320px,-180px,-300px) rotateX(50deg) rotateY(80deg) rotate(20deg);opacity:0}40%{opacity:1}to{transform:translateZ(0) rotate(0);opacity:1}}@keyframes facet3{0%{transform:translate3d(-220px,200px,-500px) rotateX(80deg) rotateY(-40deg) rotate(35deg);opacity:0}40%{opacity:1}to{transform:translateZ(0) rotate(0);opacity:1}}@keyframes facet4{0%{transform:translate3d(180px,240px,-200px) rotateX(-60deg) rotateY(60deg) rotate(-30deg);opacity:0}40%{opacity:1}to{transform:translateZ(0) rotate(0);opacity:1}}@keyframes facet5{0%{transform:scale(.4);opacity:0}40%{opacity:1}to{transform:scale(1);opacity:1}}.splash.short .splash-mono svg path,.splash.short .splash-mono svg line{animation-duration:.7s}.splash.short .splash-mono svg>path:nth-of-type(1){animation-delay:.05s}.splash.short .splash-mono svg>line:nth-of-type(1){animation-delay:.1s}.splash.short .splash-mono svg>line:nth-of-type(2){animation-delay:.15s}.splash.short .splash-mono svg>g>line:nth-child(1){animation-delay:.2s}.splash.short .splash-mono svg>g>line:nth-child(2){animation-delay:.25s}.splash.short .splash-mono svg>g>line:nth-child(3){animation-delay:.3s}.splash.short .splash-mono svg>g>line:nth-child(4){animation-delay:.35s}.splash.short .splash-mono svg>path:nth-of-type(2){animation-delay:.45s}.splash.short .splash-mono svg>path:nth-of-type(3){animation-delay:.55s}.splash.short .splash-rings span:nth-child(1){animation-duration:1.2s;animation-delay:.5s}.splash.short .splash-rings span:nth-child(2){animation-duration:1.3s;animation-delay:.55s}.splash.short .splash-rings span:nth-child(3){animation-duration:1.4s;animation-delay:.6s}.splash.shrink .splash-grid,.splash.shrink .splash-rings{opacity:0;transition:opacity .4s ease}.splash.shrink .splash-stage{transition:transform .9s cubic-bezier(.7,0,.2,1)}html.splash-locked,body.splash-locked{overflow:hidden}html.splash-locked main,html.splash-locked .nav,html.splash-locked .ticker{opacity:0}html.splash-locked main,html.splash-locked .nav{transition:opacity .6s .1s ease}html.splash-revealing main,html.splash-revealing .nav,html.splash-revealing .ticker{opacity:1}
