.fx-word{display:inline-block;opacity:0;filter:blur(8px);transform:translateY(.5em);transition:opacity .35s,filter .35s,transform .4s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i)*25ms)}
.fx-words.fx-on .fx-word{opacity:1;filter:blur(0);transform:none}

header nav{transition:max-width .6s cubic-bezier(.16,1,.3,1),border-radius .6s,background .6s,margin .6s,padding .6s,box-shadow .6s}
body.fx-scrolled header nav{max-width:900px;margin:10px auto;border-radius:999px;background:#0b0b0de6;backdrop-filter:blur(14px);border:1px solid #ffffff1f;box-shadow:0 10px 40px #0008;padding-left:18px;padding-right:10px}
.fx-section{transform-origin:50% 0;opacity:.6;transform:scale(.985) translateY(20px);transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}
.fx-section.fx-in{opacity:1;transform:none}
@media not all{.fx-word{opacity:1;filter:none;transform:none;transition:none}.fx-section{transform:none!important;opacity:1!important}}
body.fx-leaving main,body.fx-leaving header{opacity:0;transform:translateY(-12px);transition:opacity .35s,transform .35s}