.site-intro{position:fixed;inset:0;z-index:2000;background:#f3f2eb;display:grid;place-items:center;color:#252a24;overflow:hidden;isolation:isolate;animation:intro-curtain .6s 1.8s cubic-bezier(.76,0,.24,1) forwards}
.intro-center{display:flex;align-items:center;flex-direction:column;position:relative;margin-top:-22px}
.intro-object{width:116px;height:136px;position:relative;display:grid;place-items:center}
.intro-object:before{content:'';position:absolute;bottom:0;width:86px;height:12px;border-radius:50%;background:#76835424;filter:blur(6px);animation:intro-shadow 1.5s both}
.intro-object:after{content:'';position:absolute;width:157px;height:157px;border:1px solid #c5d796;border-radius:50%;z-index:-1;animation:intro-ring 1.5s .15s both}
.intro-mark{height:106px;width:106px;transform-origin:50% 90%;animation:intro-mascot 1.6s both}
.intro-accent{animation:intro-lime 1.4s .35s both}
.intro-eyes{transform-box:fill-box;transform-origin:center;animation:intro-blink .22s .95s both}
.intro-wordmark{overflow:hidden;margin-top:29px;font-size:38px;font-weight:700;letter-spacing:-1.9px;line-height:1.25}
.intro-wordmark span{display:inline-block;animation:intro-type .65s .3s cubic-bezier(.16,1,.3,1) both}
.intro-wordmark span:last-child{animation-delay:.41s}
.intro-caption{font-size:10px;letter-spacing:.4px;color:#849071;margin-top:12px;animation:intro-caption .6s .65s both}
.intro-corner{position:absolute;top:30px;left:33px;font-size:8px;letter-spacing:1.7px;color:#929983}
.intro-corner i{display:inline-block;background:#cbe254;width:6px;height:6px;border-radius:50%;margin-right:8px}
.intro-edition{position:absolute;bottom:30px;left:33px;font-size:7px;letter-spacing:1.5px;color:#949b88}
.intro-skip{position:absolute;right:30px;bottom:24px;border:1px solid #d4dac8;border-radius:30px;padding:9px 15px;font-size:10px;color:#79866a;background:transparent}
body[data-intro=active]{overflow:hidden}
body[data-intro=done] .page-intro{animation:intro-page .5s both}
@keyframes intro-mascot{0%{opacity:0;transform:translateY(32px) rotate(-19deg) scale(.7)}40%{opacity:1;transform:translateY(-9px) rotate(8deg) scale(1.04)}65%{transform:translateY(2px) rotate(-3deg) scale(.99)}82%,100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@keyframes intro-shadow{0%{opacity:0;transform:scale(.3)}45%{opacity:.55;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}
@keyframes intro-ring{0%{opacity:0;transform:scale(.5) rotateX(55deg)}40%{opacity:.8}100%{opacity:0;transform:scale(1.3) rotateX(55deg)}}
@keyframes intro-lime{0%{fill:#65724b}35%,75%{fill:#d9f568}100%{fill:#cbe254}}
@keyframes intro-blink{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.08)}}
@keyframes intro-type{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes intro-caption{from{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes intro-curtain{0%{transform:translateY(0);visibility:visible}100%{transform:translateY(-101%);visibility:hidden}}
@keyframes intro-page{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:500px){.intro-corner{top:26px;left:22px;font-size:7px}.intro-edition{left:22px;bottom:28px;font-size:6px}.intro-skip{right:21px;bottom:20px}.intro-mark{width:94px;height:94px}.intro-wordmark{font-size:35px;margin-top:24px}}
@media(prefers-reduced-motion:reduce){.site-intro{animation:none!important}.intro-mark,.intro-wordmark span,.intro-caption{opacity:1;transform:none}.intro-object:after{display:none}body[data-intro=done] .page-intro{animation:none!important}}