.tl2{max-width:min(100%,60rem);margin-inline:auto;--rail-x: 8px}.tl2-sr-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tl2-spine{display:none}.tl2-beats{position:relative;padding-left:var(--s-5)}.tl2-beats:before{content:"";position:absolute;left:var(--rail-x);top:8px;bottom:8px;width:2px;background:var(--rule-bright)}.tl2-beat{position:relative;padding-bottom:var(--s-8)}.tl2-beat:last-of-type{padding-bottom:0}.tl2-beat-node{position:absolute;left:calc(var(--rail-x) - 5px);top:5px;width:12px;height:12px;border-radius:50%;background:var(--bg-raised);border:2px solid var(--accent)}.tl2-beat-body{min-width:0}.tl2-beat-graphic{margin-bottom:var(--s-4)}.tl2-plate{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);background:linear-gradient(135deg,var(--bg-card),var(--bg-raised));border:var(--hair) solid var(--rule);border-left:2px solid var(--accent);border-radius:var(--r-md)}.tl2-plate-index{font-family:var(--font-display);font-size:clamp(2.75rem,7vw,4rem);font-weight:600;line-height:.9;color:var(--accent);text-shadow:var(--halo-star);font-variant-numeric:lining-nums}.tl2-plate-meta{display:flex;flex-direction:column;gap:var(--s-1)}.tl2-plate-year{font-family:var(--font-mono);font-size:var(--t-md);letter-spacing:.04em;color:var(--ink-dim)}.tl2-plate-gap{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--editorial)}.tl2-plate--image{display:block;padding:0;border:var(--hair) solid var(--rule);border-left:2px solid var(--accent);overflow:clip}.tl2-plate--image img{display:block;width:100%;height:auto}.tl2-plate-credit{display:block;padding:var(--s-2) var(--s-4);font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.04em;color:var(--ink-faint);border-top:var(--hair) solid var(--rule)}.tl2-beat-head{margin-bottom:var(--s-2)}.tl2-beat-date{font-family:var(--font-mono);font-size:var(--t-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.tl2-beat-label{margin:0 0 var(--s-3);font-family:var(--font-display);font-size:var(--t-lg);font-weight:600;line-height:var(--lh-tight);color:var(--ink)}.tl2-beat-detail{margin:0;font-family:var(--font-read);font-size:var(--t-read);line-height:var(--lh-read);letter-spacing:var(--track-read);color:var(--read)}.tl2-tail{height:0}@media(min-width:701px){.tl2--live .tl2-grid{display:grid;grid-template-columns:minmax(13rem,15rem) minmax(0,1fr);gap:var(--s-8)}.tl2--live .tl2-spine{display:block}.tl2--live .tl2-spine-sticky{position:sticky;top:calc(var(--tl2-top, 0px) + var(--s-5));height:min(74vh,620px);display:flex;flex-direction:column}.tl2-readout{display:flex;flex-direction:column;gap:var(--s-1);padding-bottom:var(--s-4);margin-bottom:var(--s-2);border-bottom:var(--hair) solid var(--rule);min-height:6.5em}.tl2-readout-seq{font-family:var(--font-mono);font-size:var(--t-sm);letter-spacing:.12em;color:var(--accent)}.tl2-readout-total{color:var(--ink-faint)}.tl2-readout-date{font-family:var(--font-display);font-size:var(--t-2xl);font-weight:600;line-height:1;color:var(--accent);text-shadow:var(--halo-star)}.tl2-readout-label{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);overflow-wrap:anywhere}.tl2-rail{position:relative;flex:1;min-height:0}.tl2-rail-track,.tl2-rail-fill{position:absolute;left:calc(var(--rail-x) - 1px);top:8%;height:84%;width:2px}.tl2-rail-track{background:var(--rule-bright)}.tl2-rail-fill{background:var(--accent);transform:scaleY(var(--tl-progress, 0));transform-origin:top center;box-shadow:0 0 10px color-mix(in oklab,var(--accent) 55%,transparent);will-change:transform}.tl2-node{position:absolute;left:0;right:0;transform:translateY(-50%);display:flex;align-items:center;gap:var(--s-3);padding:0;background:none;border:0;cursor:pointer;text-align:left}.tl2-node-dot{flex:none;margin-left:calc(var(--rail-x) - 4.5px);width:11px;height:11px;border-radius:50%;background:var(--bg-raised);border:2px solid var(--ink-faint);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.tl2-node-date{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.02em;color:var(--ink-faint);transition:color var(--dur-fast) var(--ease-out)}.tl2-node--on .tl2-node-dot{border-color:var(--accent-dim)}.tl2-node--on .tl2-node-date{color:var(--ink-dim)}.tl2-node--active .tl2-node-dot{background:var(--accent);border-color:var(--accent);transform:scale(1.35);box-shadow:0 0 8px color-mix(in oklab,var(--accent) 65%,transparent)}.tl2-node--active .tl2-node-date{color:var(--ink);font-weight:600}.tl2-node:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--r-sm)}.tl2-hint{margin:var(--s-3) 0 0;font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.tl2--live .tl2-beats{padding-left:0}.tl2--live .tl2-beats:before{display:none}.tl2--live .tl2-beat-node{display:none}.tl2--live .tl2-beat{min-height:64vh;display:flex;flex-direction:column;justify-content:center;padding-bottom:0;opacity:.42;transition:opacity var(--dur) var(--ease-out)}.tl2--live .tl2-beat--active{opacity:1}.tl2--live .tl2-tail{height:42vh}.tl2--live .tl2-beat-label{font-size:var(--t-xl)}}@media(prefers-reduced-motion:reduce){.tl2-node-dot,.tl2-node-date,.tl2-beat,.tl2-rail-fill{transition:none}.tl2-rail-fill,.tl2-node--active .tl2-node-dot,.tl2-plate-index{box-shadow:none;text-shadow:none}}