:root{--nf-intro:3s;--nf-idle:4.4s}.ywf-404{width:100%;max-width:300px;height:auto;color:var(--foreground);overflow:visible}.ywf-404 g{transform-box:view-box}.ywf-404 text{letter-spacing:-.04em;font-size:250px;font-weight:800}.ywf-404 :is(.d-roll,.d-hop,.d-smear,.d-gate,.d-pitch,.d-slump,.d-jolt,.d-loose,.d-n1,.d-n2,.d-n3){animation-duration:var(--nf-intro);animation-iteration-count:1;animation-fill-mode:both}.ywf-404 .d-roll{animation-name:ywf-404-roll;animation-timing-function:linear}.ywf-404 .d-hop{animation-name:ywf-404-hop;animation-timing-function:cubic-bezier(.35,0,.5,1)}.ywf-404 .d-smear{transform-origin:900px 620px;animation-name:ywf-404-smear;animation-timing-function:cubic-bezier(.4,0,.7,1)}.ywf-404 .d-gate{animation-name:ywf-404-gate;animation-timing-function:linear}.ywf-404 .d-s1{animation:ywf-404-streak calc(var(--nf-intro) / 6) linear infinite}.ywf-404 .d-s2{animation:ywf-404-streak calc(var(--nf-intro) / 6) linear infinite;animation-delay:calc(var(--nf-intro) / -22)}.ywf-404 .d-s3{animation:ywf-404-streak calc(var(--nf-intro) / 6) linear infinite;animation-delay:calc(var(--nf-intro) / -13)}.ywf-404 .d-pitch{transform-origin:895px 800px;animation-name:ywf-404-pitch;animation-timing-function:cubic-bezier(.35,1.25,.45,1)}.ywf-404 .d-slump{transform-origin:580px 855px;animation-name:ywf-404-slump;animation-timing-function:cubic-bezier(.4,1.2,.5,1)}.ywf-404 .d-jolt{transform-origin:700px 620px;animation-name:ywf-404-jolt;animation-timing-function:cubic-bezier(.3,1.3,.4,1)}.ywf-404 .d-loose{transform-origin:895px 800px;animation-name:ywf-404-loose;animation-timing-function:cubic-bezier(.15,.7,.35,1)}.ywf-404 .d-n1{transform-origin:558px 560px;animation-name:ywf-404-n1;animation-timing-function:cubic-bezier(.4,0,.7,.5)}.ywf-404 .d-n2{transform-origin:718px 560px;animation-name:ywf-404-n2;animation-timing-function:cubic-bezier(.4,0,.7,.5)}.ywf-404 .d-n3{transform-origin:878px 560px;animation-name:ywf-404-n3;animation-timing-function:cubic-bezier(.4,0,.7,.5)}.ywf-404 .d-sway{transform-origin:580px 855px;animation:ywf-404-sway var(--nf-idle) ease-in-out var(--nf-intro) infinite}.ywf-404 .d-breath{transform-origin:700px 620px;animation:ywf-404-breath var(--nf-idle) ease-in-out var(--nf-intro) infinite}.ywf-404 .d-settle{transform-origin:1671px 800px;animation:ywf-404-settle var(--nf-idle) ease-in-out var(--nf-intro) infinite}@keyframes ywf-404-roll{0%{opacity:0;transform:translate(-1700px)}12%{opacity:1}26%,to{opacity:1;transform:translate(0)}}@keyframes ywf-404-hop{0%{transform:translateY(0)}7%{transform:translateY(-108px)}13%{transform:translateY(0)}19%{transform:translateY(-64px)}24%,to{transform:translateY(0)}}@keyframes ywf-404-smear{0%{transform:scale(1.3,.84)}18%{transform:scale(1.26,.87)}26%,to{transform:scale(1)}}@keyframes ywf-404-gate{0%,3%{opacity:0}7%,23%{opacity:1}27%,to{opacity:0}}@keyframes ywf-404-streak{0%{opacity:0;transform:translate(190px)scaleX(.55)}16%,76%{opacity:1}to{opacity:0;transform:translate(-280px)scaleX(1.25)}}@keyframes ywf-404-jolt{0%,26%{transform:scale(1)}28%{transform:scale(.8,1.2)}32%{transform:scale(1.18,.86)}37%{transform:scale(.96,1.05)}43%,to{transform:scale(1)}}@keyframes ywf-404-pitch{0%,26%{transform:rotate(0)}31%{transform:rotate(22deg)}38%{transform:rotate(-5deg)}44%{transform:rotate(6deg)}51%,to{transform:rotate(0)}}@keyframes ywf-404-loose{0%,27%{transform:translate(0)scale(1)}32%{transform:translate(125px,-180px)scale(1.2,.8)}39%{transform:translate(280px)scale(.84,1.16)}45%{transform:translate(395px,-130px)scale(1.1,.9)}51%{transform:translate(500px)scale(.88,1.12)}57%{transform:translate(585px,-86px)scale(1.06,.94)}63%{transform:translate(655px)scale(.91,1.09)}69%{transform:translate(706px,-48px)scale(1.03,.97)}75%{transform:translate(742px)scale(.95,1.05)}81%{transform:translate(759px,-21px)scale(1)}87%{transform:translate(770px)scale(.98,1.02)}93%{transform:translate(774px,-7px)scale(1)}97%,to{transform:translate(776px)scale(1)}}@keyframes ywf-404-slump{0%,29%{transform:rotate(0)}38%{transform:rotate(23deg)}50%{transform:rotate(9deg)}61%{transform:rotate(16deg)}72%{transform:rotate(11deg)}82%,to{transform:rotate(13deg)}}@keyframes ywf-404-n1{0%,32%{transform:translate(0)rotate(0)}40%{transform:translate(-4px,215px)rotate(-58deg)}49%{transform:translate(20px,660px)rotate(-152deg)}57%{transform:translate(28px,495px)rotate(-242deg)}66%{transform:translate(31px,660px)rotate(-332deg)}74%{transform:translate(32px,620px)rotate(-362deg)}83%,to{transform:translate(32px,660px)rotate(-373deg)}}@keyframes ywf-404-n2{0%,35%{transform:translate(0)rotate(0)}43%{transform:translate(52px,220px)rotate(62deg)}52%{transform:translate(110px,660px)rotate(168deg)}60%{transform:translate(126px,505px)rotate(258deg)}69%{transform:translate(131px,660px)rotate(342deg)}77%{transform:translate(132px,624px)rotate(362deg)}86%,to{transform:translate(132px,660px)rotate(367deg)}}@keyframes ywf-404-n3{0%,38%{transform:translate(0)rotate(0)}46%{transform:translate(108px,210px)rotate(-48deg)}55%{transform:translate(206px,660px)rotate(-148deg)}63%{transform:translate(226px,520px)rotate(-238deg)}72%{transform:translate(231px,660px)rotate(-328deg)}80%{transform:translate(232px,628px)rotate(-360deg)}89%,to{transform:translate(232px,660px)rotate(-368deg)}}@keyframes ywf-404-sway{0%,to{transform:rotate(0)}50%{transform:rotate(-2.6deg)}}@keyframes ywf-404-breath{0%,to{transform:scale(1)}50%{transform:scale(1.016,.984)}}@keyframes ywf-404-settle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.ywf-404 *{animation:none!important}.ywf-404 .d-slump{transform:rotate(13deg)}.ywf-404 .d-loose{transform:translate(776px)}.ywf-404 .d-n1{transform:translate(32px,660px)rotate(-13deg)}.ywf-404 .d-n2{transform:translate(132px,660px)rotate(7deg)}.ywf-404 .d-n3{transform:translate(232px,660px)rotate(-8deg)}.ywf-404 .d-gate{opacity:0}}
