/* One character, with poses sized for their respective UI surfaces. */
#request .request-copy{padding-right:228px;min-height:132px}
#request .request-mascot-peek{width:190px;height:190px;top:-174px;right:28px;overflow:visible}
#request .request-mascot-peek picture{display:block}
#request .request-mascot-peek img{display:block;width:100%;height:auto;max-width:100%;transform-origin:50% 88%;animation:girl-peek-bob 6.8s ease-in-out infinite}
#request .request-phone-mascot{aspect-ratio:2/3}
#request .request-phone-mascot img{width:100%;height:auto}
.footer-scene .footer-mascot-stage{--mascot-width:min(1000px,94vw);height:calc(var(--mascot-width)*.44)}
.footer-scene .footer-mascot-stage img{bottom:calc(var(--mascot-width)*-.06);width:var(--mascot-width);height:auto}
.footer-scene .footer-mascot-stage picture{display:contents}
body .footer-scene .brand-footer{padding-top:88px}
#faq .faq-support-mascot{display:block;width:132px;aspect-ratio:1;margin:0 auto 20px;border:1.5px solid var(--ink);border-radius:50%;background:var(--soft);overflow:hidden}
#faq .faq-support-mascot img{display:block;width:100%;height:100%;object-fit:contain}
@keyframes girl-peek-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}
#request .request-phone-mascot img{animation:girl-phone-breathe 7s ease-in-out infinite}
.faq-support-mascot img{transform-origin:50% 80%;animation:girl-support-listen 8s ease-in-out infinite}
.footer-mascot-stage img{transform-origin:50% 88%;animation:girl-footer-breathe 7.5s ease-in-out infinite}
@keyframes girl-phone-breathe{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -4px;rotate:1deg}}
@keyframes girl-support-listen{0%,72%,100%{rotate:0deg}82%{rotate:-2deg}90%{rotate:1deg}}
@keyframes girl-footer-breathe{0%,100%{translate:0 0}50%{translate:0 -3px}}
.character-motion-target:not(.is-in-view) img,.character-motion-paused .character-motion-target img{animation-play-state:paused!important}
.character-motion-target:not(.is-in-view) .studio-art-illustration,.character-motion-paused .studio-art-illustration{animation-play-state:paused!important}
@media(max-width:1100px){#request .request-copy{padding-right:206px;min-height:148px}#request .request-mascot-peek{width:174px;height:174px;top:-159px;right:20px}}
@media(max-width:800px){#request .request-copy{padding-right:0;min-height:0}#request .request-workspace{row-gap:142px}#request .request-mascot-peek{width:146px;height:146px;top:-133px;right:18px}#request .request-phone-mascot{width:112px;margin-top:14px}}
@media(max-width:600px){#faq .faq-support-mascot{width:108px;margin-bottom:16px}body .footer-scene .brand-footer{padding-top:62px}}
@media(prefers-reduced-motion:reduce){#request .request-mascot-peek img{animation:none;transform:none}.request-phone-mascot img,.faq-support-mascot img,.footer-mascot-stage img{animation:none!important;translate:none;rotate:none}#studio-art img{animation:none!important}}