/* Slide-specific layout. Coordinates are in the 1920x1080 stage. */

/* Line art shared by the drawn slides. */
.art{position:absolute;left:0;top:0;width:100%;overflow:visible}
.art .word{font-family:NewCM,serif;font-size:54px;fill:#000}
.art line,.art path{stroke:#000;stroke-width:4;fill:none}
.art polygon.ah{fill:#000;stroke:none}
.art polygon.e1h{fill:var(--e1)} .art polygon.e2h{fill:var(--e2)}
.art .lbl{font-family:NewCM,serif;font-weight:700;font-size:56px;stroke:none}
.art .lbl .sub{font-size:38px;font-weight:400}

/* Fields add, then square. */
.art.phasors{height:470px}
.art.phasors .e1{stroke:var(--e1);stroke-width:7}
.art.phasors .e2{stroke:var(--e2);stroke-width:7}
.art.phasors .sum{stroke:#000;stroke-width:9}
.art.phasors .e1t{fill:var(--e1)} .art.phasors .e2t{fill:var(--e2)}
.eq.phasor-eq{position:absolute;left:0;right:0;bottom:30px;text-align:center;white-space:nowrap}

/* Every new body costs hours. */
.crowd{position:absolute;inset:0}
.crowd .who{position:absolute;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center bottom;mask-position:center bottom}
.crowd .who.duke{background:var(--duke)} .crowd .who.ella{background:var(--ella)}
.crowd .who.eartha{background:var(--eartha)} .crowd .who.thelonious{background:var(--thelonious)}
.crowd.filling .who.later{animation:appear 0s steps(1,end) both;animation-delay:calc(var(--i) * 28ms)}
@keyframes appear{from{visibility:hidden}to{visibility:visible}}

/* The answer and the outlook: statements, larger than body text. */
.lines.big{top:50%;transform:translateY(-58%)}
.lines.big li{font-size:64px;line-height:1.25;margin-bottom:56px;padding-left:72px}
.lines.big li:last-child{margin-bottom:0}
html[data-marker=square] .lines.big li::before{width:16px;height:16px;margin:0 54px 0 -70px}
html[data-marker=rule] .lines.big li::before{width:28px;height:3px;top:.64em}

/* Chapter setup slides: bullets left, the method map inset right, a small chapter tag bottom right. */
.setup .lines{width:1080px}
.fig.inset{left:auto;right:0;top:24px;bottom:auto;width:620px;height:420px;align-items:flex-start}
.setup .still{position:absolute;right:0;top:240px;width:520px;height:325px;object-fit:cover;border-radius:6px}
.chap{position:absolute;right:calc(var(--rail) - var(--edge));bottom:30px;font-size:28px;line-height:1}
.lines.wide{width:100%}

/* Drawing above, a one-line key below (surface law). */
.body.law .fig.above-key{bottom:70px}
.body.law .key{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:36px;line-height:1.2;white-space:nowrap}
.body.law .key > span{margin:0 30px}