.mascot-animation{position:absolute;right:2rem;top:-5.2rem;width:150px;height:150px;border-radius:50%;background:rgba(255,250,243,.92);box-shadow:0 18px 45px rgba(76,58,104,.1);z-index:3;display:grid;place-items:center;animation:mascotBreathe 3.4s ease-in-out infinite;transform-origin:50% 80%}
.mascot-animation:hover{animation:mascotTakeoff 1.15s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 25px 55px rgba(76,58,104,.16)}
.mascot-animation>img{width:82%;height:82%;object-fit:contain;display:block;filter:drop-shadow(0 8px 10px rgba(76,58,104,.12))}
.mascot-eyes{position:absolute;left:43px;top:70px;display:flex;gap:27px;pointer-events:none}
.mascot-eyes i{display:block;width:9px;height:10px;border-radius:50%;background:#665343;opacity:0;transform:scaleY(.08);animation:mascotBlink 4.6s ease-in-out infinite}
.mascot-static{display:grid;place-items:center;background:transparent}
.mascot-static img{position:static!important;width:100%!important;max-width:100%!important;height:100%;object-fit:contain;transform:none!important}
.newsletter-mark.mascot-static{width:86px;height:92px;overflow:visible}
.baby-owl.mascot-static{width:86px;height:92px;overflow:visible;filter:drop-shadow(0 10px 18px rgba(76,58,104,.16));transition:transform .3s ease}
.baby-owl.mascot-static:hover{transform:translateY(-8px) rotate(5deg)}
@keyframes mascotBreathe{0%,100%{transform:translateY(0) rotate(-2deg) scale(1)}50%{transform:translateY(-8px) rotate(2deg) scale(1.025)}}
@keyframes mascotBlink{0%,42%,48%,100%{opacity:0;transform:scaleY(.08)}44%,46%{opacity:1;transform:scaleY(1)}}
@keyframes mascotTakeoff{0%{transform:translate(0,0) rotate(-2deg)}22%{transform:translate(-12px,8px) rotate(-8deg) scale(.96)}48%{transform:translate(18px,-24px) rotate(7deg) scale(1.04)}72%{transform:translate(-8px,-50px) rotate(-5deg)}100%{transform:translate(44px,-86px) rotate(12deg) scale(.88);opacity:.2}}
@media(max-width:900px){.mascot-animation{right:1rem;top:-3.8rem;width:110px;height:110px}.mascot-eyes{left:31px;top:52px;gap:20px}.mascot-eyes i{width:7px;height:8px}}
@media(prefers-reduced-motion:reduce){.mascot-animation,.mascot-animation:hover,.mascot-eyes i{animation:none}.mascot-eyes i{opacity:0}}
