.header .brand,.plus-sculpture{animation:shared-brand-dance 24s linear infinite;animation-delay:var(--brand-phase,0s);transform-origin:50% 55%;will-change:transform}
.header .brand{display:inline-block;--lift:4px;--rest:0deg;--tilt:10deg;--squeeze:.86;--grow:1.1;--shadow:1px;animation-name:shared-brand-dance,shared-brand-ink;animation-duration:24s,24s;animation-delay:var(--brand-phase,0s),var(--brand-phase,0s)}
.header .brand span{margin-left:4px}
.plus-sculpture{--lift:16px;--rest:-15deg;--tilt:16deg;--squeeze:.88;--grow:1.08}
@keyframes shared-brand-dance{
0%,100%{transform:translateY(0) rotate(var(--rest)) scale(1)}
5%{transform:translateY(calc(-1 * var(--lift))) rotate(calc(var(--rest) - var(--tilt))) scale(1)}
10%{transform:translateY(0) rotate(calc(var(--rest) + var(--tilt))) scale(1)}
14%{transform:translateY(0) rotate(var(--rest)) scale(1)}
19%{transform:translateY(0) rotate(var(--rest)) scale(1.12,var(--squeeze))}
23%{transform:translateY(calc(-2 * var(--lift))) rotate(var(--rest)) scale(.94,var(--grow))}
27%{transform:translateY(0) rotate(var(--rest)) scale(1.08,.95)}
31%{transform:translateY(0) rotate(var(--rest)) scale(1)}
37%{transform:translateY(calc(-1 * var(--lift))) rotate(calc(var(--rest) + 90deg)) scale(1)}
43%{transform:translateY(0) rotate(calc(var(--rest) + 360deg)) scale(1)}
48%{transform:translateY(0) rotate(calc(var(--rest) + 360deg)) scale(1)}
54%{transform:translateY(0) rotate(calc(var(--rest) + 360deg)) scale(var(--grow),var(--squeeze))}
59%{transform:translateY(0) rotate(calc(var(--rest) + 360deg)) scale(var(--squeeze),var(--grow))}
64%{transform:translateY(0) rotate(calc(var(--rest) + 360deg)) scale(1)}
70%{transform:translateY(calc(-1 * var(--lift))) rotate(calc(var(--rest) + 345deg)) scale(1)}
75%{transform:translateY(0) rotate(calc(var(--rest) + 375deg)) scale(1)}
80%{transform:translateY(0) rotate(calc(var(--rest) + 360deg)) scale(1)}
86%{transform:translateY(0) rotate(calc(var(--rest) + 360deg)) scale(.95)}
92%,99%{transform:translateY(0) rotate(calc(var(--rest) + 360deg)) scale(1)}
}
@keyframes shared-brand-ink{0%,49%,66%,100%{color:#111;-webkit-text-stroke:0;text-shadow:none}54%,60%{color:#fff;-webkit-text-stroke:1px #111;text-shadow:2px 2px #bbb}}
.header .brand-hover{filter:drop-shadow(2px 3px 0 #ddd)}
@media(prefers-reduced-motion:reduce){.header .brand,.plus-sculpture{animation:none!important;transform:none;will-change:auto}}