.j-phone{--jp-k:.79;width:calc(268px * var(--jp-k));height:calc(555px * var(--jp-k));flex-shrink:0;position:relative}.j-phone-inner{width:268px;transform:scale(var(--jp-k));transform-origin:0 0;position:absolute;top:0;left:0}.j-screen{transform:scale(.683333)}@media (min-width:1024px){.j-phone{--jp-k:1}}.j-road,.j-road-dash,.j-road-lit{fill:none;stroke-linecap:round}.j-road{stroke:var(--kt-line);stroke-width:12px}.j-road-dash{stroke:var(--kt-surface);stroke-width:2.5px;stroke-dasharray:2 12}.j-road-lit{stroke:var(--kt-mark);stroke-width:12px}@media (min-width:1024px){.j-road,.j-road-lit{stroke-width:16px}}.j-dot{transition:background-color .4s,color .4s,box-shadow .4s,transform .5s cubic-bezier(.2,.9,.3,1.3)}.j-trail[data-ready] [data-stop]:not([data-lit=true]) .j-dot{background:var(--kt-surface);color:var(--kt-ink-3);box-shadow:0 0 0 1px var(--kt-line);transform:scale(.86)}.j-trail[data-ready] [data-stop][data-lit=true] .j-dot{background:var(--kt-mark);color:var(--kt-mark-ink);box-shadow:0 0 0 6px color-mix(in oklab, var(--kt-mark) 30%, transparent)}.j-copy,.j-visual{transition:opacity .6s,transform .7s cubic-bezier(.2,.7,.2,1)}.j-trail[data-ready] [data-stop]:not([data-lit=true]) .j-copy{opacity:.4;transform:translateY(14px)}.j-trail[data-ready] [data-stop]:not([data-lit=true]) .j-visual{opacity:.35;transform:translateY(28px)scale(.96)}.j-walker{--jw:58px;z-index:5;width:var(--jw);height:calc(var(--jw) * 1.4);margin-left:calc(var(--jw) * -.5);margin-top:calc(var(--jw) * -1.31);pointer-events:none;will-change:transform;position:absolute;top:0;left:0}@media (min-width:1024px){.j-walker{--jw:84px}}.j-trail:not([data-ready]) .j-walker{opacity:0}.j-face{width:100%;height:100%;transition:transform .35s}.j-walker[data-facing=left] .j-face{transform:scaleX(-1)}.j-walker-svg{width:100%;height:100%;filter:drop-shadow(0 0 1.2px var(--kt-paper)) drop-shadow(0 0 1.2px var(--kt-paper)) drop-shadow(0 3px 4px #1b23292e);overflow:visible}.j-walker-svg line,.j-walker-svg polyline{fill:none;stroke:var(--kt-ink);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.j-walker-svg .j-shirt{stroke:var(--kt-flame);stroke-width:15px}.j-head circle,.j-hand{fill:var(--kt-ink)}.j-back line,.j-back polyline{stroke:var(--kt-ink-2)}.j-back .j-hand{fill:var(--kt-ink-2)}.j-shadow{fill:var(--kt-ink);opacity:.1}.j-ache polyline{stroke:var(--kt-pain);stroke-width:2.6px}.j-spark path{fill:var(--kt-mark);stroke:var(--kt-mark-deep);stroke-width:.8px}.j-ache,.j-spark{transition:opacity .5s}.j-walker-svg g{transform-box:view-box}.j-torso,.j-hip,.j-hip-l{transform-origin:50px 82px}.j-knee,.j-knee-l{transform-origin:50px 106px}.j-sh,.j-sh-l{transform-origin:50px 54px}.j-el{transform-origin:50px 73px}.j-head{transform-origin:50px 48px}.j-torso{transform:rotate(var(--torso))}.j-head{transform:rotate(var(--head))}.j-hip-f{transform:rotate(var(--hipF))}.j-hip-b{transform:rotate(var(--hipB))}.j-knee-f{transform:rotate(var(--kneeF))}.j-knee-b{transform:rotate(var(--kneeB))}.j-sh-f{transform:rotate(var(--shF))}.j-sh-b{transform:rotate(var(--shB))}.j-el-f{transform:rotate(var(--elF))}.j-el-b{transform:rotate(var(--elB))}.j-torso,.j-head,.j-hip,.j-knee,.j-sh,.j-el{transition:transform .7s cubic-bezier(.3,.7,.3,1)}@keyframes j-swing{0%,to{transform:rotate(calc(var(--amp) * -1))}50%{transform:rotate(var(--amp))}}@keyframes j-bend{0%,50%,to{transform:rotate(0)}25%{transform:rotate(var(--amp))}}@keyframes j-bob{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--bob) * -1))}}.j-hip-l,.j-sh-l{animation:j-swing var(--dur) ease-in-out infinite}.j-knee-l{animation:j-bend var(--dur) ease-in-out infinite}.j-hip-l,.j-knee-l{--amp:var(--legAmp)}.j-knee-l{--amp:var(--kneeAmp)}.j-sh-l-f{--amp:var(--armAmpF)}.j-sh-l-b{--amp:var(--armAmpB)}.j-hip-l-b,.j-knee-l-b,.j-sh-l-f{animation-delay:calc(var(--dur) * -.5)}.j-body{animation:j-bob calc(var(--dur) / 2) ease-in-out infinite}.j-walker{--torso:20deg;--head:10deg;--hipF:-4deg;--hipB:4deg;--kneeF:10deg;--kneeB:12deg;--shF:-8deg;--shB:35deg;--elF:-25deg;--elB:-110deg;--legAmp:8deg;--kneeAmp:8deg;--armAmpF:5deg;--armAmpB:0deg;--dur:1.7s;--bob:1px}.j-walker[data-stage="1"]{--torso:15deg;--head:6deg;--legAmp:11deg;--dur:1.5s}.j-walker[data-stage="2"]{--torso:6deg;--head:0deg;--shB:4deg;--elB:-18deg;--elF:-18deg;--shF:0deg;--kneeF:4deg;--kneeB:4deg;--hipF:0deg;--hipB:0deg;--legAmp:16deg;--kneeAmp:16deg;--armAmpF:14deg;--armAmpB:14deg;--dur:1.2s;--bob:2px}.j-walker[data-stage="3"]{--torso:3deg;--head:-2deg;--shB:0deg;--elB:-20deg;--elF:-20deg;--shF:0deg;--kneeF:4deg;--kneeB:4deg;--hipF:0deg;--hipB:0deg;--legAmp:22deg;--kneeAmp:20deg;--armAmpF:22deg;--armAmpB:22deg;--dur:.95s;--bob:3px}.j-walker[data-stage="4"]{--torso:0deg;--head:-4deg;--shF:-85deg;--shB:-85deg;--elF:-8deg;--elB:-8deg;--hipF:-10deg;--hipB:10deg;--kneeF:6deg;--kneeB:6deg;--legAmp:12deg;--kneeAmp:34deg;--armAmpF:72deg;--armAmpB:72deg;--dur:1.5s;--bob:2px}.j-walker[data-stage="4"] .j-sh-l-f{animation-delay:0s}.j-walker[data-stage="5"]{--torso:10deg;--head:-2deg;--shF:-10deg;--shB:10deg;--elF:-95deg;--elB:-95deg;--hipF:-8deg;--hipB:0deg;--kneeF:20deg;--kneeB:20deg;--legAmp:32deg;--kneeAmp:40deg;--armAmpF:32deg;--armAmpB:32deg;--dur:.66s;--bob:4px}.j-walker[data-stage="6"]{--torso:0deg;--head:-8deg;--shF:-150deg;--shB:150deg;--elF:-12deg;--elB:-12deg;--hipF:-3deg;--hipB:3deg;--kneeF:0deg;--kneeB:0deg;--legAmp:0deg;--kneeAmp:14deg;--armAmpF:9deg;--armAmpB:9deg;--dur:.9s;--bob:8px}.j-walker[data-stage="2"] .j-ache,.j-walker[data-stage="3"] .j-ache,.j-walker[data-stage="4"] .j-ache,.j-walker[data-stage="5"] .j-ache,.j-walker[data-stage="6"] .j-ache{opacity:0}.j-walker[data-stage="1"] .j-ache{opacity:.55}.j-spark{opacity:0}.j-walker[data-stage="6"] .j-spark{opacity:1}@keyframes j-finish{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--kt-mark) 60%, transparent)}50%{box-shadow:0 0 0 12px color-mix(in oklab, var(--kt-mark) 0%, transparent)}}.j-trail[data-ready] [data-stop][data-lit=true] .j-dot-last{animation:2.2s ease-in-out infinite j-finish}@media (max-width:639px){.j-walker-svg{filter:drop-shadow(0 0 1.2px var(--kt-paper))}.j-copy,.j-visual{transition:opacity .45s,transform .5s cubic-bezier(.2,.7,.2,1)}.j-trail[data-ready] [data-stop]:not([data-lit=true]) .j-copy{transform:translateY(8px)}.j-trail[data-ready] [data-stop]:not([data-lit=true]) .j-visual{transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.j-walker *,.j-walker,.j-dot,.j-copy,.j-visual{transition:none!important;animation:none!important}}