/* Motion pilot v2: the dot draws the mark, then the wordmark rises in. Rest state is the plain static lockup. */
.s-nav svg.lk{display:block;flex:none}
.s-nav svg.lk-d{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .s-nav svg.lk-l{display:none}:root:not([data-theme="light"]) .s-nav svg.lk-d{display:block}}
:root[data-theme="dark"] .s-nav svg.lk-l{display:none}
:root[data-theme="dark"] .s-nav svg.lk-d{display:block}
html.mk-play .s-nav svg.lk path{opacity:0;animation:mk-show 0s linear 4.2s forwards}
html.mk-play.mk-run .s-nav svg.lk path{animation:none;opacity:1}
@keyframes mk-show{to{opacity:1}}
@media (prefers-reduced-motion:reduce){html.mk-play .s-nav svg.lk path{animation:none;opacity:1}}

.rv{opacity:0;transform:translateY(14px)}
.rv.rv-go{opacity:1;transform:none;transition:opacity .32s cubic-bezier(.2,.7,.2,1),transform .32s cubic-bezier(.2,.7,.2,1)}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}
@media print{.rv{opacity:1;transform:none}}