/* Igor Andrić — the headings are written in (write-in.js). Lazar, 30 Sep: "Upisivanje" from the biography exploration
   replaces the letter-by-letter arrival everywhere.

   Nothing in a heading is cut: while it plays, the heading wears a mask with one band per line, and each band's ink
   edge (--w0 … --w9, px from the band's left) is the pen. `wi-wait` is set on <html> in the head so nothing flashes in
   its finished state before the script takes over; `wi-pend` holds a heading until its turn. */
@property --w0{syntax:'<length>';inherits:false;initial-value:0px}
@property --w1{syntax:'<length>';inherits:false;initial-value:0px}
@property --w2{syntax:'<length>';inherits:false;initial-value:0px}
@property --w3{syntax:'<length>';inherits:false;initial-value:0px}
@property --w4{syntax:'<length>';inherits:false;initial-value:0px}
@property --w5{syntax:'<length>';inherits:false;initial-value:0px}
@property --w6{syntax:'<length>';inherits:false;initial-value:0px}
@property --w7{syntax:'<length>';inherits:false;initial-value:0px}
@property --w8{syntax:'<length>';inherits:false;initial-value:0px}
@property --w9{syntax:'<length>';inherits:false;initial-value:0px}

html.wi-wait :is(#heroName,#statement,#staves,#galTitle,#albTitle,#musNow,#musCats .mus-cat,#events .ev-tab,#ctaTitle,#ftrName),
.wi-pend{visibility:hidden}
/* the staves behind the statement are drawn by the same pen, from their left end */
.stf{transform-origin:0 50%}