.timeline .col a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes timeline-slide{to{translate:calc(-1 * var(--max)) 0}}@keyframes timeline-reel{to{translate:calc((1 - var(--n)) * var(--u)) 0}}@keyframes timeline-done{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes timeline-said{to{opacity:0}}@keyframes timeline-tail{0%{opacity:0;visibility:hidden}}@supports selector(:has(*)){:root.archive{scroll-snap-type:y mandatory;scroll-padding-top:0}:root.archive #header-wrapper{scroll-snap-align:start}:root.archive #tail-wrapper{scroll-snap-align:end}:root.archive.scrubbing{scroll-snap-type:none}@media (max-height:39.999em){:root.archive{--tail:calc(1.5 * var(--line))}}}blockquote.said{margin-top:calc(2 * var(--line))}.tag{padding:calc(.125 * var(--line)) calc(.375 * var(--line));border-radius:calc(.125 * var(--line));border:1px solid var(--border);box-shadow:0 0 calc(.125 * var(--line)) 0 var(--border);text-wrap:balance;font-size:.87rem;line-height:1.5;transition-property:color;transition-duration:.3s;transition-timing-function:cubic-bezier(.645,.045,.355,1);display:inline-block}@media (hover:hover){.tag:hover{color:var(--accent)!important}}:where(:root[data-hover]) .tag:hover{color:var(--accent)!important}@supports not (aspect-ratio:1){:root[data-hover] .tag:hover{color:var(--accent)!important}}.tag:focus-visible{color:var(--accent)!important}.tag:active{transition-duration:0s;color:var(--accent)!important}.tag sup{color:var(--muted);margin-left:.6em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.658em}.tag.picked{color:var(--heading);background:var(--range)}.tag.picked:after{content:"×";color:var(--muted);margin-left:.45em}#topics .tag{transition:opacity .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1)}@media (hover:hover){#topics:hover .tag{opacity:.3}#topics .tag:hover{opacity:1;transition-duration:0s}}:where(:root[data-hover]) #topics:hover .tag{opacity:.3}@supports not (aspect-ratio:1){:root[data-hover] #topics:hover .tag{opacity:.3}}:where(:root[data-hover]) #topics .tag:hover{opacity:1;transition-duration:0s}@supports not (aspect-ratio:1){:root[data-hover] #topics .tag:hover{opacity:1;transition-duration:0s}}@media (prefers-reduced-motion:no-preference){#topics .tag{transition:opacity .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1),scale .3s cubic-bezier(.645,.045,.355,1)}}#topics .tag:active{transition-duration:0s}#topics{align-content:flex-start;gap:calc(.25 * var(--line));min-height:0;padding:2px 2px var(--line);scroll-padding-bottom:var(--line);-webkit-mask-image:linear-gradient(to bottom, black calc(100% - var(--line)), transparent);mask-image:linear-gradient(to bottom, black calc(100% - var(--line)), transparent);flex-wrap:wrap;margin:-2px;display:flex;overflow:hidden auto}@media (max-width:47.624em) and (orientation:portrait){#topics{padding:2px var(--line) 2px 2px;flex-wrap:nowrap;scroll-padding-bottom:auto;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}#topics .tag{white-space:nowrap}}@starting-style{.timeline:has(.nums.placed) #topics .tag{opacity:0}}@media (prefers-reduced-motion:no-preference){@starting-style{.timeline:has(.nums.placed) #topics .tag{scale:.95}}}.timeline{--col:clamp(calc(15 * var(--fluid)), 36vw, calc(21 * var(--fluid)));--col-gap:calc(1.25 * var(--line));--step:calc(var(--col) + var(--col-gap));--max:calc((var(--n) - 1) * var(--step));--u:calc(1.75 * var(--line));--screen:100vh;--stage:var(--screen);--spine:calc(2 * var(--line));width:100vw;height:calc(var(--stage) + var(--max));timeline-scope:--topics;margin-inline:calc(50% - 50vw);position:relative}@media (max-width:47.624em){.timeline{--spine:var(--line)}}@media (max-width:47.624em) and (orientation:portrait){.timeline{--col-gap:var(--line);--col:min(calc(21 * var(--fluid)), 100vw - var(--gutter) - var(--col-gap) - calc(1.75 * var(--line)))}}.timeline .stage{height:var(--stage);grid-template:". months" auto "side view" minmax(0, 1fr) "side ruler" auto/clamp(13 * var(--fluid), 27vw, 21 * var(--fluid)) minmax(0, 1fr);gap:calc(.75 * var(--line)) var(--spine);padding-block:var(--line) calc(.5 * var(--line));padding-left:max(var(--gutter), (100% - var(--wide)) / 2);display:grid;position:sticky;top:0;container-type:inline-size}@media (max-height:39.999em){.timeline .stage{gap:calc(.375 * var(--line)) var(--spine);padding-block:calc(.5 * var(--line)) calc(.25 * var(--line))}}@media (max-width:47.624em) and (orientation:portrait){.timeline .stage{gap:calc(.375 * var(--line)) 0;padding-top:var(--line);padding-left:var(--gutter);grid-template:"side""months""view"minmax(0,1fr)"ruler"/minmax(0,1fr)}}.timeline .side{gap:calc(.5 * var(--line));flex-direction:column;grid-area:side;min-height:0;display:flex;container-type:inline-size}@media (max-width:47.624em) and (orientation:portrait){.timeline .side{padding-right:var(--gutter)}}.timeline .year{margin-block:-.19em -.08em;font-family:var(--f-date);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.03em;color:#0000;-webkit-text-stroke-width:.024em;-webkit-text-stroke-color:var(--heading);opacity:.28;pointer-events:none;margin-left:-.05em;font-size:min(8.137rem,38cqi);font-weight:700;line-height:1;display:flex}@media (max-width:47.624em) and (orientation:portrait){.timeline .year{font-size:min(4.652rem,19cqi)}}.timeline .digit{height:1.5em;margin-inline:-.1em;padding-inline:.1em;overflow:clip;-webkit-mask-image:linear-gradient(#0000,#000 26% 74%,#0000);mask-image:linear-gradient(#0000,#000 26% 74%,#0000)}.timeline .strip{transform:translateY(calc(var(--pos) * -1 * 1.5em));display:block}.timeline .strip>span{text-align:center;height:1.5em;line-height:1.5em;display:block}@media (prefers-reduced-motion:no-preference){.timeline .strip{transition:transform .6s cubic-bezier(.165,.84,.44,1)}.timeline .strip.instant{transition:none}}.timeline .months{align-items:center;gap:calc(.125 * var(--line));min-width:0;padding-right:var(--gutter);grid-area:months;display:flex}@media (max-width:47.624em) and (orientation:portrait){.timeline .months{margin-left:-.6em}}.timeline .step{border-radius:calc(.125 * var(--line));width:2.25em;height:2.25em;color:var(--icon);flex:none;place-items:center;transition-property:color,opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.645,.045,.355,1);display:grid}.timeline .step:disabled{opacity:.25;cursor:default}@media (hover:hover){.timeline .step:not(:disabled):hover{color:var(--accent)}}:where(:root[data-hover]) .timeline .step:not(:disabled):hover{color:var(--accent)}@supports not (aspect-ratio:1){:root[data-hover] .timeline .step:not(:disabled):hover{color:var(--accent)}}.timeline .nums{min-width:0;display:flex;position:relative;overflow-x:auto}.timeline .nums.placed .range{opacity:1}@media (prefers-reduced-motion:no-preference){.timeline .nums.eased .range{transition:transform .4s cubic-bezier(.165,.84,.44,1),width .4s cubic-bezier(.165,.84,.44,1)}}.timeline .num{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--muted);flex:none;padding:.6em;font-size:.756rem;line-height:1;transition-property:color,opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.645,.045,.355,1);position:relative}@media (hover:hover){.timeline .num:hover{color:var(--accent)}}:where(:root[data-hover]) .timeline .num:hover{color:var(--accent)}@supports not (aspect-ratio:1){:root[data-hover] .timeline .num:hover{color:var(--accent)}}.timeline .num.on{color:var(--fg)}@starting-style{.timeline .num{opacity:0}}.timeline .nums:not(.placed) .num.on{background:var(--range)}.timeline .range{inset-block:0;width:var(--w,0);transform:translateX(var(--x,0));border-radius:calc(.125 * var(--line));background:var(--range);opacity:0;pointer-events:none;position:absolute;left:0}.timeline .view{--veil-l:calc(1.5 * var(--line));--veil-r:calc(4 * var(--line));min-height:0;margin-left:calc(-1 * var(--veil-l));padding-left:var(--veil-l);-webkit-mask-image:linear-gradient(to right, transparent, black var(--veil-l), black max(var(--veil-l) + var(--col), 100% - var(--veil-r)), transparent);mask-image:linear-gradient(to right, transparent, black var(--veil-l), black max(var(--veil-l) + var(--col), 100% - var(--veil-r)), transparent);grid-area:view;position:relative;overflow:clip;container-type:size}@container (height<16.8em){.timeline .view .col>ul>li{font-size:.87rem}.timeline .view .col .date.month{font-size:.756rem}}@container (height<12.6em){.timeline .view .col>ul>li{font-size:.756rem}.timeline .view .col .date.month{font-size:.658rem}}@media (max-width:47.624em){.timeline .view{--veil-l:calc(.75 * var(--line))}}@media (max-width:47.624em) and (orientation:portrait){.timeline .view{--veil-l:var(--gutter);--veil-r:calc(2 * var(--line))}}.timeline .track{align-items:flex-start;gap:var(--col-gap);margin:0;padding:0;list-style:none;display:flex}.timeline .col{flex:0 0 var(--col);opacity:.38;min-width:0;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.645,.045,.355,1)}.timeline .col.lit{opacity:1}@media (hover:hover){.timeline .col:not(.lit):hover{opacity:.75}}:where(:root[data-hover]) .timeline .col:not(.lit):hover{opacity:.75}@supports not (aspect-ratio:1){:root[data-hover] .timeline .col:not(.lit):hover{opacity:.75}}.timeline .col>ul li{transition:opacity .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1)}@media (hover:hover){.timeline .col>ul:hover li{opacity:.3}.timeline .col>ul li:hover{opacity:1;transition-duration:0s}}:where(:root[data-hover]) .timeline .col>ul:hover li{opacity:.3}@supports not (aspect-ratio:1){:root[data-hover] .timeline .col>ul:hover li{opacity:.3}}:where(:root[data-hover]) .timeline .col>ul li:hover{opacity:1;transition-duration:0s}@supports not (aspect-ratio:1){:root[data-hover] .timeline .col>ul li:hover{opacity:1;transition-duration:0s}}.timeline .col>ul:has([data-tap]) li{opacity:.3}.timeline .col>ul li:is([data-tap],:has([data-tap])){opacity:1;transition-duration:0s}.timeline .col>ul{margin:0;padding:0;list-style:none}.timeline .col>ul>li{column-gap:calc(.25 * var(--line));font-size:1rem;line-height:min(clamp(1.875 * var(--line), 6.2vh, 2.5 * var(--line)), 100cqh / var(--rows));letter-spacing:.01em;border-radius:2px;grid-template-columns:1.5em 1.75em 8px minmax(0,1fr);align-items:center;display:grid}.timeline .col>ul>li:nth-child(odd){background-image:linear-gradient(to right, transparent 20%, var(--tint) 50%, transparent)}.timeline .col>ul>li:before{content:"";border:1px solid var(--icon);border-radius:50%;grid-area:1/3;width:8px;height:8px}.timeline .col .date{white-space:nowrap}.timeline .col .date.day{font-size:.87em;font-family:var(--f-date);font-variant-numeric:tabular-nums;grid-area:1/1;justify-self:end}.timeline .col .date.month{text-align:center;color:var(--muted);grid-area:1/2;font-size:.87rem}.timeline .col a{grid-area:1/4;min-width:0;transition-property:color;transition-duration:.3s;transition-timing-function:cubic-bezier(.645,.045,.355,1)}@media (hover:hover){.timeline .col a:hover{color:var(--accent2);transition-duration:0s}}:where(:root[data-hover]) .timeline .col a:hover{color:var(--accent2);transition-duration:0s}@supports not (aspect-ratio:1){:root[data-hover] .timeline .col a:hover{color:var(--accent2);transition-duration:0s}}.timeline .col a[data-tap]{color:var(--accent2);transition-duration:0s}.timeline .ruler{width:min(100%, 20 * var(--fluid));height:calc(1.5 * var(--line));margin-right:max(var(--gutter), (100cqw - var(--wide)) / 2);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:calc(.125 * var(--line));grid-area:ruler;justify-self:end;font-size:.756rem;position:relative}.timeline .ruler:active{cursor:grabbing}@media (max-height:39.999em){.timeline .ruler{height:calc(1.25 * var(--line))}}@media (max-width:47.624em) and (orientation:portrait){.timeline .ruler{width:auto;margin-right:var(--gutter);justify-self:stretch}}.timeline .scale{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 32% 68%,#0000);mask-image:linear-gradient(90deg,#0000,#000 32% 68%,#0000)}.timeline .reel{inset-block:0;width:calc((var(--n) - 1) * var(--u));position:absolute;left:50%}.timeline .rail,.timeline .done{height:1px;position:absolute;top:.5em}.timeline .rail{left:calc(-1 * var(--u));right:calc(-1 * var(--u));background:var(--rule)}.timeline .done{background:var(--icon);transform-origin:0;width:100%;left:0;transform:scaleX(0)}.timeline .tick{top:.3em;left:calc(var(--i) * var(--u));background:var(--rule);width:1px;height:.45em;position:absolute}.timeline .tick.first{background:var(--icon);height:1em;top:0}.timeline .ylab{top:1.35em;left:calc(var(--i) * var(--u));letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted);line-height:1;transition-property:color;transition-duration:.3s;transition-timing-function:cubic-bezier(.645,.045,.355,1);position:absolute;transform:translate(-50%)}.timeline .ylab.on{color:var(--heading);font-weight:600}.timeline .needle{background:var(--accent);pointer-events:none;border-radius:2px;width:2px;height:1.6em;margin-left:-1px;position:absolute;top:-.3em;left:50%}.timeline .stops{height:var(--max);pointer-events:none;position:absolute;inset:0 0 auto}.timeline .stop{top:calc(var(--i) * var(--step));scroll-snap-align:start;width:1px;height:1px;position:absolute;left:50%}@supports (height:100svh){.timeline{--screen:100svh}}@supports not (overflow:clip){.timeline .view{overflow:hidden}}@supports (animation-timeline:view()){.timeline .stops{view-timeline:--topics block}.timeline :is(.track,.reel,.done){animation-timing-function:steps(var(--n), jump-none);animation-fill-mode:both;animation-timeline:--topics;animation-range:exit-crossing}@supports not (aspect-ratio:1){.timeline .track,.timeline .reel,.timeline .done{animation-timing-function:steps(var(--n), jump-none);animation-fill-mode:both;animation-timeline:--topics;animation-range:exit-crossing}}@media (prefers-reduced-motion:no-preference){.timeline :is(.track,.reel,.done){animation-timing-function:linear}@supports not (aspect-ratio:1){.timeline .track,.timeline .reel,.timeline .done{animation-timing-function:linear}}}.timeline .track{animation-name:timeline-slide}.timeline .reel{animation-name:timeline-reel}.timeline .done{animation-name:timeline-done}:root.archive #header-wrapper{z-index:2;scroll-snap-align:none;position:sticky;top:0}:root.archive #tail-wrapper{scroll-snap-align:none;position:sticky;bottom:0}:root.archive #tail-wrapper>footer{margin-top:0}:root.archive article:before{content:"";scroll-snap-align:start;scroll-margin-top:3rem;display:block}.timeline{--pin:3rem;--stage:calc(var(--screen) - var(--pin) - var(--tail))}.timeline .stage{top:var(--pin)}.timeline .stops{view-timeline-inset:var(--pin) 0}.timeline .stop{scroll-margin-top:var(--pin)}@media (max-height:22.999em){:root.archive #tail-wrapper{scroll-snap-align:end;position:static}.timeline{--stage:calc(var(--screen) - var(--pin))}}@media (min-width:47.625em) and (min-height:45em){blockquote.said{top:calc(3rem + 2 * var(--line));height:calc(var(--line) + (var(--leading) + 1) * 1.15em + 1.8em);padding-inline:0;position:sticky}}@media (min-width:47.625em) and (min-height:45em) and (max-height:51.999em){blockquote.said{top:calc(3rem + .5 * var(--line));height:calc(var(--leading) * 1.15em + .25 * var(--line) + 1.8em);margin-block:calc(.5 * var(--line));padding-block:0}blockquote.said>p:first-child{margin-bottom:calc(.25 * var(--line))}}@media (min-width:47.625em) and (min-height:45em){.timeline{--pin:calc(calc(3rem + 2 * var(--line)) + calc(var(--line) + (var(--leading) + 1) * 1.15em + 1.8em) + 1em)}}@media (min-width:47.625em) and (min-height:45em) and (max-height:51.999em){.timeline{--pin:calc(3rem + var(--line) + calc(var(--leading) * 1.15em + .25 * var(--line) + 1.8em))}}:root.archive{timeline-scope:--said}:root.archive #tail-wrapper{animation-name:timeline-tail;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--said;animation-range:exit}@media (max-height:22.999em){:root.archive #tail-wrapper{animation-name:none}}@media (min-width:47.625em) and (min-height:45em){:root.archive #tail-wrapper{animation-name:none}}blockquote.said{view-timeline:--said block;view-timeline-inset:calc(3rem - 1em) 0}blockquote.said>p{animation-name:timeline-said;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view(block calc(3rem + 2 * var(--line)) 0);animation-range:exit exit 50%}@media (min-width:47.625em) and (min-height:45em){blockquote.said>p{animation-name:none}}}@supports not (animation-timeline:view()){.timeline.driven .track{transform:translateX(calc(var(--f,0) * -1 * var(--max)))}.timeline.driven .reel{transform:translateX(calc(var(--f,0) * (1 - var(--n)) * var(--u)))}.timeline.driven .done{transform:scaleX(var(--f,0))}@media (scripting:enabled){:root.archive #header-wrapper{z-index:2;scroll-snap-align:none;position:sticky;top:0}:root.archive #tail-wrapper{scroll-snap-align:none;position:sticky;bottom:0}:root.archive #tail-wrapper>footer{margin-top:0}:root.archive article:before{content:"";scroll-snap-align:start;scroll-margin-top:3rem;display:block}.timeline{--pin:3rem;--stage:calc(var(--screen) - var(--pin) - var(--tail))}.timeline .stage{top:var(--pin)}.timeline .stops{view-timeline-inset:var(--pin) 0}.timeline .stop{scroll-margin-top:var(--pin)}}@media (scripting:enabled) and (max-height:22.999em){:root.archive #tail-wrapper{scroll-snap-align:end;position:static}.timeline{--stage:calc(var(--screen) - var(--pin))}}@media (scripting:enabled) and (min-width:47.625em) and (min-height:45em){blockquote.said{top:calc(3rem + 2 * var(--line));height:calc(var(--line) + (var(--leading) + 1) * 1.15em + 1.8em);padding-inline:0;position:sticky}}@media (scripting:enabled) and (min-width:47.625em) and (min-height:45em) and (max-height:51.999em){blockquote.said{top:calc(3rem + .5 * var(--line));height:calc(var(--leading) * 1.15em + .25 * var(--line) + 1.8em);margin-block:calc(.5 * var(--line));padding-block:0}blockquote.said>p:first-child{margin-bottom:calc(.25 * var(--line))}}@media (scripting:enabled) and (min-width:47.625em) and (min-height:45em){.timeline{--pin:calc(calc(3rem + 2 * var(--line)) + calc(var(--line) + (var(--leading) + 1) * 1.15em + 1.8em) + 1em)}}@media (scripting:enabled) and (min-width:47.625em) and (min-height:45em) and (max-height:51.999em){.timeline{--pin:calc(3rem + var(--line) + calc(var(--leading) * 1.15em + .25 * var(--line) + 1.8em))}}@media (scripting:enabled){:root.archive #tail-wrapper{transition-property:opacity,visibility;transition-duration:.3s;transition-timing-function:cubic-bezier(.645,.045,.355,1)}:root.archive:not(.pinned) #tail-wrapper{opacity:0;visibility:hidden}}@media (scripting:enabled) and (max-height:22.999em){:root.archive:not(.pinned) #tail-wrapper{opacity:1;visibility:visible}}@media (scripting:enabled) and (min-width:47.625em) and (min-height:45em){:root.archive:not(.pinned) #tail-wrapper{opacity:1;visibility:visible}}@media (scripting:enabled){:root.archive.pinned #back-to-top{opacity:1;visibility:visible}blockquote.said{opacity:calc(1 - var(--q,0))}}@media (scripting:none){.timeline{height:auto}.timeline .stop{scroll-snap-align:none}.timeline .stage{height:auto;position:static}.timeline .view{overflow-x:auto}}}@supports not (container-type:inline-size){.timeline .year{font-size:8.137rem}@media (max-width:47.624em) and (orientation:portrait){.timeline .year{font-size:4.652rem}}.timeline .col>ul>li{line-height:clamp(1.875 * var(--line), 6.2vh, 2.5 * var(--line))}.timeline .ruler{margin-right:max(var(--gutter), (100vw - var(--wide)) / 2)}}@supports not (aspect-ratio:1){#main-content>article>.timeline{width:100vw;margin-inline:calc(50% - 50vw)}}
