:root{--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.86, 0, .07, 1);--ease-editorial:cubic-bezier(.65, 0, .15, .99)}.px-anim>g{opacity:0;animation-duration:var(--px-dur,1s);animation-timing-function:step-end;animation-iteration-count:infinite}.px-anim>g.px-f2{animation-name:px-f2}.px-anim>g.px-f3{animation-name:px-f3}.px-anim>g.px-f4{animation-name:px-f4}.px-anim>g.px-f8{animation-name:px-f8}@keyframes px-f2{0%{opacity:1}50%,to{opacity:0}}@keyframes px-f3{0%{opacity:1}33.333%,to{opacity:0}}@keyframes px-f4{0%{opacity:1}25%,to{opacity:0}}@keyframes px-f8{0%{opacity:1}12.5%,to{opacity:0}}.hero{--u:clamp(60px, 8.333vw, 120px)}.hero-stage .blk{width:var(--u);height:var(--u);animation:var(--blk-idle,none) 7.4s 2.4s infinite alternate both;position:absolute}.hero-stage .blk.half{width:calc(var(--u) / 2);height:calc(var(--u) / 2)}.hero-stage .blk-in{width:100%;height:100%;animation:blk-grow .8s var(--ease-out) both;animation-delay:calc(.3s + var(--i,0) * 80ms)}.hero-stage .diamond{rotate:45deg;scale:.7071}.hero-stage .rivet{background:var(--color-line-strong);width:4px;height:4px;animation:.5s both fade-in;animation-delay:calc(1.1s + var(--i,0) * .1s);position:absolute}.hero-stage .sprite{animation:var(--blk-idle,none) 7.4s 2.4s infinite alternate both;position:absolute}.hero-stage .sprite>.drop{animation:.6s ease-in both sprite-drop;animation-delay:calc(.9s + var(--i,0) * .12s);transform-origin:50% 100%;display:block}.hero-hook{transition:transform 2s ease-in-out}.hero-hook>svg{transform-origin:50% 0;animation:2.4s steps(6,jump-none) infinite alternate hook-sway}@keyframes blk-grow{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sprite-drop{0%{opacity:0;transform:translateY(-160px)}55%{opacity:1;transform:translateY(0)scaleY(1)}70%{transform:translateY(0)scaleY(.92)}85%{transform:translateY(0)scaleY(1.03)}to{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes hook-sway{0%{rotate:-4deg}to{rotate:4deg}}@keyframes idle-b3{0%{animation-timing-function:var(--ease-in-out);translate:0;rotate:45deg;scale:.7071}5.41%{translate:0;rotate:0deg;scale:1}13.51%{animation-timing-function:var(--ease-in-out);translate:0;rotate:0deg;scale:1}24.32%,to{rotate:0deg;scale:1;translate:calc(var(--u) * -1) 0}}@keyframes idle-left{0%,13.51%{animation-timing-function:var(--ease-in-out);translate:0}24.32%,to{translate:calc(var(--u) * -1) 0}}@keyframes idle-half{0%,27.03%{animation-timing-function:var(--ease-in-out);translate:0}37.84%,to{translate:calc(var(--u) * -1) 0}}@keyframes idle-collapse{0%,43.24%{animation-timing-function:var(--ease-in-out);scale:1}54.05%,to{scale:1 0}}@keyframes idle-drop{0%,59.46%{animation-timing-function:var(--ease-in-out);translate:0}70.27%,to{translate:0 var(--u)}}@keyframes idle-right-in{0%,75.68%{animation-timing-function:var(--ease-in-out);translate:0}86.49%,to{translate:calc(var(--u) * -1) 0}}.hero-title .hw{vertical-align:top;margin-bottom:-.08em;padding-bottom:.08em;display:inline-flex;overflow:hidden}.hero-title .hwi{display:inline-block}@media (min-width:768px){.hero-title .hwi{animation:word-rise 1s var(--ease-in-out) both;animation-delay:calc(50ms + var(--i,0) * 55ms)}}@keyframes word-rise{0%{transform:translateY(105%)}to{transform:translateY(0)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hero .hero-parallax-title{animation:linear both par-title;animation-timeline:view();animation-range:exit}.hero .hero-parallax-stage{animation:linear both par-stage;animation-timeline:view();animation-range:exit}}}@keyframes par-title{to{translate:0 50%}}@keyframes par-stage{to{translate:0 10%}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){[data-reveal]:not([data-in]){opacity:0;translate:0 32px}[data-reveal]{transition:opacity .9s var(--ease-editorial), translate 1s var(--ease-editorial);transition-delay:calc(var(--i,0) * 70ms)}[data-reveal-icons] .pix-rise{transition:translate 1s var(--ease-editorial);transition-delay:calc(var(--i,0) * 50ms)}[data-reveal-icons]:not([data-in]) .pix-rise{translate:0 100px}}.data-strip{touch-action:pan-y}.data-strip .cell .pix{filter:grayscale()brightness(1.15);opacity:.7;transition:filter .3s,opacity .3s}.data-strip .cell:hover .pix{filter:none;opacity:1}.site-cat-walk{animation:26s linear infinite cat-walk}@keyframes cat-walk{0%{left:100%}to{left:-64px}}.chat-enter{animation:chat-open .75s var(--ease-in-out) both}.chat-enter>*{animation:.4s .35s both fade-in}@keyframes chat-open{0%{clip-path:inset(var(--ct,0) var(--cr,0) var(--cb,0) var(--cl,0) round 8px)}to{clip-path:inset(0)}}.site-menu{animation:menu-in .35s var(--ease-out) both}@keyframes menu-in{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.tab-progress[data-auto]{transform-origin:0 0;animation-name:tab-fill-x;animation-timing-function:linear;animation-fill-mode:both}@media (min-width:1024px){.tab-progress[data-auto]{animation-name:tab-fill-y}}@keyframes tab-fill-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tab-fill-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.tab-panel:not([hidden]){animation:.4s both fade-in}@media (prefers-reduced-motion:reduce){.px-anim>g{animation:none}.px-anim>g:first-child{opacity:1}.hero-stage .blk,.hero-stage .sprite,.hero-stage .blk-in,.hero-stage .rivet,.hero-stage .sprite>.drop,.hero-hook>svg,.hero-title .hwi,.site-cat-walk,.chat-enter,.chat-enter>*,.site-menu{animation:none}.hero-hook{transition:none}.site-cat-walk{left:70%}}
