#world-sky{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;mix-blend-mode:multiply;}
html.sky-pending .worlds{opacity:0;}
/* Night: the canvas is multiplied onto the paper, so a dark canvas is a dark page, from the very first paint. */
html.sky-night{background:#171614;}
html.sky-night #world-sky{background:#171614;}
/* While the stars are out, everything on the page starts at zero (no transition flash). */
body.sky-forming .world img,body.sky-forming .world small,body.sky-forming .movement>span:not(.mark),body.sky-forming .world::after{transition:none;}
body.sky-forming .world img{opacity:var(--ink,0);}
body.sky-forming .world small,body.sky-forming .movement>span:not(.mark){opacity:var(--cap,0);}
body.sky-forming .artist::after,body.sky-forming .label::after{opacity:calc(var(--cap,0)*.45);}
/* A cut-short intro settles softly: the stars lift first, then the worlds ink in (no double image). */
body.sky-release .world img,body.sky-release .world small,body.sky-release .movement>span:not(.mark),body.sky-release .world::after{transition:opacity .7s cubic-bezier(.25,.1,.25,1) .22s;}
/* enter 0409 in 3D: the canvas carries the figure, the page's own figure steps aside. */
body.entering.gl-enter .mark{animation:none;}
body.entering.gl-enter .mark img{visibility:hidden;}
@media(prefers-reduced-motion:reduce){html.sky-night{background:#d1d1c9;}#world-sky{display:none;}html.sky-pending .worlds{opacity:1;}body.sky-forming .world img,body.sky-forming .world small,body.sky-forming .movement>span:not(.mark){opacity:1;}}
