.timeline .demo-scroll-column{padding:0 64px 60dvh 32px}.timeline-lede{height:calc(30dvh - var(--demo-bar));color:var(--demo-dim);flex-direction:column;justify-content:flex-end;gap:16px;padding-bottom:20px;display:flex}.timeline-lede p{margin:0}.timeline-roles{margin:0;padding:0;list-style:none}.timeline-roles>li{min-height:calc(100dvh - var(--demo-bar));display:flex}.timeline-role{border-top:1px solid var(--demo-line);opacity:.7;width:100%;transition:opacity var(--dur-move) var(--ease);scroll-margin-top:var(--demo-bar);padding:16px 0 56px}.timeline-role[data-active=true]{opacity:1}.timeline-role[data-match=false]{opacity:.55}.timeline-role[data-match=true] h2{text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:1px}.timeline-dates{color:var(--demo-dim)}.timeline-achievements{margin:0 0 8px;padding-left:2ch}.timeline-tech{-moz-column-gap:2ch;flex-wrap:wrap;column-gap:2ch;margin:0;padding:0;list-style:none;display:flex}.timeline-tech button{min-height:44px;color:inherit;font:inherit;text-underline-offset:4px;cursor:pointer;text-decoration:underline}.timeline-tech button:hover,.timeline-tech button[aria-pressed=true]{color:var(--demo-white)}.timeline-tech button[aria-pressed=true]{text-decoration-thickness:2px}.timeline-stage{width:100%;height:100%;position:relative}.timeline-canvas{isolation:isolate;pointer-events:none;animation:timeline-fade var(--dur-move) var(--ease);position:absolute;inset:0}.timeline-canvas[data-look=true]{pointer-events:auto;touch-action:none;cursor:grab}@keyframes timeline-fade{0%{opacity:0}}.timeline-label,.timeline-year,.timeline-place{white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:12px;line-height:1}.timeline-label{color:var(--demo-bone);transform:translate(26px,-50%)}.timeline-label[data-tone=active]{color:var(--demo-white)}.timeline-label[data-tone=dim]{color:var(--demo-dim)}.timeline-year{color:var(--demo-dim);transform:translate(6px,-50%)}.timeline-place{color:var(--demo-dim);text-underline-offset:3px;text-decoration:underline;transform:translate(calc(-100% - 18px),18px)}@media (min-width:768px){.timeline .demo-rail{width:min(320px,100% - 32px);max-height:calc(100% - 32px);top:auto;bottom:16px}}.timeline-rail{top:var(--demo-bar);z-index:4;cursor:pointer;touch-action:none;width:44px;position:fixed;bottom:0;right:0}.timeline-rail[data-over=true]{opacity:0;pointer-events:none}.timeline-rail-track{background:var(--demo-line);width:1px;position:absolute;top:44px;bottom:44px;left:50%}.timeline-rail-fill{width:1px;height:calc(var(--timeline-p,0) * 100%);background:var(--demo-bone);position:absolute;top:0;left:0}.timeline-rail-diamond{background:var(--demo-black);border:1px solid var(--demo-dim);width:9px;height:9px;position:absolute;left:0;transform:translate(-50%,-50%)rotate(45deg)}.timeline-rail-diamond[data-active=true]{background:var(--demo-white);border-color:var(--demo-white)}.timeline-rail-diamond[data-match=true]{border-color:var(--demo-white)}.timeline-rail-diamond[data-match=false]{opacity:.45}.timeline-rail-year{text-align:center;font-size:12px;position:absolute;left:0;right:0}.timeline-rail-year[data-end=start]{top:12px}.timeline-rail-year[data-end=end]{bottom:12px}.timeline-nogl{grid-template-columns:minmax(0,1fr)}.timeline-nogl .demo-scroll-visual{display:none}.timeline-nogl .demo-scroll-column{border-left:0;width:min(68ch,100%);margin:0 auto}.timeline-nogl .timeline-roles{border-left:1px solid var(--demo-dim)}.timeline-nogl .timeline-roles>li{padding-left:28px;position:relative}.timeline-nogl .timeline-roles>li:before{content:"";background:var(--demo-black);border:1px solid var(--demo-white);width:9px;height:9px;position:absolute;top:20px;left:0;transform:translate(-50%,-50%)rotate(45deg)}.timeline-nogl .timeline-role{border-top:0}@media (max-width:767px){.timeline .demo-scroll-column{padding:0 36px 40dvh 16px}.timeline-lede{height:auto;min-height:64px;padding:20px 0 12px}.timeline-roles>li{min-height:60dvh}.timeline .demo-sheet{background:var(--demo-black)}.timeline-rail{width:28px}.timeline-rail-year{font-size:10px}}@media (prefers-reduced-motion:reduce){.timeline-canvas{animation:none}}