.hero-mascot{
  display:block;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  cursor:pointer;
  line-height:0;
  appearance:none;
}
.hero-mascot picture{display:block;width:100%}
.hero-mascot .hero-artwork-image{display:block;width:100%;height:auto}
.hero-mascot:focus-visible{outline:3px solid #DE8160;outline-offset:5px;border-radius:18px}
.hero-mascot.is-waving .hero-artwork-image{animation:lah-greeting 900ms cubic-bezier(.2,.8,.2,1) both;transform-origin:50% 88%}
@keyframes lah-greeting{
  0%,100%{transform:translateY(0) rotate(0)}
  20%{transform:translateY(-9px) rotate(-2deg)}
  43%{transform:translateY(1px) rotate(3deg)}
  68%{transform:translateY(-5px) rotate(-2deg)}
  84%{transform:translateY(0) rotate(1deg)}
}
@media(prefers-reduced-motion:reduce){.hero-mascot.is-waving .hero-artwork-image{animation:none;filter:drop-shadow(0 0 7px #DE8160)}}