/* §14–§15 · the trick, the void, the finale, receipts */

#finished .fi-h { left: 96px; top: 380px; font-size: 120px; z-index: 2; }
#finished .fi-stamp { left: 1180px; top: 420px; z-index: 2; font: 400 120px/.9 var(--f-display); text-transform: uppercase; color: var(--on-acc); background: var(--acc); border: 8px solid var(--on-acc); padding: 16px 26px 8px; transform: rotate(-6deg); }
#finished .fi-dark { left: 0; top: 0; width: 1920px; height: 1080px; background: var(--ink); z-index: 5; opacity: 0; }
#finished .fi-or { left: 0; top: 400px; width: 1920px; text-align: center; z-index: 6; font: 400 300px/.85 var(--f-display); text-transform: uppercase; color: var(--bone); }

#tricked .tk-h { left: 66px; top: 160px; width: 1780px; font: 400 300px/.84 var(--f-display); text-transform: uppercase; color: var(--fg); }
#tricked .tk-body { left: 96px; top: 700px; width: 1560px; }
#tricked .tk-q { left: 96px; top: 880px; font-size: 96px; }

#here-it-is .hi-h { left: 96px; top: 168px; }
#here-it-is .hi-fine { left: 760px; top: 206px; color: var(--muted); }
#here-it-is .hi-box { left: 96px; top: 320px; width: 1728px; background: #000; border: 2px solid rgba(231,231,231,.16); padding: 30px 44px; box-sizing: border-box; }
#here-it-is .hi-row { position: relative; display: grid; grid-template-columns: 100px 1fr; gap: 0 20px; padding: 26px 0; border-bottom: 1px solid rgba(231,231,231,.12); min-height: 160px; box-sizing: border-box; }
#here-it-is .hi-row:last-child { border-bottom: 0; }
#here-it-is .hi-n { font: 400 84px/.9 var(--f-display); color: var(--on-acc); background: var(--acc); width: max-content; height: max-content; padding: 8px 12px 0; }
#here-it-is .hi-claim { font: italic 400 32px/1.3 var(--f-serif); color: var(--fg2); }
#here-it-is .hi-claim .mono-s { font-style: normal; color: var(--on-acc); background: var(--acc); padding: 2px 6px 0; }
#here-it-is .hi-fix { font: 400 33px/1.32 var(--f-body); color: var(--fg); margin-top: 12px !important; }
#here-it-is .hi-bar { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; transform-origin: 100% 50%; display: flex; align-items: center; padding-left: 0; }
#here-it-is .hi-bar span { font: 400 64px/1 var(--f-body); color: #fff; letter-spacing: .1em; }

#void .gl-slot { z-index: 1; }

#finale .fn-wel { left: 96px; top: 168px; font: 700 112px/1 var(--f-head); text-transform: uppercase; color: var(--fg); }
#finale .fn-bp { left: 70px; top: 300px; font: 400 400px/.82 var(--f-display); text-transform: uppercase; white-space: nowrap; color: var(--fg); }
#finale .fn-bp span { display: inline-block; }
#finale .fn-steel { background: linear-gradient(176deg, #f8f8f8 0%, #cacaca 26%, #696969 47%, #ededed 53%, #9f9f9f 70%, #434343 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 18px 40px rgba(0,0,0,.6)); }
#finale .fn-bro { color: var(--fg); }
#finale .fn-slot { left: 1400px; top: 520px; width: 520px; height: 320px; z-index: 3; }
#finale .fn-thanks { left: 96px; top: 830px; }
#finale .fn-thanks .h3 { font-size: 96px; width: max-content; }
#finale .fn-thanks .h3 { position: relative; color: var(--on-acc); }
#finale .fn-thanks .h3::before { content: ''; position: absolute; left: -.05em; right: -.07em; top: .04em; bottom: 0em; z-index: -1; background: var(--mkc, var(--acc)); transform: scaleX(var(--hk, 1)) rotate(-1deg); transform-origin: 0 50%; -webkit-mask: var(--marker) 0 0 / 100% 100% no-repeat; mask: var(--marker) 0 0 / 100% 100% no-repeat; }

#sources .so-h { left: 96px; top: 186px; }
#sources .so-cols { left: 96px; top: 330px; width: 1728px; display: grid; grid-template-columns: 1fr 1fr; gap: 0 72px; }
#sources .so-list { counter-reset: s; }
#sources .so-list[start="9"] { counter-reset: s 8; }
#sources .so-list li { counter-increment: s; position: relative; padding-left: 52px; margin-bottom: 15px; font: 400 21px/1.32 var(--f-body); color: var(--fg2); }
#sources .so-list li::before { content: counter(s, decimal-leading-zero); position: absolute; left: 0; top: 2px; font: 400 16px var(--f-mono); color: var(--fg); }
#sources .so-list li b { font-weight: 600; color: var(--fg); }
#sources .so-img { left: 96px; top: 984px; width: 1728px; text-transform: none; letter-spacing: .04em; }
#finale .fn-thanks .h3 { margin-bottom: 34px !important; }
