html.mo :is(.hero .morph, .hero .mstk, .hero .sub, .hero .gband, #work .head, #work .ct, .kind .kc, .foot .fl, .foot .links):not(.mo-done) {
  transition: opacity .6s cubic-bezier(.16, 1, .3, 1), translate .6s cubic-bezier(.16, 1, .3, 1), scale .6s cubic-bezier(.16, 1, .3, 1) !important;
}
html.mo :is(.hero .morph, .hero .mstk, .hero .sub, .hero .gband, #work .head, #work .ct, .kind .kc, .foot .fl, .foot .links):not(.mo-in) {
  opacity: 0 !important;
  translate: 0 14px !important;
}
html.mo-c #work .ct:not(.mo-in) { scale: .98; }
html.mo-c #work .ct :is(.meta, .title) { transition: opacity .5s cubic-bezier(.16, 1, .3, 1) .14s, translate .5s cubic-bezier(.16, 1, .3, 1) .14s; }
html.mo-c #work .ct:not(.mo-in) :is(.meta, .title) { opacity: 0; translate: 0 8px; }
html.mo-b :is(#work .head, #work .ct, .kind .kc, .foot .fl, .foot .links).mo-in { transform: translate3d(0, var(--mo-d, 0px), 0); }

html.mo-b :is(.hero .morph, .hero .mstk, .hero .sub).mo-in { translate: 0 var(--mo-d, 0px); }

html.mo .gband .gl { transform: none !important; translate: none !important; }

html.mo-pre #work .card, html.mo-pre #work .card *, html.mo-pre .kc { transition: none !important; animation: none !important; }

html.mo .mo-snap { opacity: 1 !important; transition: none !important; }