.abi-tl-stage{--rail-top:32%;z-index:1;touch-action:none;cursor:grab;outline:none;height:100dvh;position:fixed;inset:0;overflow:hidden}.abi-tl-stage[data-drag=true]{cursor:grabbing}.abi-tl-label{z-index:4;color:color-mix(in srgb, var(--bone) 62%, transparent);font-family:var(--font-mono);letter-spacing:.2em;text-transform:lowercase;pointer-events:none;margin:0;font-size:11px;position:absolute;top:clamp(84px,12vh,132px);left:clamp(24px,6vw,96px)}.abi-tl-playhead{top:var(--rail-top);z-index:3;pointer-events:none;width:1px;height:0;position:absolute}.abi-tl-star{background:var(--bone);width:5px;height:5px;box-shadow:0 0 10px color-mix(in srgb, var(--bone) 45%, transparent);border-radius:50%;margin:-2.5px 0 0 -2.5px;position:absolute;top:0;left:0}.abi-tl-trail{opacity:0;pointer-events:none;will-change:opacity;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.abi-tl-track{will-change:transform;height:100%;position:absolute;inset:0 auto 0 0}.abi-tl-node{top:var(--rail-top);--charge:0;width:0;height:0;position:absolute}.abi-tl-node-bar{left:-1px;top:calc(-14px - var(--charge) * 12px);width:2px;height:calc(28px + var(--charge) * 24px);background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--bone) calc(30% + var(--charge) * 65%), transparent), transparent);position:absolute}.abi-tl-node-halo{width:calc(10px + var(--charge) * 78px);height:calc(10px + var(--charge) * 78px);opacity:calc(var(--charge) * .5);background:radial-gradient(circle, color-mix(in srgb, var(--bone) 40%, transparent), transparent 68%);border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.abi-tl-node:after{content:"";background:var(--bone);width:6px;height:6px;opacity:calc(.35 + var(--charge) * .65);transform:scale(calc(.7 + var(--charge) * .7));border-radius:50%;position:absolute;top:-3px;left:-3px}.abi-tl-node[data-upcoming=true] .abi-tl-node-bar{background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--spark) calc(28% + var(--charge) * 62%), transparent), transparent)}.abi-tl-node[data-upcoming=true]:after{box-shadow:inset 0 0 0 1px var(--spark);background:0 0}.abi-tl-node[data-upcoming=true] .abi-tl-node-halo{background:radial-gradient(circle, color-mix(in srgb, var(--spark) 38%, transparent), transparent 68%)}.abi-tl-now{top:var(--rail-top);background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--spark) 85%, transparent), transparent);width:1px;height:96px;margin-top:-48px;animation:3.4s ease-in-out infinite abi-tl-pulse;position:absolute}.abi-tl-now:before,.abi-tl-now:after{content:"";background:color-mix(in srgb, var(--spark) 75%, transparent);width:7px;height:1px;position:absolute;left:-3px}.abi-tl-now:before{top:8px}.abi-tl-now:after{bottom:8px}@keyframes abi-tl-pulse{0%,to{opacity:.55}50%{opacity:1}}.abi-tl-now span{color:var(--spark);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;font-size:11px;position:absolute;top:-22px;left:0;transform:translate(-50%)}.abi-tl-card{top:calc(var(--rail-top) + 68px);opacity:0;will-change:transform, opacity;width:24rem;max-width:74vw;position:absolute;transform:translateY(22px)}.abi-tl-card .abi-record{margin:0 0 10px}.abi-tl-card h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--bone);margin:0 0 12px;font-size:clamp(26px,3vw,38px);font-weight:300;line-height:1.12}.abi-tl-card p{color:color-mix(in srgb, var(--bone) 78%, transparent);margin:0}.abi-tl-card[data-upcoming=true] .abi-record{color:var(--spark)}.abi-tl-card[data-upcoming=true] h2{color:color-mix(in srgb, var(--bone) 72%, transparent)}.abi-tl-card a{background:color-mix(in srgb, var(--bone) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bone) 26%, transparent);color:var(--bone);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;margin-top:18px;padding:10px 18px;font-size:11px;text-decoration:none;transition:background .24s,box-shadow .24s;display:inline-block}.abi-tl-card a:hover{background:color-mix(in srgb, var(--bone) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bone) 46%, transparent)}.abi-tl-card[data-upcoming=true] a{color:var(--spark);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--spark) 36%, transparent)}.abi-tl-hint,.abi-tl-readout{z-index:3;color:color-mix(in srgb, var(--bone) 55%, transparent);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;pointer-events:none;margin:0;font-size:11px;position:absolute;bottom:clamp(28px,6vh,64px)}.abi-tl-hint{transition:opacity .6s;left:clamp(24px,6vw,96px)}.abi-tl-hint[data-gone=true]{opacity:0}.abi-tl-readout{color:color-mix(in srgb, var(--bone) 70%, transparent);right:clamp(24px,6vw,96px)}.abi-tl-empty{top:calc(var(--rail-top) + 68px);max-width:28rem;position:absolute}@media (width<=760px){.abi-tl-stage{--rail-top:30%}.abi-tl-label{top:clamp(70px,11vh,104px);left:20px}.abi-tl-card{top:calc(var(--rail-top) + 54px);width:calc(100vw - 40px);max-width:calc(100vw - 40px)}.abi-tl-card h2{font-size:clamp(24px,7vw,30px)}.abi-tl-card .abi-body{font-size:15px;line-height:1.5}.abi-tl-card a{align-items:center;min-height:44px;padding:12px 20px;display:inline-flex}.abi-tl-empty{max-width:calc(100vw - 40px);left:20px!important}.abi-tl-hint{left:20px}.abi-tl-readout{right:20px}}@media (prefers-reduced-motion:reduce){.abi-tl-card{opacity:1;transform:none}}