.mascot-stage{position:relative;min-height:360px;margin:-12px 0 22px;display:grid;place-items:center;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#075c4510,#fffdf8 48%,#d83b3e10);border:1px solid #d8e2d9}
.mascot-wrap{position:relative;z-index:3;width:min(310px,67vw);height:285px;animation:chairman-hover 3.2s ease-in-out infinite;filter:drop-shadow(0 12px 14px #10271c35)}
.mascot-wrap img{width:100%;height:100%;object-fit:cover;object-position:50% 36%;border-radius:50%;mix-blend-mode:multiply}
.wing{position:absolute;z-index:-1;top:84px;width:105px;height:142px;border:2px solid #799d8c80;background:linear-gradient(145deg,#effff5aa,#ffffff28);border-radius:80% 20% 75% 25%;transform-origin:bottom center;backdrop-filter:blur(1px)}
.wing-left{left:-34px;transform:rotate(-34deg);animation:wing-left .12s ease-in-out infinite alternate}
.wing-right{right:-34px;transform:scaleX(-1) rotate(-34deg);animation:wing-right .12s ease-in-out infinite alternate}
.mascot-shadow{position:absolute;z-index:1;bottom:38px;width:190px;height:25px;background:#173b2a35;border-radius:50%;filter:blur(8px);animation:shadow-pulse 3.2s ease-in-out infinite}
.orbit{position:absolute;border-radius:50%;border:1px dashed}.orbit-one{width:385px;height:250px;border-color:#0b7a5850;animation:orbit-spin 13s linear infinite}.orbit-two{width:305px;height:320px;border-color:#d83b3e45;animation:orbit-spin 9s linear infinite reverse}
.buzz{position:absolute;z-index:4;font:italic 800 13px Georgia,serif;letter-spacing:.12em;color:var(--red);opacity:0;animation:buzz-pop 3.2s ease-in-out infinite}.buzz-one{left:calc(50% - 190px);top:70px}.buzz-two{right:calc(50% - 190px);top:115px;animation-delay:1.3s}
.mascot-copy{position:absolute;z-index:5;left:26px;bottom:22px;display:flex;flex-direction:column}.mascot-copy span{text-transform:uppercase;letter-spacing:.14em;color:var(--red);font-size:11px;font-weight:900}.mascot-copy strong{font:700 18px Georgia,serif}
.mascot-stage:has(+.composer textarea:focus) .mascot-wrap{animation-duration:1.2s}
@keyframes chairman-hover{0%,100%{transform:translateY(4px) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}
@keyframes shadow-pulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(.75);opacity:.38}}
@keyframes wing-left{from{transform:rotate(-25deg) scaleY(.93)}to{transform:rotate(-48deg) scaleY(1.07)}}
@keyframes wing-right{from{transform:scaleX(-1) rotate(-25deg) scaleY(.93)}to{transform:scaleX(-1) rotate(-48deg) scaleY(1.07)}}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@keyframes buzz-pop{0%,72%,100%{opacity:0;transform:translate(0,8px) scale(.8)}80%{opacity:.9;transform:translate(-8px,0) scale(1)}90%{opacity:0;transform:translate(-18px,-9px) scale(1.1)}}
@media(max-width:760px){.mascot-stage{min-height:320px}.mascot-wrap{width:250px;height:245px}.orbit-one{width:310px}.mascot-copy{left:18px}.mascot-copy strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.mascot-wrap,.wing,.orbit,.buzz,.mascot-shadow{animation:none!important}}