.bobby-art{position:relative;display:block;aspect-ratio:635/771}.bobby-art>img{display:block;width:100%;height:auto}.bobby-art .bobby-face{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.portrait .bobby-face{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#bobby-launcher .bobby-icon .bobby-face{position:absolute;width:83px;height:101px;left:-14px;top:-3px;pointer-events:none}.portrait:before,.portrait:after,#bobby-launcher .bobby-icon:before,#bobby-launcher .bobby-icon:after{display:none!important}.portrait img,#bobby-launcher .bobby-icon img{animation:none!important}.bobby-eyelid{opacity:0;animation:bobby-natural-blink 6.8s linear infinite;transform-origin:345px 179px}.bobby-smile{transform-origin:345px 295px;animation:bobby-smile 8s ease-in-out infinite}.hero-art{width:min(100%,360px);justify-self:center}.intro-art .bobby-art{width:210px;height:255px}.intro-art .bobby-art>img{width:210px;height:255px}.bobby-art{animation:bobby-greeting .8s ease-out 1,bobby-breathe 5s 1s ease-in-out infinite;transform-origin:50% 80%}.is-paused .bobby-face *,.bobby-motion-paused .bobby-face *,.bobby-page-hidden .bobby-face *,.bobby-page-hidden .bobby-art,.bobby-motion-paused .bobby-art{animation-play-state:paused!important}.is-paused .bobby-eyelid,.bobby-motion-paused .bobby-eyelid{opacity:0!important}.is-paused .bobby-smile,.bobby-motion-paused .bobby-smile{transform:none!important}.portrait .bobby-smile{animation-duration:6s}.chat-root[data-state=thinking] .bobby-eyelid{animation-duration:4s}.chat-root[data-state=writing] .bobby-smile{animation-duration:2.5s}@keyframes bobby-natural-blink{0%,30%,33%,72%,75%,79%,82%,100%{opacity:0;transform:scaleY(.1)}31%,32%,73%,74%,80%,81%{opacity:1;transform:scaleY(1)}}@keyframes bobby-smile{0%,12%,55%,100%{transform:scale(1)}24%,38%{transform:scale(1.055,1.045)}}@keyframes bobby-breathe{50%{transform:translateY(-2px) rotate(.2deg)}}@keyframes bobby-greeting{0%{transform:rotate(-2deg)}55%{transform:rotate(1deg)}100%{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.bobby-art,.bobby-face *{animation:none!important}.bobby-eyelid{opacity:0!important}}@media(max-width:700px){.hero-art{display:none}}

/* New supplied face artwork uses its own 512px landmarks and crop. */
.avatar .portrait{width:188px;height:188px;left:-78px;top:-11px}.avatar .portrait>img{width:188px;height:188px}.portrait .bobby-face{width:188px;height:188px}#bobby-launcher .bobby-icon>img,#bobby-launcher .bobby-icon .bobby-face{width:164px;height:164px;left:-69px;top:-9px}.new-face .bobby-eyelid{transform-origin:281px 103px}.new-face .bobby-smile{transform-origin:281px 156px}.intro-art{height:255px}.page-header img{object-fit:cover;object-position:50% 46%;width:178px;height:67px}@media(max-width:680px){.page-header img{width:142px;height:54px}}

/* Header bust meets the divider; image and animated landmarks share the crop. */
.avatar .portrait{width:144px;height:144px;left:-46px;top:0}.avatar .portrait>img,.avatar .portrait .bobby-face{width:144px;height:144px}
@media(max-height:360px){.panel-view .avatar .portrait{width:100px;height:100px;left:-32px;top:0;transform:none}.panel-view .avatar .portrait>img,.panel-view .avatar .portrait .bobby-face{width:100px;height:100px}}

/* The launcher shows a bust; keep the image and expression layers at the same crop. */
#bobby-launcher .bobby-icon>img,#bobby-launcher .bobby-icon .bobby-face{width:144px;height:144px;left:-42px;top:-1px}
@media(max-width:500px){#bobby-launcher .bobby-icon>img,#bobby-launcher .bobby-icon .bobby-face{width:136px;height:136px;left:-41px;top:-1px}}

/* Mobile shows the head; desktop retains the bust beside Ask Bobby. */
@media(max-width:767px){
#bobby-launcher .bobby-icon>img,#bobby-launcher .bobby-icon .bobby-face{width:188px;height:188px;left:-75px;top:-10px}

}