/* §11B–§11G history sections (generated by .source/history.mjs). Black, white and the slide's own ink. */
.hy .hy-k { left: 96px; top: 132px; z-index: 2 !important; }
.hy .hy-src { left: 96px; top: 996px; max-width: 1500px; font: 400 17px/1.35 var(--f-mono); letter-spacing: .06em; color: var(--muted); z-index: 3 !important; }
.hy .hy-src i { font-style: normal; text-transform: uppercase; color: var(--on-acc); background: var(--acc); padding: 3px 7px 2px; margin-right: 12px; letter-spacing: .1em; }
.hy .hy-tag { align-self: flex-start; margin-top: 8px; }

/* type */
.hy .hy-h { font-family: var(--f-head); font-weight: 700; text-transform: uppercase; color: var(--fg); letter-spacing: -.01em; }
.hy .hy-h-lg { font-size: 98px; line-height: 1; }
.hy .hy-h-md { font-size: 74px; line-height: 1.04; }
.hy .hy-h-sm { font-size: 58px; line-height: 1.06; }
.hy .hy-lead-w { width: 1180px; font-size: 44px; line-height: 1.2; }
.hy .hy-lead-n { width: 780px; font-size: 44px; line-height: 1.2; }

/* fact: dateline */
.hy .hy-flow { left: 96px; top: 184px; width: 1728px; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; z-index: 2 !important; }
.hy .hy-date { font: 400 250px/.84 var(--f-display); text-transform: uppercase; color: var(--fg); white-space: nowrap; }
.hy .hy-dl .hy-h { width: 1560px; }

/* fact: card */
.hy .hy-cardwrap { left: 150px; top: 190px; width: 1250px; z-index: 2 !important; }
.hy .hy-card { background: var(--fg); color: var(--bg); padding: 54px 66px 62px; box-shadow: 0 26px 70px rgba(0,0,0,.45); font-family: var(--f-type); }
.hy .hy-card-d { font: 400 22px/1 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; opacity: .7; margin-bottom: 26px; }
.hy .hy-card-h { font: 400 60px/1.1 var(--f-type); text-transform: uppercase; color: var(--bg); }
.hy .hy-card-s { font: 400 36px/1.32 var(--f-type); color: var(--bg); margin-top: 28px; padding-top: 24px; border-top: 3px solid var(--bg); }
.hy .hy-card .echo-ghost { display: none; }
.hy .hy-card ~ .hy-tag, .hy .hy-cardwrap ~ .hy-tag { position: absolute; left: 1450px; top: 240px; }

/* fact: poster */
.hy .hy-poster { left: 60px; top: 190px; line-height: .86; white-space: nowrap; text-transform: uppercase; z-index: 2 !important; }
.hy .hy-pbar { left: 96px; top: 760px; width: 1728px; display: flex; justify-content: space-between; align-items: center; gap: 40px; padding: 30px 40px; background: var(--fg); z-index: 2 !important; }
.hy .hy-pbar .lead, .hy .hy-pbar .hy-pdate { color: var(--bg); }
.hy .hy-pbar .lead { width: 1260px; font-size: 40px; line-height: 1.2; }
.hy .hy-pdate { font: 400 96px/.9 var(--f-display); text-transform: uppercase; white-space: nowrap; }

/* fact: side by side */
.hy .hy-sideL { left: 96px; top: 200px; width: 800px; z-index: 2 !important; }
.hy .hy-sdate { font: 400 30px/1 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin-bottom: 26px; }
.hy .hy-sideR { left: 1000px; top: 230px; width: 824px; z-index: 2 !important; }
.hy .hy-vr { position: absolute; left: -48px; top: 0; width: 6px; height: 640px; background: var(--fg); transform-origin: 50% 0; }

/* outlet */
.hy .hy-outlet { left: 62px; top: 168px; font-family: var(--f-display); font-weight: 400; text-transform: uppercase; line-height: .84; white-space: nowrap; color: var(--fg); z-index: 2 !important; }
.hy .hy-below { left: 96px; top: 540px; width: 1560px; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; z-index: 2 !important; }
.hy .hy-odate { font: 400 26px/1 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }

