.site-brand .word{position:relative;display:inline-flex;color:inherit;margin:0}.site-brand .letter{display:inline-block;color:inherit;margin:0;transform-origin:50% 80%}.site-brand .spark{display:inline-block;color:#ff792f;margin-left:3px;transform-origin:center}.site-brand .eye{position:relative}.site-brand .pupil{position:absolute;display:block;background:var(--ink);border-radius:50%;width:.075em;height:.10em;left:46%;top:51%;opacity:0}.site-brand.eye-mode .pupil{opacity:1}.site-brand.eye-mode .eye{color:#ff792f}.site-shell-header .site-brand{position:relative}.site-brand .draw-layer{display:none;position:absolute;inset:0;width:85%;height:100%;overflow:visible;pointer-events:none}.site-brand .draw-layer text{font-family:'Trebuchet MS',sans-serif;font-size:100px;font-weight:900;letter-spacing:-6.5px;fill:none;stroke:var(--ink);stroke-width:1.2;stroke-dasharray:900;stroke-dashoffset:900}.site-brand{--orange:#ff792f}
.site-brand.running.wink .spark{animation:wink var(--duration,800ms) ease-in-out}.site-brand.running.eyes .eye{animation:blink var(--duration,1000ms) ease-in-out}.site-brand.running.draw .word{animation:fill-in var(--duration,1200ms) linear}.site-brand.running.draw .draw-layer{display:block}.site-brand.running.draw .draw-layer text{animation:trace var(--duration,1200ms) ease-out forwards}.site-brand.running.draw .spark{animation:pop var(--duration,1200ms) ease-out}.site-brand.running.transform .word{animation:retoon var(--duration,1000ms) ease-in-out}.site-brand.running.transform .spark{animation:pop var(--duration,1000ms) ease-out}.site-brand.running.bounce .letter{animation:bounce var(--duration,700ms) ease-in-out;animation-delay:calc(var(--i)*55ms)}.site-brand.running.bounce .spark{animation:wink var(--duration,700ms) ease-in-out;animation-delay:440ms}
@keyframes wink{0%,100%{transform:rotate(0) scale(1)}45%{transform:rotate(90deg) scale(1.18);filter:drop-shadow(0 0 8px #ff792f88)}75%{transform:rotate(80deg) scale(.96)}}@keyframes blink{0%,25%,55%,100%{transform:scaleY(1)}40%{transform:scaleY(.10)}}@keyframes trace{0%{stroke-dashoffset:900}70%,100%{stroke-dashoffset:0}100%{opacity:0}}@keyframes fill-in{0%,65%{color:transparent}100%{color:var(--ink)}}@keyframes pop{0%,65%{opacity:0;transform:scale(.2) rotate(-45deg)}85%{opacity:1;transform:scale(1.2) rotate(10deg)}100%{opacity:1;transform:scale(1) rotate(0)}}@keyframes retoon{0%,25%{color:#a5a9ad;text-shadow:1px 1px #555,2px 2px #555,3px 3px #333,4px 4px #333,0 5px 10px #0008;transform:perspective(400px) rotateY(-12deg);filter:contrast(1.3)}65%{color:var(--ink);text-shadow:2px 3px var(--orange);transform:scale(1.035)}100%{color:var(--ink);text-shadow:none;transform:none}}@keyframes bounce{0%,100%{transform:translateY(0) scale(1)}35%{transform:translateY(-.15em) rotate(-4deg)}65%{transform:translateY(.035em) scale(1.03,.95)}}

@media(prefers-reduced-motion:reduce){.site-brand.running *{animation:none!important}.site-brand .draw-layer{display:none!important}.site-brand .pupil{display:none!important}}

.site-brand .letter:nth-child(1){--i:0}.site-brand .letter:nth-child(2){--i:1}.site-brand .letter:nth-child(3){--i:2}.site-brand .letter:nth-child(4){--i:3}.site-brand .letter:nth-child(5){--i:4}.site-brand .letter:nth-child(6){--i:5}.site-brand .letter:nth-child(7){--i:6}.site-brand .letter:nth-child(8){--i:7}.site-brand .letter:nth-child(9){--i:8}