@layer components{.chron{--spine:3.75rem;--line-off:calc(var(--spine) / 2);--line-x:.5rem;--hang:.75rem;--hook:2.1rem}@media (min-width:768px){.chron{--spine:4.5rem;--line-x:calc(var(--spine) / 2);--hang:2rem;--hook:2.2rem}}@media (min-width:1024px){.chron{--spine:7rem;--hang:3rem}}.chron-m{width:100%;max-width:var(--container-chron);margin-inline:auto}.chron-grid{grid-template-columns:minmax(0,1fr);display:grid;position:relative}@media (min-width:768px){.chron-grid{grid-template-columns:minmax(0, 1fr) var(--spine) minmax(0, 1fr)}}.chron-line{display:none}@media (min-width:768px){.chron-line{z-index:1;background:var(--color-rule-strong);transform-origin:top;grid-column:2;justify-self:center;width:1px;display:block;position:relative}.chron-line[data-future]{border-left:1px dashed var(--color-rule-strong);background:0 0;width:0}}.chron-reach,.chron-cross{display:none}@media (max-width:767px){.chron-reach{z-index:1;background:var(--color-rule-strong);transform-origin:top;grid-column:1;width:1px;display:block;position:relative}.chron-reach[data-side=r]{margin-right:calc(var(--line-off) - .5px);justify-self:end}.chron-reach[data-side=l]{margin-left:calc(var(--line-off) - .5px);justify-self:start}.chron-reach[data-future]{border-left:1px dashed var(--color-rule-strong);background:0 0;width:0}.chron-cross{z-index:1;height:1px;margin-inline:calc(var(--line-off) - .5px);background:var(--color-rule-strong);grid-column:1;align-self:start;display:block}}.chron-tick{z-index:2;grid-column:1;min-height:2.5rem;position:relative}@media (max-width:767px){.chron-tick{pointer-events:none}}.chron-tick>:where(span){letter-spacing:.04em;white-space:nowrap;text-align:right;color:var(--color-ink-faint);transform-origin:100% 0;transition:color var(--duration-tint), transform var(--duration-mark) var(--ease-settle);font-size:.625rem;line-height:1.3;display:block;position:absolute;top:.45rem;right:0}.chron-tick>:where(span)>:where(small){letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-faint);font-size:.5625rem;font-weight:500;display:block}.chron-tick[data-anchor]>:where(span),.chron-tick[data-today]>:where(span){color:var(--color-ink);font-weight:500}.chron-tick[data-active]>:where(span){color:var(--color-paint-text);font-weight:900;transform:scale(1.3)}@media (max-width:767px){.chron-tick>:where(span){background:var(--color-plaster);padding-left:.3rem}.chron-tick[data-mside=l]>:where(span){text-align:left;transform-origin:0 0;padding:0 .3rem 0 0;left:0;right:auto}.chron-tick[data-mside=l][data-active]>:where(span){transform:scale(1.3)}}@media (min-width:768px){.chron-tick{grid-column:2;min-height:2.75rem}.chron-tick>:where(span){text-align:center;background:var(--color-plaster);transform-origin:top;padding:0 .45rem;font-size:.6875rem;left:50%;right:auto;transform:translate(-50%)}.chron-tick[data-active]>:where(span){transform:translate(-50%)scale(1.3)}}.chron-tick[data-tail]{min-height:1.4rem}.chron-tick[data-tail]>:where(span){font-size:.625rem;top:.1rem}.chron-tick[data-tail][data-today]{min-height:2.75rem}.chron-tick[data-tail][data-today]>:where(span){font-size:.6875rem;top:.35rem}.chron-marker{top:0;left:calc(var(--spacing-gutter) + var(--line-off));background:var(--color-paint);z-index:3;pointer-events:none;width:9px;height:9px;margin:-4px 0 0 -4px;display:none;position:absolute}.chron[data-live] .chron-marker{display:block}@media (min-width:768px){.chron-marker{left:50%}}.chron-row{grid-column:1;grid-row:var(--r-p);transition:opacity var(--duration-recede) var(--ease-settle);padding:1.9rem 0 3rem;position:relative}.chron-hook{top:var(--hook);background:var(--color-rule-strong);pointer-events:none;height:1px;position:absolute}@media (max-width:767px){.chron-row[data-mside=r]{padding-right:var(--spine)}.chron-row[data-mside=l]{padding-left:var(--spine)}.chron-row[data-mside=r] .chron-stack{text-align:right;align-items:flex-end;margin-left:auto}.chron-row[data-mside=r] .chron-stats{justify-content:flex-end}.chron-row[data-mside=r] .chron-head{flex-direction:row-reverse}.chron-row[data-mside=r] .chron-stats :where(dd)>:where(svg){margin-left:auto}.chron-row[data-mside=r] .chron-hook{right:var(--line-off);width:var(--line-off);transform-origin:100%}.chron-row[data-mside=l] .chron-hook{left:var(--line-off);width:var(--line-off);transform-origin:0}.chron-row[data-mapprox] .chron-hook{border-top:1px dashed var(--color-rule-strong);background:0 0;height:0}}@media (min-width:768px){.chron-row{grid-row:var(--r-d);padding-left:var(--hang)}.chron-hook{left:calc(-1 * var(--line-x));width:calc(var(--line-x) + var(--hang));transform-origin:0}.chron-row[data-approx] .chron-hook{border-top:1px dashed var(--color-rule-strong);background:0 0;height:0}}.chron-stack{flex-direction:column;align-items:flex-start;width:100%;display:flex}.chron-a{align-items:inherit;width:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex;position:relative}.chron-a:focus-visible{outline-offset:10px}@media (min-width:768px){.chron-stack{width:var(--w,100%)}.chron-row[data-side=l]{padding-left:0;padding-right:var(--hang);text-align:right;grid-column:1}.chron-row[data-side=l] .chron-stack{align-items:flex-end;margin-left:auto}.chron-row[data-side=l] .chron-stats{justify-content:flex-end}.chron-row[data-side=l] .chron-head{flex-direction:row-reverse}.chron-row[data-side=l] .chron-hook{left:auto;right:calc(-1 * var(--line-x));transform-origin:100%}.chron-row[data-side=r]{grid-column:3}}.chron-head{align-items:baseline;gap:1rem;display:flex}.chron-num{letter-spacing:-.05em;color:var(--color-ink);transition:color var(--duration-tint);font-size:clamp(2.75rem,4.4vw,4.25rem);font-weight:900;line-height:.9}.chron-row[data-active] .chron-num{color:var(--color-paint)}.chron-status{color:var(--color-ink-faint);align-items:center;gap:.45rem;display:inline-flex}.chron-status>:where(i){border:1px solid var(--color-ink);background:var(--color-ink);flex:none;width:7px;height:7px;display:block}.chron-status[data-status=ongoing]>:where(i){border-color:var(--color-paint);background:var(--color-paint)}.chron-status[data-status=planned]>:where(i){background:0 0}.chron-cover{width:100%;margin-top:1rem;display:block;position:relative}.chron-frame{aspect-ratio:var(--ar,3/2);background:var(--color-plaster-deep);clip-path:inset(0%);transition:clip-path var(--duration-reveal) var(--ease-settle);display:block;overflow:hidden}.chron-frame :where(img){object-position:var(--focal,50% 50%)}.chron-mask{clip-path:inset(-.35em 0);width:100%;display:block}.chron-title{letter-spacing:-.02em;text-wrap:balance;margin:1rem 0 0;font-size:clamp(1.375rem,2.1vw,1.875rem);font-weight:500;line-height:1.08}.chron-stats{flex-wrap:wrap;gap:.75rem 2rem;margin:1.1rem 0 0;padding:0;display:flex}.chron-stats>:where(div){margin:0}.chron-stats :where(dt){letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-faint);margin:0 0 .2rem;font-size:.625rem;font-weight:500}.chron-stats :where(dd){color:var(--color-ink);margin:0;font-size:.9375rem;line-height:1.35}.chron-stats :where(dd)>:where(svg){color:var(--color-paint);margin-top:.4rem;display:block}.chron-row[data-side=l] .chron-stats :where(dd)>:where(svg){margin-left:auto}@media (hover:hover){.chron-list:has(.chron-a:hover) .chron-row:not(:has(.chron-a:hover)){opacity:.3}.chron-a:hover .chron-frame{clip-path:inset(5%)}.chron-a:hover .chron-num{color:var(--color-paint)}}.chron-list:has(.chron-a:focus-visible) .chron-row:not(:has(.chron-a:focus-visible)){opacity:.3}.chron-a:focus-visible .chron-frame{clip-path:inset(5%)}.chron-a:focus-visible .chron-num{color:var(--color-paint)}@media (min-width:768px){.chron-loose .chron-cover{left:var(--lx);top:var(--ly);width:var(--lw);z-index:var(--lz);transform:rotate(var(--lr));margin:0;position:fixed}}.chron-span{letter-spacing:-.05em;font-size:clamp(2.5rem,6.5vw,5.5rem);font-weight:900;line-height:.85}.chron-on{letter-spacing:-.02em;color:var(--color-ink);border-bottom:1px solid var(--color-rule-strong);transition:color var(--duration-tint), border-color var(--duration-tint);align-items:center;gap:.9rem;padding-bottom:.35rem;font-size:clamp(1.5rem,2.6vw,2.25rem);font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.chron-on>:where(svg){transition:transform var(--duration-mark) var(--ease-settle)}.chron-on:hover,.chron-on:focus-visible{color:var(--color-paint-text);border-color:var(--color-paint)}.chron-on:hover>:where(svg),.chron-on:focus-visible>:where(svg){transform:translate(.35rem,-.35rem)rotate(-45deg)}.chron-curtain{z-index:50;padding:var(--spacing-gutter);background:var(--color-ink);color:var(--color-plaster);pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0;transform:translate(101%)}.chron-curtain>:where(span:first-child){letter-spacing:-.05em;font-size:clamp(5rem,14vw,12rem);font-weight:900;line-height:.85}.chron-curtain>:where(span:last-child){letter-spacing:-.02em;margin-top:.75rem;font-size:clamp(1.25rem,2.4vw,2rem);font-weight:500}}