.hero-face{animation:4s ease-in-out infinite hero-face-bob}.hero-face path{fill:var(--color-fg);transform-box:fill-box;transform-origin:50%}.hero-face__eye{animation:30s ease-in-out infinite hero-face-idle-eyes}.hero-face__z{opacity:0;transform-box:fill-box;transform-origin:50%}.hero-face__body,.hero-face__mood-eyes,.hero-face__expr-eyes,.hero-face__hover-eyes,.hero-face__expr-mouth,.hero-face__talk-mouth{transform-box:fill-box;transform-origin:50%}.hero-face__body,.hero-face__expr-eyes{transition:transform .32s cubic-bezier(.34,1.56,.64,1)}.hero-face__mood-eyes,.hero-face__hover-eyes{transition:transform .22s ease-out}.hero-face__gaze{transform-box:fill-box;transform-origin:50%;transform:translate(var(--gx,0), var(--gy,0)) rotate(calc(var(--gx,0px) / 1px * 1.5deg));transition:transform 90ms ease-out}.hero-face__expr-mouth{transform:translate(calc(var(--gx,0px) * .3), calc(var(--gy,0px) * .35));transition:transform .12s ease-out}.hero-face--talking{animation:1.3s ease-in-out infinite hero-face-nod}.hero-face--talking .hero-face__talk-mouth{animation:1.1s ease-in-out infinite hero-face-talk}.hero-face--talking .hero-face__mood-eyes{animation:hero-face-gaze var(--hero-talk-ms,1.2s) ease-in-out forwards}.hero-face--thinking .hero-face__mood-eyes{transform:translate(.6px,-2.6px)}.hero-face--blink .hero-face__mood-eyes{transition-duration:70ms;transform:scaleY(.4)}.hero-face--sleepy .hero-face__mood-eyes{transform:scaleY(.5)translateY(1px)}.hero-face--sleepy .hero-face__body{transform:rotate(6deg)translateY(1px)}.hero-face--sleepy .hero-face__z{animation:2.4s ease-out infinite hero-face-z-sleep}.hero-face--sleepy .hero-face__z--2{animation-delay:.6s}.hero-face--sleepy .hero-face__z--3{animation-delay:1.2s}.hero-face--grin .hero-face__body{transform:rotate(-4deg)scale(1.05)}.hero-face--grin .hero-face__expr-eyes{transform:scaleY(.85)translateY(.5px)}.hero-face--cheeky .hero-face__body{transform:rotate(7deg)}.hero-face--cheeky .hero-face__expr-eyes{transform:translate(2.4px)}.hero-face--proud .hero-face__body{transform:translateY(-1.2px)scale(1.06)}.hero-face--proud .hero-face__expr-eyes{transform:translateY(-1.4px)scaleY(.85)}.hero-face--surprised .hero-face__body{transform:scale(1.1)}.hero-face--surprised .hero-face__expr-eyes{transform:scale(1.12,1.35)translateY(-1.2px)}.hero-face--wink .hero-face__body{transform:rotate(-3deg)}.hero-face--wink .hero-face__eye--right{animation:1s linear infinite hero-face-wink-hold}.hero-face--react-jump{animation:.7s cubic-bezier(.34,1.56,.64,1) hero-face-jump}.hero-face--react-spin{animation:.7s cubic-bezier(.34,1.3,.64,1) hero-face-spin}.hero-face--react-wobble{animation:.7s ease-in-out hero-face-wobble}.hero-face--react-shock{animation:.7s cubic-bezier(.34,1.56,.64,1) hero-face-shock}.hero-face:hover .hero-face__hover-eyes{transform:scaleY(.8)translateY(.6px)}.hero-face[data-watching] .hero-face__eye,.hero-face[data-watching] .hero-face__mood-eyes,.hero-face[data-watching] .hero-face__expr-eyes,.hero-face[data-watching] .hero-face__hover-eyes{animation:none;transform:none}@keyframes hero-face-idle-eyes{0%,4.4%,5.6%,13.33%,26.33%,31.07%,32.27%,51.67%,57.17%,61.67%,73.33%,97.67%,99.67%,to{transform:none}5%,31.67%,98.17%,99.17%{transform:scaleY(.4)}14.33%,17.67%{transform:translate(-2.8px)}19.33%,22.67%{transform:translate(2.6px)}23.33%,25%{transform:translate(.6px,-2.6px)}52.5%,56%{transform:translateY(-.8px)scale(1.12,1.32)}63%,71.67%{transform:translate(1.8px,-2.6px)rotate(-8deg)}98.67%{transform:scaleY(.9)}}@keyframes hero-face-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-.06em)rotate(-2deg)}}@keyframes hero-face-nod{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-.05em)rotate(2deg)}}@keyframes hero-face-talk{0%,to{transform:scaleY(1)}14%{transform:scaleY(.72)translateY(-.4px)}28%{transform:scaleY(.95)}42%{transform:scaleY(.7)translateY(-.3px)}58%{transform:scaleY(1)}72%{transform:scaleY(.75)translateY(-.3px)}86%{transform:scaleY(.9)}}@keyframes hero-face-gaze{0%{transform:translate(-1px)}to{transform:translate(2.6px)}}@keyframes hero-face-wink-hold{0%,to{transform:scaleY(.4)translateY(1px)}}@keyframes hero-face-jump{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-.4em)scale(1.05,.95)}60%{transform:translateY(0)scale(.95,1.08)}to{transform:translateY(0)scale(1)}}@keyframes hero-face-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hero-face-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-14deg)}45%{transform:rotate(11deg)}70%{transform:rotate(-6deg)}}@keyframes hero-face-shock{0%{transform:scale(1)}35%{transform:scale(1.3)translateY(-.1em)}to{transform:scale(1)}}@keyframes hero-face-z-sleep{0%{opacity:0;transform:translateY(1px)}25%{opacity:1}to{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.hero-face,.hero-face path,.hero-face__z,.hero-face__body,.hero-face__mood-eyes,.hero-face__expr-eyes,.hero-face__hover-eyes,.hero-face__expr-mouth,.hero-face__talk-mouth{transition:none;animation:none}}
.hero-word{animation-name:hero-word-in;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}@keyframes hero-word-in{0%{opacity:0;filter:blur(6px);transform:translateY(.35em)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-word{animation:none}}
