/* Encore homepage opening: the shared core. The cover is the opening's first colour; it is
   painted from the first frame (the class is set in <head>) and lifts the frame the opening
   has drawn its own first frame over it. */
html.op-cover::before { content: ""; position: fixed; inset: 0; z-index: 2147483000; background: var(--op-start, #3A1E3C); pointer-events: none; }
.op { position: fixed; inset: 0; z-index: 2147483001; overflow: hidden; contain: strict; cursor: default; }
.op--in { position: absolute; }
.op .op-w { display: inline-block; }
.op-under { position: absolute; left: 0; top: 0; right: 0; pointer-events: none; z-index: 0; }
.op-sec > :not(.op-under) { position: relative; z-index: 1; }
.op-fx { position: absolute; inset: 0; pointer-events: none; z-index: 3; }
/* the clone is driven frame by frame: no CSS transition may lag behind the timeline */
.op, .op * { transition: none !important; }