/* term */
.hy .hy-dict { left: 96px; top: 190px; width: 1560px; display: flex; flex-direction: column; align-items: flex-start; gap: 22px; z-index: 2 !important; }
.hy .hy-pos { font: 400 26px/1 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.hy .hy-term { font-family: var(--f-serif); font-weight: 400; line-height: 1; white-space: nowrap; color: var(--fg); }
.hy .hy-rule { width: 100%; height: 6px; background: var(--fg); transform-origin: 0 50%; }
.hy .hy-first { font: 400 22px/1.3 var(--f-mono); letter-spacing: .06em; color: var(--fg2); }
.hy .hy-first i { font-style: normal; text-transform: uppercase; color: var(--on-acc); background: var(--acc); padding: 3px 7px 2px; margin-right: 12px; letter-spacing: .1em; }

/* number */
.hy .hy-n { left: 60px; top: 160px; font-family: var(--f-display); font-weight: 400; line-height: .8; white-space: nowrap; color: var(--fg); z-index: 2 !important; }
.hy .hy-numside { left: 1180px; top: 280px; width: 650px; display: flex; flex-direction: column; gap: 26px; z-index: 2 !important; }
.hy .hy-numside .hy-lead-n { width: 650px; }

/* case file */
.hy .hy-case { left: 96px; top: 176px; width: 1728px; height: 780px; border: 4px solid var(--fg); padding: 28px 44px; display: grid; grid-template-columns: 760px 1fr; grid-template-rows: auto 1fr auto; column-gap: 70px; z-index: 2 !important; }
.hy .hy-case-t { grid-column: 1 / -1; display: flex; justify-content: space-between; font: 400 22px/1 var(--f-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--muted); padding-bottom: 18px; border-bottom: 3px solid var(--fg); margin-bottom: 26px; }
.hy .hy-case dl { grid-column: 1; margin: 0; align-self: start; }
.hy .hy-case dl > div { display: grid; grid-template-columns: 150px 1fr; gap: 20px; padding: 14px 0; border-bottom: 1px solid var(--line2); align-items: baseline; }
.hy .hy-case dt { font: 400 20px/1 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.hy .hy-case dd { margin: 0; font: 700 38px/1.1 var(--f-head); text-transform: uppercase; color: var(--fg); }
.hy .hy-status { grid-column: 1; grid-row: 3; align-self: end; justify-self: start; font: 700 84px/1 var(--f-head); text-transform: uppercase; color: var(--fg); border: 8px solid var(--fg); padding: 8px 26px 4px; margin-bottom: 8px; max-width: 760px; }
.hy .hy-case .hy-lead-n { grid-column: 2; grid-row: 2; width: auto; font-size: 42px; align-self: start; }
.hy .hy-denies { grid-column: 2; grid-row: 3; align-self: end; font: 400 32px/1.25 var(--f-serif); font-style: italic; color: var(--fg); }
.hy .hy-foot { grid-column: 1 / -1; grid-row: 4; margin-top: 18px; font: 400 18px/1.3 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }

/* photo */
.hy .hy-ph { top: 150px; width: 700px; margin: 0; padding: 14px 14px 60px; background: var(--fg); box-shadow: 0 26px 70px rgba(0,0,0,.5); z-index: 2 !important; }
.hy .hy-ph.l { left: 110px; } .hy .hy-ph.r { left: 1110px; }
.hy .hy-ph img { display: block; width: 100%; height: 700px; object-fit: cover; }
.hy .hy-ph figcaption { position: absolute; left: 18px; right: 18px; bottom: 16px; font: 400 18px/1.2 var(--f-mono); letter-spacing: .05em; color: var(--bg); }
.hy .hy-pside { top: 210px; width: 900px; display: flex; flex-direction: column; align-items: flex-start; gap: 26px; z-index: 2 !important; }
.hy .hy-pside.r { left: 900px; } .hy .hy-pside.l { left: 96px; }
.hy .hy-pside .hy-lead-n { width: 880px; }
.hy .hy-credit { top: 960px; width: 760px; font: 400 15px/1.3 var(--f-mono); letter-spacing: .04em; color: var(--muted); z-index: 3 !important; }
.hy .hy-credit.l { left: 110px; } .hy .hy-credit.r { left: 1110px; }
.hy.hy-isphoto .hy-src { left: 900px; }
.hy.hy-isphoto .hy-ph.r ~ .hy-src { left: 96px; }

/* chain */
.hy .hy-chain-h { left: 96px; top: 190px; width: 1500px; z-index: 2 !important; }
.hy .hy-steps { left: 96px; top: 420px; width: 1728px; display: flex; gap: 70px; margin: 0; padding: 0; list-style: none; z-index: 2 !important; }
.hy .hy-steps li { position: relative; flex: 1 1 0; min-height: 260px; border: 4px solid var(--fg); padding: 24px 26px; display: flex; flex-direction: column; gap: 16px; }
.hy .hy-steps li:not(:last-child)::after { content: ''; position: absolute; right: -58px; top: 50%; width: 46px; height: 46px; margin-top: -23px; background: var(--fg); clip-path: polygon(0 28%, 55% 28%, 55% 0, 100% 50%, 55% 100%, 55% 72%, 0 72%); }
.hy .hy-steps li b { font: 400 24px/1 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--on-acc); background: var(--acc); align-self: flex-start; padding: 5px 10px 3px; }
.hy .hy-steps li span { font: 600 36px/1.12 var(--f-head); text-transform: uppercase; color: var(--fg); }
.hy .hy-steps.n5 li span { font-size: 29px; } .hy .hy-steps.n5 { gap: 56px; } .hy .hy-steps.n5 li:not(:last-child)::after { right: -48px; width: 38px; }
.hy .hy-chain-s { left: 96px; top: 780px; width: 1300px; font-size: 38px !important; z-index: 2 !important; }

/* ledger */
.hy .hy-led-h { left: 96px; top: 176px; width: 1500px; z-index: 2 !important; }
.hy .hy-led { left: 96px; top: 330px; width: 1728px; margin: 0; padding: 0; list-style: none; z-index: 2 !important; }
.hy .hy-led li { display: grid; grid-template-columns: 320px 1fr; gap: 30px; align-items: baseline; padding: 16px 0; border-top: 3px solid var(--fg); }
.hy .hy-led li:last-child { border-bottom: 3px solid var(--fg); }
.hy .hy-led b { font: 400 62px/1 var(--f-display); text-transform: uppercase; color: var(--fg); white-space: nowrap; }
.hy .hy-led span { font: 400 36px/1.2 var(--f-body); color: var(--fg); }
.hy .hy-led.n6 li { padding: 11px 0; } .hy .hy-led.n6 span { font-size: 33px; }

/* claim vs reported */
.hy .hy-claim-h { left: 96px; top: 186px; width: 1500px; z-index: 2 !important; }
.hy .hy-two { left: 96px; top: 400px; width: 1728px; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; z-index: 2 !important; }
.hy .hy-two > div { border-top: 8px solid var(--fg); padding-top: 22px; min-height: 420px; }
.hy .hy-colB { background: var(--fg); color: var(--bg); padding: 30px 34px 34px !important; border-top: 0 !important; }
.hy .hy-two i { display: block; font: 400 24px/1 var(--f-mono); font-style: normal; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 20px; opacity: .75; }
.hy .hy-two p { font: 400 44px/1.2 var(--f-body); }
.hy .hy-colB p, .hy .hy-colB i { color: var(--bg); }

/* big word */
.hy .hy-bigw { left: 60px; top: 170px; font-family: var(--f-display); font-weight: 400; text-transform: uppercase; line-height: .84; white-space: nowrap; color: var(--fg); z-index: 2 !important; }
.hy .hy-bigw ~ .hy-below { top: 700px; }

/* caution stamp */
.hy .hy-cstamp { left: 96px; top: 330px; font: 700 124px/1 var(--f-head); text-transform: uppercase; color: var(--fg); border: 12px solid var(--fg); padding: 14px 34px 8px; z-index: 2 !important; }
.hy .hy-cside { left: 1000px; top: 250px; width: 824px; display: flex; flex-direction: column; gap: 28px; z-index: 2 !important; }
.hy .hy-cside .hy-lead-n { width: 824px; }

/* section opener + sources */
.hy .hy-o-h { left: 56px; top: 220px; font-family: var(--f-display); font-weight: 400; text-transform: uppercase; line-height: .84; white-space: nowrap; color: var(--fg); z-index: 2 !important; }
.hy .hy-o-b { left: 96px; top: 640px; width: 1300px; display: flex; flex-direction: column; gap: 22px; z-index: 2 !important; }
.hy .hy-o-y { font: 400 30px/1 var(--f-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.hy .hy-srch { left: 96px; top: 190px; z-index: 2 !important; }
.hy .hy-srcs { left: 96px; top: 380px; width: 1728px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px 70px; z-index: 2 !important; }
.hy .hy-srcs ol { margin: 0; padding: 0; list-style: none; counter-reset: s; display: flex; flex-direction: column; gap: 16px; }
.hy .hy-srcs li { counter-increment: s; font: 400 24px/1.3 var(--f-body); color: var(--fg2); padding-left: 52px; position: relative; }
.hy .hy-srcs li::before { content: counter(s, decimal-leading-zero); position: absolute; left: 0; top: 4px; font: 400 17px/1 var(--f-mono); color: var(--muted); }
.hy .hy-case, .hy .hy-pbar, .hy .hy-card, .hy .hy-two > div, .hy .hy-steps li, .hy .hy-ph, .hy .hy-cstamp { box-sizing: border-box; }
.hy .hy-case { height: 760px; }
.hy .hy-steps li { min-height: 210px; }
.hy .hy-cstamp { max-width: 800px; white-space: normal; font-size: 108px; line-height: 1.04; box-sizing: border-box; }
.hy .hy-cside { left: 1010px; width: 810px; }
.hy .hy-status { margin-bottom: 30px; }
