.boxhead{display:block;width:100%;height:auto;overflow:visible}
.boxhead .eyes-closed{opacity:0}
.boxhead.wave .arm-right{animation:bh-wave 1.2s ease-in-out 1 both}
.boxhead.wave-loop .arm-right{animation:bh-wave 1.2s ease-in-out infinite}
.boxhead.blink .eyes-closed{animation:bh-blink 4s linear infinite}
.boxhead.bob .head{animation:bh-bob 2s ease-in-out infinite}
.boxhead.hop .figure{animation:bh-hop 600ms ease-out 1}
.boxhead.hop-loop .figure{animation:bh-hop 600ms ease-out 1.4s infinite}
@keyframes bh-wave{0%{transform:rotate(0)}8%{transform:rotate(-10deg)}25%{transform:rotate(25deg)}41%{transform:rotate(-10deg)}58%{transform:rotate(25deg)}74%{transform:rotate(-10deg)}90%{transform:rotate(25deg)}100%{transform:rotate(0)}}
@keyframes bh-blink{0%,96.9%{opacity:0}97%,100%{opacity:1}}
@keyframes bh-bob{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes bh-hop{0%{transform:scale(1.04,.94)}15%{transform:translateY(-12px) scale(.98,1.03)}45%{transform:translateY(-18px)}75%{transform:translateY(0) scale(1.05,.93)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){.boxhead .arm-right,.boxhead .head,.boxhead .figure,.boxhead .eyes-closed{animation:none!important}}