.steppy{display:block;overflow:visible}.steppy .figure{transform-origin:200px 310px}.steppy .arm-left{transform-origin:111px 204px}.steppy .arm-right{transform-origin:289px 204px}.steppy .eye-left{transform-origin:158px 157px}.steppy .eye-right{transform-origin:242px 157px}.steppy .face{transform-origin:200px 170px}.steppy .pupil{fill:#3a1405}.steppy .shine{fill:#f7f5f0}.steppy .brow,.steppy .happy,.steppy .smile{fill:none;stroke:#3a1405;stroke-linecap:round;stroke-linejoin:round}.steppy .brow{stroke-width:3.2}.steppy .happy,.steppy .smile{stroke-width:3.8}.steppy .happy{opacity:0}.steppy .mouth{display:none;fill:#3a1405;transform-origin:200px 185px}.steppy .cv-label{font-family:var(--font-heading)}.steppy[data-state=idle] .figure{animation:steppy-breathe 5s ease-in-out infinite}.steppy[data-state=idle] .eye{animation:steppy-blink 6.4s linear infinite}.steppy[data-state=idle] .pupils{animation:steppy-idle-gaze 9s ease-in-out infinite}.steppy .read-props,.steppy .work-props{display:none}.steppy[data-state=reading] .read-props,.steppy[data-state=thinking] .work-props{display:inline}.steppy[data-state=reading] .figure>.arm-left,.steppy[data-state=reading] .figure>.arm-right{visibility:hidden}.steppy .read-left{transform-origin:111px 204px;transform:rotate(-30deg)}.steppy .read-right{transform-origin:289px 204px;transform:rotate(30deg)}.steppy .paper{transform-origin:200px 257px}.steppy .work-left{transform-origin:111px 204px;transform:rotate(-58deg)}.steppy .work-right{transform-origin:289px 204px;transform:rotate(58deg)}.steppy .laptop{transform-origin:200px 320px}.steppy[data-state=reading] .figure{animation:steppy-breathe 5s ease-in-out infinite}.steppy[data-state=reading] .paper{animation:steppy-paper 3.2s ease-in-out infinite}.steppy[data-state=reading] .pupils{animation:steppy-read 3.2s ease-in-out infinite}.steppy[data-state=reading] .face{animation:steppy-read-face 3.2s ease-in-out infinite}.steppy[data-state=reading] .eye{animation:steppy-blink 7s linear infinite}.steppy[data-state=thinking] .figure>.arm-left,.steppy[data-state=thinking] .figure>.arm-right{visibility:hidden}.steppy[data-state=thinking] .laptop{animation:steppy-laptop 8s ease-in-out infinite}.steppy[data-state=thinking] .work-left{animation:steppy-type-left 8s ease-in-out infinite}.steppy[data-state=thinking] .work-right{animation:steppy-type-right 8s ease-in-out infinite}.steppy[data-state=thinking] .face{animation:steppy-work-face 8s ease-in-out infinite}.steppy[data-state=thinking] .pupils{animation:steppy-work-gaze 8s ease-in-out infinite}.steppy[data-state=thinking] .eye{animation:steppy-blink 6.4s linear infinite}.steppy[data-state=excited] .figure{animation:steppy-hop 1.3s ease-in-out infinite}.steppy[data-state=excited] .arm-left{animation:steppy-pump-left 1.3s ease-in-out infinite}.steppy[data-state=excited] .arm-right{animation:steppy-pump-right 1.3s ease-in-out infinite}.steppy[data-state=excited] .pupils{opacity:0}.steppy[data-state=excited] .happy{opacity:1}.steppy[data-state=excited] .smile{transform-origin:200px 184px;transform:scale(1.25)}.steppy[data-state=nodding] .figure{animation:steppy-breathe 3.6s ease-in-out infinite}.steppy[data-state=nodding] .face{animation:steppy-nod 3.6s ease-in-out infinite}.steppy[data-state=nodding] .eye{animation:steppy-blink 3.6s linear infinite}.steppy[data-state=nodding] .smile{transform-origin:200px 184px;transform:scale(1.15)}.steppy .cv-props{display:none}.steppy .cv-sheet{transform-origin:200px 254px}.steppy .cv-left{transform-origin:111px 204px;transform:rotate(-31deg)}.steppy .cv-right{transform-origin:289px 204px;transform:rotate(31deg)}.steppy[data-state=holdingCv] .cv-props{display:inline}.steppy[data-state=holdingCv] .cv-sheet{animation:steppy-paper 3.2s ease-in-out infinite}.steppy[data-state=holdingCv] .figure>.arm-left,.steppy[data-state=holdingCv] .figure>.arm-right{visibility:hidden}.steppy[data-state=holdingCv] .figure{animation:steppy-breathe 2.8s ease-in-out infinite}.steppy[data-state=holdingCv] .smile{transform-origin:200px 184px;transform:scale(1.2)}.steppy[data-state=holdingCv] .eye{animation:steppy-blink 4.6s linear infinite}.steppy[data-state=greeting] .arm-left{animation:steppy-wave 3.4s ease-in-out infinite}.steppy[data-state=greeting] .figure{animation:steppy-wave-lean 3.4s ease-in-out infinite}.steppy[data-state=greeting] .eye{animation:steppy-blink 3.4s linear infinite}.steppy[data-state=gasp] .smile{display:none}.steppy[data-state=gasp] .mouth{display:inline;animation:steppy-gasp-mouth .5s ease-out both}.steppy[data-state=gasp] .pupils{transform-box:fill-box;transform-origin:center;transform:scale(1.18)}.steppy[data-state=gasp] .brow{transform:translateY(-6px)}.steppy[data-state=gasp] .arm-left{animation:steppy-shock-left .55s cubic-bezier(.4,0,.2,1) both}.steppy[data-state=gasp] .arm-right{animation:steppy-shock-right .55s cubic-bezier(.4,0,.2,1) both}.steppy[data-state=gasp] .figure{animation:steppy-jump .55s cubic-bezier(.4,0,.2,1) both,steppy-shiver 2.6s ease-in-out .6s infinite}.steppy .note-props,.steppy .tongue{display:none}.steppy[data-state=notes] .note-props,.steppy[data-state=writing] .note-props{display:inline}.steppy[data-state=notes] .figure>.arm-left,.steppy[data-state=notes] .figure>.arm-right,.steppy[data-state=writing] .figure>.arm-left,.steppy[data-state=writing] .figure>.arm-right{visibility:hidden}.steppy .note-left{transform-origin:111px 204px;transform:rotate(-42deg)}.steppy .note-book{transform-origin:169px 266px;transform:rotate(-8deg)}.steppy .note-swing{transform-origin:289px 204px;transform:rotate(80deg)}.steppy .note-pen-move{transform-origin:302px 288px}.steppy .note-pencil{transform:translate(329px,311.6px) rotate(-57.4deg)}.steppy[data-state=notes] .figure{animation:steppy-breathe 3.2s ease-in-out infinite}.steppy[data-state=notes] .eye,.steppy[data-state=writing] .eye{animation:steppy-blink 4.8s linear infinite}.steppy[data-state=notes] .note-hand{animation:steppy-note-tap 3.6s ease-in-out infinite}.steppy[data-state=writing] .figure{animation:steppy-note-lean 1s ease-in-out infinite}.steppy[data-state=writing] .pupils{transform-box:fill-box;transform-origin:center;animation:steppy-note-look 1s ease-in-out infinite}.steppy[data-state=writing] .brow{animation:steppy-note-brow 1s ease-in-out infinite}.steppy[data-state=writing] .tongue{display:inline;animation:steppy-note-tongue 1s ease-in-out infinite}.steppy[data-state=writing] .note-hand{animation:steppy-note-scribble 1s linear infinite}.steppy[data-state=writing] .note-pen-move{animation:steppy-note-pen 1s linear infinite}.steppy-loves:hover .steppy .pupils{opacity:0!important}.steppy-loves:hover .steppy .happy{opacity:1!important}.steppy[data-still=yes] *{animation:none!important}.steppy[data-still=yes][data-state=excited] .arm-left{transform:rotate(128deg)}.steppy[data-still=yes][data-state=excited] .arm-right{transform:rotate(-128deg)}.steppy[data-still=yes][data-state=greeting] .arm-left{transform:rotate(136deg)}.steppy[data-still=yes][data-state=gasp] .arm-left{transform:rotate(138deg)}.steppy[data-still=yes][data-state=gasp] .arm-right{transform:rotate(-138deg)}@media (prefers-reduced-motion:reduce){.steppy *{animation:none!important}.steppy[data-state=excited] .arm-left{transform:rotate(128deg)}.steppy[data-state=excited] .arm-right{transform:rotate(-128deg)}.steppy[data-state=greeting] .arm-left{transform:rotate(136deg)}.steppy[data-state=gasp] .arm-left{transform:rotate(138deg)}.steppy[data-state=gasp] .arm-right{transform:rotate(-138deg)}}@keyframes steppy-love{0%{opacity:0;transform:translateY(6px) scale(.4)}25%{opacity:1;transform:translateY(-4px) scale(1)}to{opacity:0;transform:translateY(-34px) scale(.85)}}@keyframes steppy-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,1.018)}}@keyframes steppy-blink{0%,43%,47%,to{transform:scaleY(1)}44.5%,45.5%{transform:scaleY(.07)}}@keyframes steppy-idle-gaze{0%,28%,70%,to{transform:translateX(0)}38%,53%{transform:translateX(1px)}}@keyframes steppy-wave{0%,to{transform:rotate(0deg)}22%{transform:rotate(140deg)}34%{transform:rotate(126deg)}46%{transform:rotate(150deg)}58%{transform:rotate(126deg)}70%{transform:rotate(145deg)}78%{transform:rotate(136deg)}}@keyframes steppy-wave-lean{0%,to{transform:rotate(0deg)}22%,75%{transform:rotate(1.5deg)}}@keyframes steppy-paper{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-2px) rotate(-1deg)}}@keyframes steppy-read{0%{transform:translate(-4px)}22%{transform:translate(4px)}26%{transform:translate(-4px,2px)}48%{transform:translate(4px,2px)}52%{transform:translate(-4px,4px)}74%{transform:translate(4px,4px)}80%,to{transform:translate(-4px)}}@keyframes steppy-read-face{0%,to{transform:translateY(2px)}50%{transform:translateY(4px)}}@keyframes steppy-laptop{0%,to{opacity:0;transform:translateY(26px) scale(.88,.25)}10%,88%{opacity:1;transform:translateY(0) scale(1)}96%{opacity:0;transform:translateY(26px) scale(.88,.25)}}@keyframes steppy-work-face{0%,to{transform:translateY(0) rotate(0deg)}12%,42%,74%,88%{transform:translateY(5px) rotate(0deg)}51%,64%{transform:translateY(-1px) rotate(-5deg)}}@keyframes steppy-work-gaze{0%,to{transform:translate(0)}12%,42%,74%,88%{transform:translateY(3px)}51%,64%{transform:translate(4px,-3px)}}@keyframes steppy-type-left{0%,to{transform:rotate(0deg)}12%,18%,26%,34%,42%,74%,82%,88%{transform:rotate(-58deg)}22%,30%,38%,78%,86%{transform:rotate(-66deg)}51%,64%{transform:rotate(-105deg)}}@keyframes steppy-type-right{0%,to{transform:rotate(0deg)}12%,22%,30%,38%,46%,70%,78%,86%{transform:rotate(58deg)}18%,26%,34%,42%,74%,82%{transform:rotate(66deg)}51%,64%{transform:rotate(48deg)}88%{transform:rotate(58deg)}}@keyframes steppy-hop{0%,to{transform:translateY(0) scale(1.04,.95)}15%{transform:translateY(0) scale(.97,1.04)}45%{transform:translateY(-16px) scale(.98,1.03)}75%{transform:translateY(0) scale(1.05,.94)}}@keyframes steppy-pump-left{0%,to{transform:rotate(118deg)}45%{transform:rotate(142deg)}}@keyframes steppy-pump-right{0%,to{transform:rotate(-118deg)}45%{transform:rotate(-142deg)}}@keyframes steppy-nod{0%,40%,to{transform:translateY(0)}10%,28%{transform:translateY(5px)}19%{transform:translateY(0)}}@keyframes steppy-gasp-mouth{0%{transform:scale(.3)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes steppy-shock-left{0%{transform:rotate(0deg)}70%{transform:rotate(150deg)}to{transform:rotate(138deg)}}@keyframes steppy-shock-right{0%{transform:rotate(0deg)}70%{transform:rotate(-150deg)}to{transform:rotate(-138deg)}}@keyframes steppy-jump{0%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1.06,.92)}55%{transform:translateY(-16px) scale(.96,1.05)}to{transform:translateY(0) scale(1)}}@keyframes steppy-shiver{0%,to{transform:translateX(0)}20%{transform:translateX(-1.5px)}40%{transform:translateX(1.5px)}60%{transform:translateX(-1px)}80%{transform:translateX(1px)}}@keyframes steppy-note-tap{0%,72%,to{transform:translate(0)}78%,90%{transform:translate(-3px,-5px)}84%,96%{transform:translate(0)}}@keyframes steppy-note-lean{0%,to{transform:rotate(0deg)}14%,84%{transform:rotate(-2.5deg) translateY(2px)}50%{transform:rotate(-3deg) translateY(3px)}}@keyframes steppy-note-look{0%,to{transform:translate(0)}14%,84%{transform:translate(-6px,9px) scaleY(.82)}}@keyframes steppy-note-brow{0%,to{transform:translateY(0)}14%,84%{transform:translateY(7px)}}@keyframes steppy-note-tongue{0%,10%,90%,to{opacity:0}20%,80%{opacity:1}}@keyframes steppy-note-scribble{0%,88%,to{transform:translate(0)}10%{transform:translate(-14px,-2px)}30%{transform:translate(10px,-4px)}36%{transform:translate(-14px,2px)}56%{transform:translate(8px)}62%{transform:translate(-12px,6px)}80%{transform:translate(4px,4px)}}@keyframes steppy-note-pen{0%,88%,to{transform:rotate(0deg)}14%,26%,40%,52%,66%,78%{transform:rotate(-7deg)}20%,33%,46%,59%,72%{transform:rotate(7deg)}}.steppy-funnel .np-fade-up{animation:none}@keyframes steppy-screen-in{0%{opacity:0}}.steppy-screen-in{animation:steppy-screen-in .22s cubic-bezier(0,0,.2,1) backwards}.steppy-heading{--steppy-size:78px;min-height:calc(var(--steppy-size) + 10px)}.steppy-heading-figure{width:var(--steppy-size);height:var(--steppy-size)}.steppy-heading-bubble{padding:12px 16px}.steppy-heading :is(h1,h2){font-size:1.25rem}.steppy-welcome-figure{width:260px;height:260px}.steppy-welcome-title{font-size:34px}.steppy-welcome-note{font-size:20px}@media (max-height:700px){.steppy-welcome-figure{width:220px;height:220px}}@media (min-width:380px){.steppy-welcome-title{font-size:40px}}@media (min-width:768px){.steppy-heading{--steppy-size:88px}.steppy-heading-figure{position:absolute;top:50%;left:calc(var(--steppy-size) * -1 - 6px);transform:translateY(-50%)}.steppy-heading-bubble{padding:14px 20px}.steppy-heading :is(h1,h2){font-size:1.5rem}.steppy-welcome-figure{width:300px;height:300px}.steppy-welcome-title{font-size:48px}.steppy-welcome-note{font-size:22px}}@media (min-width:1280px) and (min-height:900px){.steppy-heading{--steppy-size:114px}.steppy-heading-bubble{padding:18px 24px}.steppy-heading :is(h1,h2){font-size:1.875rem}.steppy-welcome-figure{width:387px;height:387px}.steppy-welcome-title{font-size:60px}.steppy-welcome-note{font-size:26px}}