.mascot{display:inline-block;flex-shrink:0;line-height:0;transform-origin:center 85%}.mascot__image{display:block;width:100%;height:auto;object-fit:contain}.mascot[data-mood=greeting]{animation:mascot-greeting 1.4s ease-in-out 1}.mascot[data-mood=thinking]{animation:mascot-thinking 1.8s ease-in-out 2}.mascot[data-mood=happy]{animation:mascot-happy .7s ease-in-out 1}@keyframes mascot-greeting{0%,to{transform:rotate(0)}30%{transform:rotate(-5deg)}65%{transform:rotate(3deg)}}@keyframes mascot-thinking{0%,to{transform:rotate(0)}50%{transform:rotate(-3deg)}}@keyframes mascot-happy{0%,to{transform:translateY(0)}45%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.mascot[data-mood]{animation:none;transform:none}}