.lp-steps{--sa-hot:255 104 7;--sa-ivory:247 235 215;container-type:inline-size}.lp-steps .lp-step:after{content:"";position:absolute;top:.35rem;bottom:-.35rem;left:.4rem;width:1px;background:linear-gradient(180deg,rgb(var(--sa-hot)),rgb(var(--sa-hot)/.35));box-shadow:0 0 10px rgb(var(--sa-hot)/.7);transform-origin:50% 0;transition:transform .7s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i, 0) * .32s + .2s)}.lp-steps .lp-step:last-child:after{display:none}.lp-steps[data-armed]:not([data-seen]) .lp-step:after{transform:scaleY(0)}.lp-steps .lp-step__dot{z-index:1;background:rgb(var(--sa-hot));box-shadow:0 0 0 4px rgb(var(--sa-hot)/.18),0 0 18px rgb(var(--sa-hot)/.85);transition:background-color .4s ease,box-shadow .4s ease;transition-delay:calc(var(--i, 0) * .32s)}.lp-steps[data-armed]:not([data-seen]) .lp-step__dot{background:rgb(var(--c-ink));box-shadow:0 0 0 4px rgb(var(--sa-hot)/.1)}.lp-step__art{position:relative;margin:0 0 1rem;border-radius:14px;border:1px solid rgb(255 255 255/.08);background:radial-gradient(120% 90% at 50% 0,rgb(var(--sa-hot)/.12),transparent 60%),linear-gradient(180deg,rgb(255 255 255/.05),rgb(255 255 255/.015));box-shadow:inset 0 1px 0 rgb(255 255 255/.06);overflow:hidden;transition:border-color .4s ease,box-shadow .4s ease,translate .4s cubic-bezier(.22,1,.36,1)}.lp-steps[data-seen] .lp-step__art{border-color:rgb(var(--sa-hot)/.22);transition-delay:calc(var(--i, 0) * .32s)}@media (hover:hover) and (pointer:fine){.lp-step:hover .lp-step__art{translate:0 -3px;border-color:rgb(var(--sa-hot)/.5);box-shadow:inset 0 1px 0 rgb(255 255 255/.08),0 18px 40px -22px rgb(var(--sa-hot)/.8)}}.sa{display:block;width:100%;height:auto;aspect-ratio:16/10;overflow:visible}@media (max-width:1023px){.lp-step__art{max-width:22rem}}@media (min-width:1024px){.lp-steps .lp-step:after{top:.42rem;bottom:auto;left:1rem;right:-1.5rem;width:auto;height:1px;background:linear-gradient(90deg,rgb(var(--sa-hot)),rgb(var(--sa-hot)/.35));transform-origin:0 50%}.lp-steps[data-armed]:not([data-seen]) .lp-step:after{transform:scaleX(0)}.lp-step__art{margin-top:.25rem}}.sa-frame{fill:rgb(255 255 255/.03);stroke:rgb(255 255 255/.16);stroke-width:1}.sa-frame--dashed{stroke-dasharray:4 4}.sa-ink{fill:rgb(var(--sa-ivory)/.14)}.sa-ink-2{fill:rgb(var(--sa-ivory)/.26)}.sa-fill-hot,.sa-hot{fill:rgb(var(--sa-hot));filter:drop-shadow(0 0 4px rgb(var(--sa-hot)/.9))}.sa-stroke-hot{stroke:rgb(var(--sa-hot));stroke-width:3;stroke-linecap:round;fill:none}.sa-lens{fill:rgb(var(--sa-hot)/.08);stroke:rgb(var(--sa-hot));stroke-width:1.6;filter:drop-shadow(0 0 5px rgb(var(--sa-hot)/.7))}.sa-scanline{fill:rgb(var(--sa-hot)/.55);filter:drop-shadow(0 0 6px rgb(var(--sa-hot)));opacity:0}.sa-write{fill:none;stroke:rgb(var(--sa-ivory)/.55);stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.sa-write--hot{stroke:rgb(var(--sa-hot));filter:drop-shadow(0 0 4px rgb(var(--sa-hot)/.8))}.sa-card{fill:rgb(var(--sa-ivory)/.12);stroke:rgb(255 255 255/.18);stroke-width:1}.sa-card--hot{fill:rgb(var(--sa-hot)/.85);stroke:none;filter:drop-shadow(0 0 6px rgb(var(--sa-hot)/.6))}.sa-cursor-shape{fill:rgb(var(--sa-ivory));stroke:rgb(20 9 3);stroke-width:1}.sa-click{fill:none;stroke:rgb(var(--sa-hot));stroke-width:1.5;opacity:0}.sa-sw{transform-box:fill-box;transform-origin:50% 100%;transform:rotate(var(--r,0deg));stroke:rgb(0 0 0/.25);stroke-width:.6}.sa-sw--1{fill:rgb(var(--sa-hot));filter:drop-shadow(0 0 5px rgb(var(--sa-hot)/.6))}.sa-sw--2{fill:#c2410c}.sa-sw--3{fill:rgb(var(--sa-ivory))}.sa-sw--4{fill:#6b4152}.sa-type{font-family:var(--font-display,"Barlow Condensed",sans-serif);font-weight:700;font-size:30px;fill:rgb(var(--sa-ivory))}.sa-c1{fill:rgb(var(--sa-hot));filter:drop-shadow(0 0 5px rgb(var(--sa-hot)/.6))}.sa-c2{fill:rgb(var(--sa-ivory)/.85)}.sa-c3{fill:#8a5a6b}.sa-bob{transform-box:fill-box}.sa-ground{stroke:rgb(255 255 255/.18);stroke-width:1}.sa-curve{fill:none;stroke:rgb(var(--sa-hot));stroke-width:2;filter:drop-shadow(0 0 4px rgb(var(--sa-hot)/.7))}.sa-key{fill:rgb(var(--sa-ivory))}.sa-rider{fill:#fff;filter:drop-shadow(0 0 6px rgb(var(--sa-hot))) drop-shadow(0 0 2px #fff)}.sa-playhead{fill:rgb(var(--sa-hot)/.5)}.sa-size{fill:rgb(255 255 255/.03);stroke:rgb(255 255 255/.22);stroke-width:1.2}.sa-label{font-family:var(--lp-mono,ui-monospace,monospace);font-size:7px;letter-spacing:.08em;fill:rgb(var(--sa-ivory)/.55)}.sa-day{fill:rgb(var(--sa-ivory)/.08)}.sa-day--lit{fill:rgb(var(--sa-hot)/.6)}.sa-tile{fill:rgb(var(--sa-ivory)/.12);stroke:rgb(255 255 255/.14);stroke-width:1}.sa-check{fill:none;stroke:rgb(var(--sa-hot));stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 4px rgb(var(--sa-hot)/.8))}.sa-pop{transform-box:fill-box;transform-origin:30% 100%}.sa-file{fill:rgb(var(--sa-ivory)/.85)}.sa-file--hot{fill:rgb(var(--sa-hot));filter:drop-shadow(0 0 5px rgb(var(--sa-hot)/.7))}.sa-folder-front{fill:#1d1511;stroke:rgb(255 255 255/.16);stroke-width:1}.sa-badge{transform-box:fill-box;transform-origin:center}.sa-tick{fill:none;stroke:rgb(20 9 3);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.sa-day--lit,.sa-drop,.sa-ping,.sa-pulse,.sa-size,.sa-snap,.sa-tile,.sa-twinkle{transform-box:fill-box;transform-origin:center}@media (prefers-reduced-motion:no-preference){@media (min-width:1024px){.lp-steps[data-live=on][data-seen]:after{content:"";position:absolute;top:calc(.42rem - 1.5px);left:0;width:90px;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,rgb(255 214 170),rgb(var(--sa-hot)),transparent);filter:drop-shadow(0 0 8px rgb(var(--sa-hot)));pointer-events:none;animation:lp-comet 4.8s cubic-bezier(.45,0,.55,1) 2s infinite;opacity:0}}[data-live=on] .sa-scanline{animation:sa-scan 3.2s ease-in-out infinite}[data-live=on] .sa-glide{animation:sa-glide 6s ease-in-out infinite}[data-live=on] .sa-ping{animation:sa-ping 2.4s ease-out var(--d,0s) infinite}[data-live=on] .sa-write{animation:sa-write 4.4s cubic-bezier(.45,0,.2,1) var(--d,0s) infinite}[data-live=on] .sa-twinkle{animation:sa-twinkle 2.8s ease-in-out infinite}[data-live=on] .sa-snap{animation:sa-snap 5.2s cubic-bezier(.2,1.3,.35,1) var(--d,0s) infinite}[data-live=on] .sa-cursor{animation:sa-cursor 5.2s cubic-bezier(.45,0,.25,1) infinite}[data-live=on] .sa-click{animation:sa-click 5.2s ease-out infinite}[data-live=on] .sa-fan{animation:sa-fan 5s cubic-bezier(.2,1.2,.35,1) infinite}[data-live=on] .sa-bob{animation:sa-bob 1.8s ease-in-out var(--d,0s) infinite}[data-live=on] .sa-ride{animation:sa-ride 3.2s cubic-bezier(.45,0,.55,1) infinite}[data-live=on] .sa-playhead{animation:sa-playhead 3.2s cubic-bezier(.45,0,.55,1) infinite}[data-live=on] .sa-size{animation:sa-size 3.6s ease-in-out var(--d,0s) infinite}[data-live=on] .sa-day--lit{animation:sa-day 3.6s ease-in-out var(--d,0s) infinite}[data-live=on] .sa-tile{animation:sa-tile 3.6s ease-in-out var(--d,0s) infinite}[data-live=on] .sa-pulse{animation:sa-ping 1.8s ease-out infinite}[data-live=on] .sa-check{animation:sa-write 4s cubic-bezier(.45,0,.2,1) var(--d,0s) infinite}[data-live=on] .sa-pop{animation:sa-pop 4s cubic-bezier(.2,1.4,.35,1) infinite}[data-live=on] .sa-drop{animation:sa-drop 3.8s cubic-bezier(.3,1.25,.4,1) var(--d,0s) infinite}[data-live=on] .sa-badge{animation:sa-badge 3.8s cubic-bezier(.2,1.5,.35,1) infinite}}@keyframes lp-comet{0%{transform:translateX(-90px);opacity:0}10%{opacity:1}85%{opacity:1}to{transform:translateX(100cqw);opacity:0}}@keyframes sa-scan{0%{transform:translateX(0);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translateX(128px);opacity:0}}@keyframes sa-glide{0%,to{transform:translate(44px,34px)}30%{transform:translate(104px,28px)}60%{transform:translate(112px,66px)}80%{transform:translate(60px,50px)}}@keyframes sa-ping{0%{transform:scale(.6);opacity:1}70%{transform:scale(1.9);opacity:0}to{transform:scale(1.9);opacity:0}}@keyframes sa-write{0%{stroke-dashoffset:1}30%,to{stroke-dashoffset:0}}@keyframes sa-twinkle{0%,to{transform:scale(.7) rotate(0deg);opacity:.6}50%{transform:scale(1.15) rotate(45deg);opacity:1}}@keyframes sa-snap{0%{transform:translate(var(--fx),var(--fy));opacity:0}14%,92%{transform:translate(0);opacity:1}to{transform:translate(0);opacity:0}}@keyframes sa-cursor{0%{transform:translate(150px,96px)}45%,70%{transform:translate(122px,70px)}to{transform:translate(150px,96px)}}@keyframes sa-click{0%,46%{opacity:0;transform:translate(0) scale(.4)}50%{opacity:1}64%,to{opacity:0;transform:scale(1.8)}}@keyframes sa-fan{0%{transform:rotate(0deg)}30%,85%{transform:rotate(var(--r))}to{transform:rotate(0deg)}}@keyframes sa-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes sa-ride{0%{transform:translate(24px,74px)}18%{transform:translate(42px,70px)}34%{transform:translate(60px,52px)}50%{transform:translate(78px,32px)}62%{transform:translate(96px,26px)}80%{transform:translate(118px,32px)}to{transform:translate(136px,40px)}}@keyframes sa-playhead{0%{transform:translateX(0)}to{transform:translateX(112px)}}@keyframes sa-size{0%,30%,to{stroke:rgb(255 255 255/.22);fill:rgb(255 255 255/.03);filter:none}10%,20%{stroke:rgb(var(--sa-hot));fill:rgb(var(--sa-hot)/.16);filter:drop-shadow(0 0 6px rgb(var(--sa-hot)/.8))}}@keyframes sa-day{0%,to{fill:rgb(var(--sa-hot)/.35);filter:none}20%,35%{fill:rgb(var(--sa-hot));filter:drop-shadow(0 0 5px rgb(var(--sa-hot)))}}@keyframes sa-tile{0%,45%,to{fill:rgb(var(--sa-ivory)/.12);filter:none}15%,30%{fill:rgb(var(--sa-hot)/.8);filter:drop-shadow(0 0 6px rgb(var(--sa-hot)/.7))}}@keyframes sa-pop{0%,55%{transform:scale(0);opacity:0}68%,92%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}@keyframes sa-drop{0%{transform:translateY(-30px);opacity:0}22%{transform:translateY(0);opacity:1}60%,to{transform:translateY(14px);opacity:1}}@keyframes sa-badge{0%,62%{transform:scale(0)}74%,to{transform:scale(1)}}