html[data-intro=done] .kintro{display:none}.kintro{--kintro-s:calc(128px * var(--s));--kintro-fly-scale:.171875;z-index:200;pointer-events:auto;cursor:pointer;animation:0s linear 2s forwards kintro-end;position:fixed;inset:0}@media (max-width:1023px){.kintro{--kintro-s:calc(112px * var(--s));--kintro-fly-scale:.196429}}@media (max-width:599px){.kintro{--kintro-s:calc(96px * var(--s));--kintro-fly-scale:.229167}}.kintro-half{background:var(--paper);will-change:transform;height:50.5%;position:absolute;left:0;right:0}.kintro-half--top{animation:kintro-split-up .8s var(--expo-in-out) 1.2s both;top:0}.kintro-half--bot{animation:kintro-split-down .8s var(--expo-in-out) 1.2s both;bottom:0}.kintro-hair{background:var(--line-strong);pointer-events:none;position:absolute}.kintro-hair--x{transform-origin:50%;height:1px;animation:kintro-draw-x 1s var(--expo-in-out) both, kintro-fade-out .25s ease 1.15s both;top:50%;left:0;right:0}.kintro-hair--y{width:1px;animation:kintro-draw-y 1s var(--expo-in-out) 50ms both, kintro-fade-out .3s ease 1.1s both;top:0;bottom:0;left:50%}.kintro-corner{color:var(--ink-2);margin:0;animation:.5s both kintro-fade-in,.3s 1.1s both kintro-fade-out;position:absolute}.kintro-corner--tl{top:max(calc(22px * var(--s)), 2.5vh);left:var(--m);animation-delay:.1s,1.1s}.kintro-corner--tr{top:max(calc(22px * var(--s)), 2.5vh);right:var(--m);animation-delay:.15s,1.1s}.kintro-corner--bl{bottom:max(calc(22px * var(--s)), 2.5vh);left:var(--m);animation-delay:.2s,1.1s}.kintro-corner--br{bottom:max(calc(22px * var(--s)), 2.5vh);right:var(--m);animation-delay:.25s,1.1s}.kintro-mark{left:calc(var(--m) + calc(11px * var(--s)));top:calc(var(--nav-h) / 2);width:var(--kintro-s);height:var(--kintro-s);margin:calc(var(--kintro-s) / -2) 0 0 calc(var(--kintro-s) / -2);transform:translate(calc(50vw - var(--m) - calc(11px * var(--s))), calc(50dvh - var(--nav-h) / 2));animation:kintro-fly .9s var(--expo-in-out) 1.06s both, kintro-fade-out 60ms linear 1.96s both;will-change:transform;position:absolute}.kintro-k{width:100%;height:100%;fill:var(--red);position:absolute;inset:0;overflow:visible}.kintro-stem{transform-box:fill-box;transform-origin:50% 100%;animation:kintro-grow .75s var(--expo) .3s both}.kintro-arm{animation:kintro-arm .85s var(--expo) .4s both}.kintro-leg{animation:kintro-leg .85s var(--expo) .5s both}.kintro-guides{pointer-events:none;width:220%;height:220%;animation:.35s 1.1s both kintro-fade-out;position:absolute;top:-60%;left:-60%;overflow:visible}.kintro-g{fill:none;stroke:var(--red);stroke-width:.32px;opacity:.6;stroke-dasharray:1;stroke-dashoffset:1px;animation:kintro-dash .9s var(--expo) both}.kintro-g--n{stroke:var(--ink);opacity:.2}.kintro-g:first-child{animation-delay:.12s}.kintro-g:nth-child(2){animation-delay:.16s}.kintro-g:nth-child(3){animation-delay:.2s}.kintro-g:nth-child(4){animation-delay:.24s}.kintro-g:nth-child(5){animation-delay:.28s}.kintro-g:nth-child(6){animation-delay:.32s}.kintro-g:nth-child(7){animation-delay:.36s}.kintro-g:nth-child(8){animation-delay:.4s}.kintro-label{font-family:var(--font-mono);fill:var(--ink-2);font-size:5px;animation:.3s .6s both kintro-fade-in}.kintro-skip{left:50%;bottom:calc(22px * var(--s));color:var(--ink-3);margin:0;animation:.5s .4s both kintro-fade-in,.3s 1.1s both kintro-fade-out;position:absolute;transform:translate(-50%)}@media (max-width:599px){.kintro-skip{display:none}}.kintro-navk{animation:0s linear 1.96s both kintro-show}html[data-intro=done] .kintro-navk{animation:none}@keyframes kintro-end{to{visibility:hidden;pointer-events:none}}@keyframes kintro-split-up{to{transform:translateY(-101%)}}@keyframes kintro-split-down{to{transform:translateY(101%)}}@keyframes kintro-draw-x{0%{transform:scaleX(0)}}@keyframes kintro-draw-y{0%{transform:scaleY(0)}}@keyframes kintro-fade-in{0%{opacity:0}}@keyframes kintro-fade-out{to{opacity:0}}@keyframes kintro-show{0%{opacity:0}to{opacity:1}}@keyframes kintro-grow{0%{transform:scaleY(0)}}@keyframes kintro-arm{0%{opacity:0;transform:translate(-42px,59px)}}@keyframes kintro-leg{0%{opacity:0;transform:translate(40px,50px)}}@keyframes kintro-dash{to{stroke-dashoffset:0}}@keyframes kintro-fly{to{transform:translate(0, 0) scale(var(--kintro-fly-scale))}}@media (prefers-reduced-motion:reduce){.kintro{animation:.45s .35s forwards kintro-fade-out,0s linear .8s forwards kintro-end!important}.kintro *,.kintro-navk{animation:none!important}.kintro-hair,.kintro-guides,.kintro-skip{display:none}.kintro-g{stroke-dashoffset:0}}