.jn-tether{--rail-l:calc(50% / var(--n));--span:calc(100% - 100% / var(--n));view-timeline-name:--jn-tether;view-timeline-axis:block;gap:28px;margin-top:clamp(28px,4vw,44px);display:grid;container-type:inline-size}.jn-tether__line{padding-top:8px;position:relative}.jn-tether__rail,.jn-tether__fill,.jn-tether__reach,.jn-tether__loop{border-radius:3px;height:3px;position:absolute;top:17px}.jn-tether__rail{left:var(--rail-l);right:var(--rail-l);background:color-mix(in srgb, var(--ovaflow-ink) 12%, transparent)}.jn-tether__fill{left:var(--rail-l);width:calc(var(--span) * var(--cur) / (var(--n) - 1));background:var(--accent);transform-origin:0}.jn-tether__reach{left:calc(var(--rail-l) + var(--span) * var(--cur) / (var(--n) - 1));width:calc(var(--span) / (var(--n) - 1));background:repeating-linear-gradient(90deg, var(--accent) 0 7px, transparent 7px 12px)}.jn-tether__loop{left:var(--rail-l);right:var(--rail-l);background:repeating-linear-gradient(90deg, var(--amber) 0 7px, transparent 7px 12px)}.jn-tether__nodes{grid-template-columns:repeat(var(--n), minmax(0, 1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.jn-tether__node{min-width:0;display:grid}.jn-tether__title{font:500 12px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ovaflow-muted);margin:0 0 -12px}.jn-tether__link{text-align:center;min-height:44px;color:inherit;border-radius:10px;align-content:start;justify-items:center;gap:6px;padding-bottom:4px;text-decoration:none;display:grid}.jn-tether__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:hover) and (pointer:fine){.jn-tether__link:hover .jn-tether__label{color:var(--ovaflow-ink);text-underline-offset:3px;text-decoration:underline}}.jn-tether__dot{width:22px;height:22px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ovaflow-ink) 22%, transparent);background:#fff;border-radius:50%}.jn-tether__node[data-state=past] .jn-tether__dot{background:var(--accent);box-shadow:none;transform:scale(.64)}.jn-tether__node[data-state=current] .jn-tether__dot{background:var(--accent);box-shadow:0 0 0 5px #fff, 0 0 0 7px var(--accent)}.jn-tether__node[data-state=next] .jn-tether__dot{box-shadow:inset 0 0 0 2px var(--accent)}.jn-tether__num{font:500 12px/1.3 var(--font-mono);color:var(--ovaflow-muted);font-variant-numeric:tabular-nums}.jn-tether__label{max-width:11ch;font:600 13px/1.25 var(--font-display);color:var(--ovaflow-secondary)}.jn-tether__node[data-state=current] :is(.jn-tether__num,.jn-tether__label){color:var(--accent)}.jn-tether__node[data-state=current] .jn-tether__label{color:var(--ovaflow-ink)}@media (max-width:759.98px){.jn-tether__label{display:none}.jn-tether__dot{width:16px;height:16px}.jn-tether__rail,.jn-tether__fill,.jn-tether__reach,.jn-tether__loop{top:14px}}.jn-tether__clock{width:min(100%,440px);box-shadow:0 0 0 1px var(--ovaflow-line), 0 24px 48px -36px #16171952;background:#fff;border-radius:22px;margin-inline-start:clamp(0px, calc((100% - 440px) * var(--cur) / (var(--n) - 1)), max(0px, 100% - 440px));padding:20px 22px 22px;position:relative}.jn-tether__clock:before{content:"";left:clamp(18px, calc(100cqw * (var(--cur) + .5) / var(--n) - clamp(0px, (100cqw - 440px) * var(--cur) / (var(--n) - 1), max(0px, 100cqw - 440px)) - 9px), calc(min(100cqw, 440px) - 36px));width:18px;height:18px;box-shadow:-1px -1px 0 0 var(--ovaflow-line);background:#fff;border-radius:4px;position:absolute;top:-10px;transform:rotate(45deg)}.jn-tether__k{font:500 12px/1.4 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin:0}.jn-tether__when{font:600 clamp(24px, 2.4vw, 32px) / 1.12 var(--font-display);letter-spacing:-.022em;color:var(--ovaflow-ink);font-variant-numeric:tabular-nums;margin:6px 0 0}.jn-tether__detail{color:var(--ovaflow-secondary);margin:10px 0 0;font-size:16px;line-height:1.5}.jn-tether__fx{color:var(--ovaflow-muted)}@supports (animation-timeline:view()){html:is([data-motion-tier=A],[data-motion-tier=B]) .jn-tether__fill{animation:linear both jn-tether-fill;animation-timeline:--jn-tether;animation-range:entry 30% cover 42%}html:is([data-motion-tier=A],[data-motion-tier=B]) .jn-tether__reach{animation:linear both jn-tether-reach;animation-timeline:--jn-tether;animation-range:cover 40% cover 56%}html:is([data-motion-tier=A],[data-motion-tier=B]) .jn-tether__loop{animation:linear both jn-tether-reach;animation-timeline:--jn-tether;animation-range:entry 30% cover 50%}html:is([data-motion-tier=A],[data-motion-tier=B]) .jn-tether__node[data-state=current] .jn-tether__dot{animation:linear both jn-tether-dot;animation-timeline:--jn-tether;animation-range:cover 30% cover 44%}html:is([data-motion-tier=A],[data-motion-tier=B]) .jn-tether__clock{animation:linear both jn-tether-clock;animation-timeline:--jn-tether;animation-range:entry 40% cover 46%}}@keyframes jn-tether-fill{0%{transform:scaleX(0)}}@keyframes jn-tether-reach{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes jn-tether-dot{0%{transform:scale(.4)}}@keyframes jn-tether-clock{0%{transform:translate(-28px,26px)}}.jn-stage-hero__spine .jn-tether{margin-top:0}.ovf-hero.jn-stage-hero{overflow:clip}