/* A small family of hand-drawn SVG characters, animated through their individual parts. */
.mascot-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.boo-svg{display:block;max-width:100%;height:auto;overflow:visible;--boo-play:paused;--boo-delay:0s;--boo-sway:booSway;--boo-arm:booWave}
.boo-svg.is-in-view{--boo-play:running}
.boo-body{transform-origin:120px 236px;animation:var(--boo-sway) 5.6s ease-in-out infinite;animation-delay:var(--boo-delay);animation-play-state:var(--boo-play)}
.boo-head{transform-origin:121px 164px;animation:booHead 5.6s ease-in-out infinite;animation-delay:var(--boo-delay);animation-play-state:var(--boo-play)}
.boo-eyes{transform-origin:121px 108px;animation:booBlink 5.2s ease-in-out infinite;animation-delay:var(--boo-delay);animation-play-state:var(--boo-play)}
.boo-wave-arm{transform-origin:74px 180px;animation:var(--boo-arm) 4.6s ease-in-out infinite;animation-delay:var(--boo-delay);animation-play-state:var(--boo-play)}
.boo-mic-arm{transform-origin:145px 202px;animation:booMic 5.6s ease-in-out infinite;animation-delay:var(--boo-delay);animation-play-state:var(--boo-play)}
.boo-note-one,.boo-note-two{transform-box:fill-box;transform-origin:center;animation:booNotes 4.2s ease-out infinite;animation-play-state:var(--boo-play)}
.boo-note-two{animation-delay:1.9s}
.mic-sway{transform-origin:70px 132px;animation:micSway 4.8s ease-in-out infinite;animation-play-state:var(--boo-play)}
.mic-eyes{transform-origin:70px 52px;animation:booBlink 5.8s ease-in-out infinite;animation-play-state:var(--boo-play)}
.mic-note{animation:micNote 4.8s ease-in-out infinite;animation-play-state:var(--boo-play)}
.glass-left{transform-origin:46px 122px;animation:glassLeft 5.4s ease-in-out infinite;animation-play-state:var(--boo-play)}
.glass-right{transform-origin:114px 122px;animation:glassRight 5.4s ease-in-out infinite;animation-play-state:var(--boo-play)}
.cheers-spark{transform-origin:80px 30px;animation:cheersSpark 5.4s ease-in-out infinite;animation-play-state:var(--boo-play)}
.boo-sing{--boo-arm:booSingArm}.boo-welcome{--boo-delay:-1.6s}
.boo-hero{position:absolute;right:10px;bottom:-26px;z-index:5;width:clamp(94px,10vw,142px);filter:drop-shadow(0 5px 10px #10101265)}
.duo-img .boo-svg{width:100%;height:100%;object-fit:contain}.duo-img .hero-pigwrap .boo-svg{overflow:visible;cursor:pointer}
.neon-txt>div{position:relative;width:100%}.karaoke-mascot{width:96px;position:absolute;right:-10px;top:-24px;transform:rotate(8deg)}
.card-no{display:flex;align-items:center;justify-content:space-between;min-height:68px;margin-bottom:15px}.card-mascot{width:66px;margin:-20px 0 -10px 15px;flex:none}
.book-pig.boo-svg{width:clamp(115px,14vw,190px);height:auto;transform:none;filter:none}
.recruit-photo{position:relative}.recruit-mascot{position:absolute;right:-24px;bottom:8px;width:110px;filter:drop-shadow(0 5px 8px #10101255)}
@keyframes booSway{0%,100%{transform:rotate(-2deg) translateY(0)}45%{transform:rotate(2.5deg) translateY(-3px)}70%{transform:rotate(.3deg) translateY(-1px)}}
@keyframes booHead{0%,100%{transform:rotate(0)}45%{transform:rotate(-3deg)}72%{transform:rotate(1deg)}}
@keyframes booBlink{0%,40%,44%,76%,80%,100%{transform:scaleY(1)}42%,78%{transform:scaleY(.12)}}
@keyframes booWave{0%,45%,100%{transform:rotate(0)}10%,28%{transform:rotate(18deg)}19%,37%{transform:rotate(-9deg)}}
@keyframes booSingArm{0%,100%{transform:rotate(-3deg)}45%{transform:rotate(7deg)}70%{transform:rotate(1deg)}}
@keyframes booMic{0%,100%{transform:rotate(0)}45%{transform:rotate(-5deg) translateY(-3px)}}
@keyframes booNotes{0%,12%{opacity:0;transform:translate(0,8px) scale(.85)}30%,55%{opacity:.9}90%,100%{opacity:0;transform:translate(7px,-14px) scale(1.05)}}
@keyframes micSway{0%,100%{transform:rotate(-5deg)}40%{transform:rotate(6deg)}65%{transform:rotate(-2deg)}}
@keyframes micNote{0%,23%,75%,100%{opacity:.3}40%,57%{opacity:1}}
@keyframes glassLeft{0%,18%,75%,100%{transform:rotate(0)}35%,47%{transform:rotate(13deg) translateX(7px)}57%{transform:rotate(-2deg)}}
@keyframes glassRight{0%,18%,75%,100%{transform:rotate(0)}35%,47%{transform:rotate(-13deg) translateX(-7px)}57%{transform:rotate(2deg)}}
@keyframes cheersSpark{0%,28%,62%,100%{opacity:0;transform:scale(.7)}36%,46%{opacity:1;transform:scale(1)}54%{opacity:.3;transform:scale(1.2)}}
@media(max-width:1000px){.karaoke-mascot{width:76px;right:-4px;top:-15px}}
@media(max-width:800px){.book-pig.boo-svg{width:120px;margin:0 auto 26px}.recruit-mascot{right:-10px;bottom:14px;width:96px}.card-mascot{width:66px}.karaoke-mascot{width:82px;right:0}}
@media(max-width:700px){.boo-hero{width:96px;right:8px;bottom:-18px}.hero-art{margin-bottom:14px}.karaoke-mascot{top:-12px}.neon .tag{max-width:70%;padding-right:15px}}
.motion-paused .boo-svg{--boo-play:paused!important}
@media(prefers-reduced-motion:reduce){.boo-svg{--boo-play:paused!important}.boo-notes{opacity:.55}}
.page-hidden .boo-svg{--boo-play:paused!important}
.hero-photo figcaption{right:152px}.hero-photo figcaption>span:last-child{display:none}
@media(max-width:700px){.hero-photo figcaption{right:110px}}