/* A single 16-second acting cycle: read, write, turn a page, greet, settle. */
.c-kraken-acting{--k-cycle:16s;overflow:visible}
.c-kraken-acting [data-kraken-motion]{transform-box:view-box;animation-duration:var(--k-cycle);animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both}
.c-kraken-acting .c-kraken-float{transform-origin:280px 260px;animation-name:k-act-body;animation-duration:var(--k-cycle)}
.c-kraken-acting .k-shadow{transform-origin:280px 378px;animation-name:k-act-shadow}
.c-kraken-acting .k-head{transform-origin:280px 246px;animation-name:k-act-head}
.c-kraken-acting .k-wave-arm{transform-origin:211px 235px;animation-name:k-act-wave}
.c-kraken-acting .k-rear-right{transform-origin:344px 231px;animation-name:k-act-rear}
.c-kraken-acting .k-leg-left-outer{transform-origin:231px 254px;animation-name:k-act-leg-lo}
.c-kraken-acting .k-leg-right-outer{transform-origin:330px 256px;animation-name:k-act-leg-ro}
.c-kraken-acting .k-leg-left-inner{transform-origin:254px 270px;animation-name:k-act-leg-li}
.c-kraken-acting .k-leg-right-inner{transform-origin:306px 272px;animation-name:k-act-leg-ri}
.c-kraken-acting .k-eye-left{transform-origin:249px 170px;animation-name:k-act-blink-left}
.c-kraken-acting .k-eye-right{transform-origin:316px 170px;animation-name:k-act-blink-right}
.c-kraken-acting .k-gaze{animation-name:k-act-gaze}
.c-kraken-acting .k-brows{transform-origin:280px 140px;animation-name:k-act-brows}
.c-kraken-acting .k-smile{transform-origin:282px 212px;animation-name:k-act-smile}
.c-kraken-acting .k-pencil-pose{transform-origin:400px 185px;animation-name:k-act-pencil}
.c-kraken-acting .k-writing-gesture{animation-name:k-act-writing}
.c-kraken-acting .k-writing-arm{animation-name:k-act-grip}
.c-kraken-acting .k-book-pose{transform-origin:280px 300px;animation-name:k-act-book}
.c-kraken-acting .k-book-hand{transform-origin:210px 239px;animation-name:k-act-hold}
.c-kraken-acting .k-page-turn{transform-box:fill-box;transform-origin:left center;opacity:0;animation-name:k-act-page}
.c-kraken-acting .k-writing-stroke{stroke-dasharray:33;stroke-dashoffset:33;animation-name:k-act-ink;animation-timing-function:linear}
.c-kraken-art[data-art-paused=true] [data-kraken-motion]{animation-play-state:paused!important}
@keyframes k-act-body{0%,9%,100%{transform:translateY(0) rotate(0)}18%,43%{transform:translateY(-5px) rotate(.6deg)}48%,67%{transform:translateY(-9px) rotate(-.8deg)}74%,84%{transform:translateY(-14px) rotate(1deg)}91%{transform:translateY(-3px) rotate(-.4deg)}}
@keyframes k-act-shadow{0%,9%,100%{transform:scaleX(1);opacity:.24}18%,43%{transform:scaleX(.97);opacity:.21}48%,67%{transform:scaleX(.93);opacity:.18}74%,84%{transform:scaleX(.88);opacity:.14}91%{transform:scaleX(.98);opacity:.22}}
@keyframes k-act-head{0%,9%,100%{transform:rotate(0) translateY(0)}16%,43%{transform:rotate(3deg) translateY(3px)}49%,54%{transform:rotate(1deg) translateY(1px)}61%,67%{transform:rotate(-3deg) translateY(3px)}74%,85%{transform:rotate(-5deg) translateY(-2px)}92%{transform:rotate(1deg)}}
@keyframes k-act-wave{0%,11%,43%,67%,92%,100%{transform:rotate(0)}20%{transform:rotate(-5deg)}50%,60%{transform:rotate(5deg)}73%{transform:rotate(17deg)}77%{transform:rotate(-13deg)}81%{transform:rotate(20deg)}85%{transform:rotate(-10deg)}89%{transform:rotate(6deg)}}
@keyframes k-act-rear{0%,100%{transform:rotate(0)}15%,43%{transform:rotate(-7deg)}52%,65%{transform:rotate(6deg)}75%{transform:rotate(-10deg)}84%{transform:rotate(4deg)}93%{transform:rotate(0)}}
@keyframes k-act-leg-lo{0%,100%{transform:rotate(0) skewX(0)}16%,42%{transform:rotate(7deg) skewX(2deg)}52%,64%{transform:rotate(-6deg) skewX(-3deg)}76%,83%{transform:rotate(9deg) skewX(3deg)}93%{transform:rotate(-2deg)}}
@keyframes k-act-leg-ro{0%,100%{transform:rotate(0) skewX(0)}14%,40%{transform:rotate(-8deg) skewX(-2deg)}52%,65%{transform:rotate(6deg) skewX(3deg)}77%,85%{transform:rotate(-11deg) skewX(-3deg)}94%{transform:rotate(2deg)}}
@keyframes k-act-leg-li{0%,100%{transform:rotate(0) scaleY(1)}19%,43%{transform:rotate(-5deg) scaleY(.96)}54%,66%{transform:rotate(6deg) scaleY(1.03)}76%,85%{transform:rotate(-8deg) scaleY(.95)}92%{transform:rotate(2deg)}}
@keyframes k-act-leg-ri{0%,100%{transform:rotate(0) scaleY(1)}17%,41%{transform:rotate(5deg) scaleY(1.03)}51%,63%{transform:rotate(-6deg) scaleY(.96)}74%,83%{transform:rotate(8deg) scaleY(1.04)}93%{transform:rotate(-2deg)}}
@keyframes k-act-blink-left{0%,8.4%,10.1%,49.8%,51.5%,87.1%,88.8%,100%{transform:scaleY(1)}9.1%,50.5%,87.8%{transform:scaleY(.06)}}
@keyframes k-act-blink-right{0%,8.4%,10.1%,49.8%,51.5%,77.1%,79.4%,87.1%,88.8%,100%{transform:scaleY(1)}9.1%,50.5%,77.8%,78.6%,87.8%{transform:scaleY(.06)}}
@keyframes k-act-gaze{0%,10%,93%,100%{transform:translate(0,0)}17%,23%{transform:translate(5px,5px)}28%{transform:translate(2px,7px)}36%,43%{transform:translate(5px,7px)}49%,54%{transform:translate(0,7px)}61%,68%{transform:translate(-6px,7px)}74%,86%{transform:translate(-3px,-2px)}}
@keyframes k-act-brows{0%,12%,45%,100%{transform:translateY(0)}20%,40%{transform:translateY(2px) rotate(1deg)}55%,65%{transform:translateY(1px) rotate(-1deg)}74%,86%{transform:translateY(-5px) rotate(-2deg)}93%{transform:translateY(0)}}
@keyframes k-act-smile{0%,65%,100%{transform:scaleX(1)}74%,85%{transform:scaleX(1.23) translateY(-1px)}92%{transform:scaleX(1)}}
@keyframes k-act-pencil{0%,10%,49%,100%{transform:translate(0,0) rotate(0)}21%,43%{transform:translate(-44px,88px) rotate(-14deg)}54%,66%{transform:translate(12px,-7px) rotate(9deg)}75%,84%{transform:translate(4px,-13px) rotate(-5deg)}92%{transform:translate(0,0) rotate(0)}}
@keyframes k-act-writing{0%,23%,43%,100%{transform:translate(0,0)}28%{transform:translate(5px,5px)}34%{transform:translate(10px,8px)}40%{transform:translate(22px,-7px)}}
@keyframes k-act-grip{0%,10%,49%,100%{d:path('M348 229C374 224 370 206 365 185C359 170 350 169 347 179C344 192 365 197 370 185')}21%,43%{d:path('M348 229C350 245 334 255 324 269C318 254 309 256 307 269C303 283 324 290 329 277')}54%,66%{d:path('M348 229C378 220 380 191 379 172C376 156 367 153 361 163C356 177 378 184 383 172')}75%,84%{d:path('M348 229C373 220 373 195 371 178C368 162 357 157 353 168C349 181 369 189 376 176')}}
@keyframes k-act-book{0%,10%,21%,43%,100%{transform:rotate(0) translateY(0)}49%,53%{transform:rotate(-2deg) translateY(-2px)}60%{transform:rotate(-5deg) translateY(-4px)}66%,69%{transform:rotate(-1deg) translateY(0)}76%,85%{transform:rotate(2deg) translateY(2px)}93%{transform:rotate(0) translateY(0)}}
@keyframes k-act-hold{0%,43%,100%{transform:rotate(0)}52%{transform:rotate(-2deg)}60%{transform:rotate(-5deg) translateY(-2px)}68%{transform:rotate(-1deg)}76%,85%{transform:rotate(2deg)}93%{transform:rotate(0)}}
@keyframes k-act-page{0%,53.8%{opacity:0;transform:scaleX(1) skewY(0)}54%,56%{opacity:1;transform:scaleX(1) skewY(0)}60%{opacity:1;transform:scaleX(.12) skewY(6deg)}65%,66%{opacity:1;transform:scaleX(-1) skewY(0)}67%,100%{opacity:0;transform:scaleX(-1) skewY(0)}}
@keyframes k-act-ink{0%,24%{stroke-dashoffset:33;opacity:1}34%{stroke-dashoffset:21;opacity:1}40%,56%{stroke-dashoffset:0;opacity:1}57%,100%{stroke-dashoffset:0;opacity:0}}
/* Without path interpolation, preserve the grip with the same wrist rotation on both nodes. */
@supports not (d:path('M0 0L1 1')){.c-kraken-acting .k-writing-arm,.c-kraken-acting .k-pencil-pose{animation-name:k-act-grip-fallback;transform-origin:348px 229px}@keyframes k-act-grip-fallback{0%,10%,49%,100%{transform:rotate(0)}21%,43%{transform:rotate(18deg)}54%,66%{transform:rotate(-7deg)}75%,84%{transform:rotate(4deg)}}}
@media(prefers-reduced-motion:reduce){.c-kraken-acting [data-kraken-motion]{animation:none!important;transform:none!important}.c-kraken-acting .k-page-turn{opacity:0}.c-kraken-acting .k-writing-stroke{stroke-dashoffset:0;opacity:1}}