.stickman-preview-page{width:min(100% - 2rem,920px);margin:0 auto;padding:clamp(3rem,8vw,6rem) 0 4rem}.stickman-prototype-heading{text-align:center;max-width:42rem;margin:0 auto 1.25rem}.stickman-prototype-heading h1{margin:.55rem 0;font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.35}.stickman-prototype-heading>p:last-child,.stickman-prototype-controls>p{color:var(--muted,#59616a)}.stickman-stage{border:1px solid var(--line,#d5dce2);background:#fff;border-radius:8px;width:100%;overflow:hidden}.stickman-scene{color:#17191b;width:100%;height:auto;display:block}.prototype-door-panel{transform-box:fill-box;transform-origin:0;animation:prototype-door-open .78s ease-out calc(var(--stickman-start-delay,0s) + .25s) both}.prototype-step{stroke-dasharray:100;stroke-dashoffset:100px;animation:.5s ease-out both prototype-draw-step}.prototype-floor{stroke-dasharray:100;stroke-dashoffset:100px;animation:prototype-draw-step .42s ease-out calc(var(--stickman-start-delay,0s) + 1.2s) both}.prototype-person{opacity:0;transform-box:view-box;animation:prototype-climb 5s cubic-bezier(.42, 0, .2, 1) calc(var(--stickman-start-delay,0s) + .8s) both}.person-arm,.person-leg{transform-box:view-box}.person-arm-left,.person-arm-right{transform-origin:0 -29px}.person-leg-left,.person-leg-right{transform-origin:0 -13px}.person-arm-left,.person-leg-right{animation:prototype-swing-a .4s ease-in-out calc(var(--stickman-start-delay,0s) + 3s) 7}.person-arm-right,.person-leg-left{animation:prototype-swing-b .4s ease-in-out calc(var(--stickman-start-delay,0s) + 3s) 7}.person-arm-right{animation:prototype-swing-b .4s ease-in-out calc(var(--stickman-start-delay,0s) + 3s) 7, prototype-wave .7s ease-in-out calc(var(--stickman-start-delay,0s) + 5.6s) both}.stickman-prototype-controls{justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0 2rem;display:flex}.stickman-prototype-controls>p{margin:0}.stickman-prototype-controls .button{flex:none}.stickman-preview-page>.text-link{gap:.45rem;display:inline-flex}.stickman-prototype--home{z-index:0;pointer-events:none;margin:0;position:absolute;inset:0;overflow:visible}.stickman-stage--home{background:0 0;border:0;border-radius:0;width:68%;position:absolute;bottom:-40px;left:28%;overflow:visible}.stickman-prototype--home .stickman-scene{color:#8c959f;opacity:.32}@keyframes prototype-door-open{0%{transform:scaleX(1)}to{transform:scaleX(.18)}}@keyframes prototype-draw-step{to{stroke-dashoffset:0}}@keyframes prototype-climb{0%{opacity:0;transform:translate(126px,330px)}5%,39%{opacity:1;transform:translate(126px,330px)}44%{transform:translate(134px,328px)}52%{transform:translate(177px,306.4px)}60%{transform:translate(228px,282.9px)}68%{transform:translate(279px,259.3px)}76%{transform:translate(330px,235.7px)}84%{transform:translate(381px,212.1px)}92%{transform:translate(432px,188.6px)}to{opacity:1;transform:translate(483px,165px)}}@keyframes prototype-swing-a{0%,to{transform:rotate(-28deg)}50%{transform:rotate(28deg)}}@keyframes prototype-swing-b{0%,to{transform:rotate(28deg)}50%{transform:rotate(-28deg)}}@keyframes prototype-wave{0%{transform:rotate(0)}42%,78%{transform:rotate(-125deg)}60%{transform:rotate(-143deg)}to{transform:rotate(-125deg)}}@media (width<=600px){.stickman-preview-page{width:min(100% - 1.25rem,920px)}.stickman-prototype-heading{text-align:left}.stickman-prototype-controls{flex-direction:column;align-items:flex-start}.stickman-scene{width:100%;min-width:560px}.stickman-stage{overflow-x:auto}}@media (prefers-reduced-motion:reduce){.prototype-door-panel,.prototype-step,.prototype-floor,.prototype-person,.person-arm,.person-leg{animation:none!important}.prototype-door-panel{transform:scaleX(.18)}.prototype-step,.prototype-floor{stroke-dashoffset:0}.prototype-person{opacity:1;transform:translate(483px,165px)}.person-arm-right{transform:rotate(-125deg)}}@media (width<=600px){.stickman-prototype--home{display:none}}@media (width>=601px) and (width<=900px){.stickman-stage--home{width:75%;bottom:-28px;left:20%}}
