/* Keep the original inexpensive hidden page during the spinning introduction.
   At reveal, show the page immediately under the fading cream screen: one fade only. */
html[data-intro-state] #site-shell{opacity:1;transition:none}
html[data-intro-state="playing"] #site-shell{opacity:0;transition:none}
.intro{transition:opacity 1900ms cubic-bezier(.37,0,.25,1)}
.intro.is-closing{opacity:0}
@media(prefers-reduced-motion:reduce){
 html[data-intro-state] #site-shell,.intro{transition:none!important}
}