.tl{--argent:#000;--ash:#4d4d4d;--ash-2:#6b6b6b;--rule:#00000024;--rule-strong:#00000052;--sable:#fff;background:var(--vellum);color:var(--ink);border-top:0}.tl ::selection{color:#fff;background:#000}.tl{scroll-margin-top:var(--nav-h)}.tl__head{gap:18px;display:grid}h2.display.tl__h{font-size:clamp(2.5rem,4.4vw,4.2rem);line-height:.98}.tl__lede{font:400 clamp(1.2rem,1.7vw,1.5rem)/1.3 var(--serif);color:var(--ash);margin:12px 0 0}.tl__fig{margin:clamp(24px,3vw,40px) 0 0;container-type:inline-size}.tl__svg{width:100%;color:var(--ink);-webkit-user-select:none;user-select:none;display:block;overflow:visible}.tl__read{overflow:hidden}.tl__svg--wide{display:none}.tl__grid rect,.tl__window rect,.tl__rule rect,.tl__line,.tl__bar rect,.tl__readw rect{shape-rendering:crispedges}.tl__grid rect{fill:#00000016}.tl__grid .is-4{fill:#00000021}.tl__window rect{fill:#0000000b}.tl__rule rect,.tl__bar rect,.tl__readw rect,.tl__readw circle{fill:currentColor}.tl__line{fill:#0000000d}.tl__num{font:italic 400 1rem var(--serif);fill:var(--ash);font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}.tl__sig{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.tl__name{font:400 1.34rem var(--serif);letter-spacing:-.005em;fill:currentColor}.tl__wk{font:500 11px var(--sans);letter-spacing:.14em;fill:var(--ash)}.tl__note{font:italic 400 1rem var(--serif);fill:var(--ash)}.tl__bar--window line{stroke:currentColor;stroke-width:1px;stroke-dasharray:6 4}.tl__off path{fill:var(--vellum);stroke:var(--ink);stroke-width:.62px;stroke-linejoin:miter}.tl__read{opacity:0}.tl__readw rect{opacity:.38}.tl__svg--narrow .tl__name{font-size:clamp(14px,11.95cqi - 19.7px,1.34rem)}.tl__svg--narrow .tl__note{font-size:clamp(12px,5.12cqi - 1.6px,1rem)}@media (width<=640px){.tl__svg--narrow .tl__num--odd{display:none}}@media (width>=1000px){.tl__svg--wide{display:block}.tl__svg--narrow{display:none}.tl__svg--wide .tl__num{font-size:1.15rem}.tl__svg--wide .tl__name{font-size:1.62rem}.tl__svg--wide .tl__wk{letter-spacing:.2em;font-size:.72rem}.tl__svg--wide .tl__note{font-size:1.14rem}.tl__note--in{display:none}}@media (width>=1341px){.tl__svg--wide .tl__note--in{display:inline}.tl__svg--wide .tl__note--by{display:none}}.tl__cap{gap:8px;margin-top:20px;display:grid}.tl__key{font:400 .95rem/1.4 var(--sans);color:var(--ink);align-items:center;gap:12px;margin:0;display:flex}.tl__key .tl__off{flex:none;width:15px;height:15px;overflow:visible}.tl__guide{max-width:62ch;font:400 .95rem/1.5 var(--sans);color:var(--ash);margin:0}.tl__guide b{color:var(--ink);font-weight:500}@media (width<=760px){h2.display.tl__h{font-size:2.45rem}.tl__lede{margin-top:10px;font-size:1.16rem}.tl__head{gap:16px}.tl__key,.tl__guide{font-size:.86rem;line-height:1.45}.tl__cap{margin-top:16px}}.tl__bar,.tl__off{transform-box:fill-box}.tl__bar{transform-origin:0}.tl__off{transform-origin:50%}.tl__readw{transform-box:view-box}@media (prefers-reduced-motion:no-preference){.js .tl{--t0:.75s;--wk:.17s}.js .tl:not(.is-done):not(.is-head) .a-head,.js .tl:not(.is-done):not(.is-in) .a:not(.a-head){opacity:0}.js .tl .a{animation-duration:.8s;animation-timing-function:var(--ease-out);animation-fill-mode:both}.js .tl .a-head{animation-duration:.9s}.js .tl .a-head+.a-head{animation-delay:80ms}.js .tl .tl__grid{animation-delay:.15s}.js .tl .tl__rule{animation-duration:.7s;animation-delay:.3s}.js .tl .tl__window{animation-delay:calc(var(--t0) + var(--win) * var(--wk));animation-duration:.9s}.js .tl .a-rise{animation-duration:.6s;animation-delay:calc(var(--t0) + var(--s) * var(--wk) - .12s)}.js .tl .a-late{animation-delay:calc(var(--t0) + var(--e) * var(--wk) - .1s)}.js .tl .a-grow{animation-timing-function:linear;animation-duration:calc((var(--e) - var(--s)) * var(--wk));animation-delay:calc(var(--t0) + var(--s) * var(--wk))}.js .tl .a-pop{animation-duration:.55s;animation-delay:calc(var(--t0) + var(--e) * var(--wk))}.js .tl .tl__read{animation-timing-function:linear;animation-duration:calc(var(--n) * var(--wk) + .5s);animation-delay:calc(var(--t0) - .2s)}.js .tl .tl__readw{animation-timing-function:linear;animation-duration:calc(var(--n) * var(--wk));animation-delay:var(--t0)}.js .tl .tl__cap{animation-delay:calc(var(--t0) + var(--n) * var(--wk) + .1s)}.js .tl.is-head .a-head{animation-name:tl-rise}.js .tl.is-in .a-fade,.js .tl.is-in .a-late{animation-name:tl-fade}.js .tl.is-in .a-rise,.js .tl.is-in .tl__cap{animation-name:tl-rise}.js .tl.is-in .a-grow{animation-name:tl-grow}.js .tl.is-in .a-pop{animation-name:tl-pop}.js .tl.is-in .tl__read{animation-name:tl-needle}.js .tl.is-in .tl__readw{animation-name:tl-run}.js .tl.is-done .a{animation:none}}@keyframes tl-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes tl-fade{0%{opacity:0}to{opacity:1}}@keyframes tl-grow{0%{transform:scaleX(0)}to{transform:none}}@keyframes tl-pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}@keyframes tl-run{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes tl-needle{0%{opacity:0}8%{opacity:.85}90%{opacity:.85}to{opacity:0}}