/* The homepage keeps its existing mascot slot; animation is an enhancement. */
.home-hero .home-mascot{--mascot-height:255px;position:relative}
.home-hero .home-mascot>button[data-jh-mascot="12"]{vertical-align:baseline}
.home-hero .home-mascot>button[data-jh-mascot="12"]>[data-jh-mascot-art]{height:var(--mascot-height);width:auto}

.home-hero .home-mascot>.jh-mascot-bubble{top:-32px;right:auto;left:50%;transform:translateX(-50%);max-width:calc(100% - 12px);white-space:nowrap}

@media(max-width:1100px){.home-hero .home-mascot{--mascot-height:210px}}
@media(max-width:760px){.home-hero .home-mascot{--mascot-height:125px}.home-hero .home-mascot>.jh-mascot-bubble{top:3px;left:auto;right:calc(50% + 64px);transform:none;max-width:calc(50% - 70px);white-space:normal;text-align:center;font-size:.75rem}}