/* Benny sits on Will's launcher, which becomes the WDA gold dot. He faces the page (left).
   Desktop only: on mobile every property uses the same plain right-edge "Help" tab, no character. */
.will-guide.benny-on:not(.will-tab) .will-orb{background:radial-gradient(circle at 38% 32%,#F2D99E 0,#D7B676 55%,#A9813F 100%);box-shadow:0 0 18px 4px #d7b67659,0 10px 26px #0e1b2c33}
.will-guide.benny-on:not(.will-tab) .will-orb i{display:none}
.will-guide.benny-on:not(.will-tab) .will-ring{border-color:#D7B676}
.benny{position:absolute;left:50%;bottom:44px;width:0;height:0;pointer-events:none;z-index:2}
/* Host sites set img{max-width:100%}; inside this zero-width anchor that collapses Benny to nothing (WDA Careers). */
.will-guide .benny img{max-width:none!important;max-height:none!important}
.will-guide.benny-on:not(.will-tab) .will-launcher{overflow:visible!important}
.benny img{position:absolute;bottom:0;left:0;width:auto;transform:translateX(-50%) scaleX(-1) translateY(6px) scale(.96);transform-origin:50% 100%;opacity:0;transition:opacity .2s ease,transform .3s cubic-bezier(.3,1.5,.5,1);user-select:none}
.benny .benny-sit,.benny .benny-look{height:76px}
.benny .benny-sit{margin-left:-3px}.benny .benny-look{margin-left:-8px}
.benny .benny-perk{height:84px;margin-left:-6px;transform:translateX(-50%) translateY(6px) scale(.96)} /* drawn facing left: not mirrored */
/* Asleep: curled up in front of the dot, facing the page */
.benny .benny-sleep{height:44px;bottom:-42px;margin-left:-30px;transform:translateX(-50%) translateY(4px)}
.will-guide[data-benny=sit] .benny-sit,.will-guide[data-benny=look] .benny-look,.will-guide[data-benny=perk] .benny-perk{opacity:1;transform:translateX(-50%) scaleX(-1)}
.will-guide[data-benny=sleep] .benny-sleep{opacity:1;transform:translateX(-50%)}
.will-guide[data-benny=sit] .benny-sit{animation:benny-idle 4s ease-in-out infinite}
/* the ears-up pose is drawn facing left, so it is not mirrored */
.will-guide[data-benny=perk] .benny-perk{transform:translateX(-50%)}
@keyframes benny-idle{0%,100%{transform:translateX(-50%) scaleX(-1)}50%{transform:translateX(-50%) scaleX(-1) translateY(-1.5px) scaleY(1.015)}}
.will-guide[data-benny=sleep] .will-orb{filter:brightness(.82);transition:filter .6s ease}
.benny-z{position:absolute;left:-58px;bottom:-14px;font:600 11px/1 Georgia,serif;letter-spacing:3px;color:#D7B676;opacity:0;transition:opacity .4s ease;white-space:nowrap}
.will-guide[data-benny=sleep] .benny-z{opacity:.85;animation:benny-z 2.6s ease-in-out infinite}
@keyframes benny-z{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
/* Hop back up / perk up on a fast scroll */
.benny.benny-hop{animation:benny-hop .42s cubic-bezier(.3,1.4,.5,1)}
.benny.benny-perk{animation:benny-perk .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes benny-hop{0%{transform:translateY(10px)}55%{transform:translateY(-12px)}100%{transform:none}}
@keyframes benny-perk{0%{transform:none}35%{transform:translateY(-14px) scaleY(1.06)}70%{transform:translateY(0) scaleY(.96)}100%{transform:none}}
/* Light pages (WDA Careers in light mode): a fine navy keyline keeps the white coat readable */
.will-careers .benny img{filter:drop-shadow(1px 0 0 #18224d) drop-shadow(-1px 0 0 #18224d) drop-shadow(0 -1px 0 #18224d)}
@media(prefers-color-scheme:dark){.will-careers .benny img{filter:none}}
.will-guide.benny-on:not(.will-tab) .will-label{top:auto;bottom:6px;transform:translate(6px,0)}
.will-guide.benny-on:not(.will-tab) .will-launcher:hover .will-label,.will-guide.benny-on:not(.will-tab) .will-launcher:focus-visible .will-label,.will-guide.benny-on:not(.will-tab) .will-launcher.will-hint .will-label{transform:none}
.will-guide.benny-on:not(.will-tab)[data-benny=sleep] .will-launcher .will-label{right:calc(100% + 80px)}
.will-tab .benny{display:none}
@media(prefers-reduced-motion:reduce){.benny img{transition:none}.will-guide[data-benny=sit] .benny-sit,.benny.benny-hop,.benny.benny-perk,.will-guide[data-benny=sleep] .benny-z{animation:none}}
/* WDA hero "Scroll" hint: just to the right of Benny, between him and the edge (desktop) */
@media(min-width:761px) and (pointer:fine){.hero .scroll-hint{right:58px!important;left:auto!important}}