html,body{overflow:hidden;user-select:none;background:#000;height:100%;margin:0}#stage{position:absolute;aspect-ratio:16/9;overflow:hidden;cursor:pointer;background:#000;width:min(100vw,177.778vh);margin:auto;font-size:calc(min(100vw,177.778vh)/64);inset:0}.bg{position:absolute;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s;inset:0}.bg.on{opacity:1}.cast{position:absolute;display:flex;opacity:0;pointer-events:none;justify-content:center;align-items: flex-end;transition:opacity .4s;inset:0 42% 0 0}.cast.on{opacity:1}.cast img{object-fit:contain;object-position:bottom;max-width:100%;height:94%}.cast img:not(:only-child){height:75%}.cast img+img{margin-left:-15%}#textbox{position:absolute;color:#f2efe8;text-shadow:0 1px 3px #000c;background:linear-gradient(#0000,#080a12c7 2.2em);min-height:7.5em;padding:2.2em 12% 1.8em;font:1.6em/1.5 Iowan Old Style,Palatino Linotype,Georgia,serif;bottom:0;left:0;right:0}#stage.side #textbox{display:flex;background:linear-gradient(90deg,#0000,#080a12d1 3em);flex-direction:column;justify-content:center;min-height:0;padding:0 5% 0 3.5%;font-size:1.3em;top:0;left:58%}#textbox[hidden],#stage.hide-text #textbox{display:none}#text p{margin:0 0 .6em}#text p:last-child{margin-bottom:0}#title{position:absolute;display:flex;color:#f2efe8;text-align:center;flex-direction:column;justify-content:center;align-items: center;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;inset:0}#title[hidden]{display:none}#title-part{letter-spacing:.3em;text-transform:uppercase;opacity:.6;margin:0 0 .8em;font-size:1.4em}#title-text{margin:0;font-size:3em;font-weight:400}#progress{position:absolute;background:#ffffff59;height:2px;transition:width .3s;top:0;left:0}
