/* Same approved source PNG for both masks. Broad opaque overlap, seam above the brows. */
.flare-character{--character-size:70px;position:relative;display:inline-block;width:var(--character-size);height:auto;aspect-ratio:1;flex:none;font-size:0;line-height:1;background:transparent;border:0;isolation:isolate;overflow:visible}
.flare-character .flare-portrait{position:relative;z-index:1;display:block;width:100%;height:auto;max-width:none;object-fit:contain;transform:none!important;filter:none!important;animation:none!important;pointer-events:none}
.flare-character[data-fire-motion] .flare-portrait{mask-image:linear-gradient(to bottom,transparent 40%,#000 41%);-webkit-mask-image:linear-gradient(to bottom,transparent 40%,#000 41%)}
.flare-crown-layer{position:absolute;z-index:2;inset:0;width:100%;height:auto;max-width:none;pointer-events:none;mask-image:linear-gradient(to bottom,#000 42%,transparent 44%);-webkit-mask-image:linear-gradient(to bottom,#000 42%,transparent 44%);transform-origin:50% 44%;will-change:transform}
.flare-character[data-motion-paused=false] .flare-crown-layer{animation:crown-sway 4.7s cubic-bezier(.45,0,.55,1) infinite}
@keyframes crown-sway{0%,100%{transform:skewX(-1.8deg)}28%{transform:skewX(1.6deg)}61%{transform:skewX(-.9deg)}82%{transform:skewX(.8deg)}}
.flare-eyelids{position:absolute;z-index:3;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.eyelid-reveal{height:0}
.flare-character.is-blinking[data-motion-paused=false] .eyelid-reveal{animation:flare-blink .19s ease-in-out 1}
@keyframes flare-blink{0%,100%{height:0}42%,58%{height:170px}}
.flare-character[data-motion-paused=true] .flare-crown-layer{animation:none;transform:none}.flare-character[data-motion-paused=true] .eyelid-reveal{animation:none;height:0}
.avatar.flare-character{--character-size:55px;height:auto;border:0;background:none;border-radius:0}.name-line>.avatar.flare-character{--character-size:78px}.employee-bridge>.flare-character{--character-size:95px}.proof-avatar.flare-character{--character-size:68px;width:68px;height:auto;border:0;background:none}.blueprint-employee-character.flare-character{--character-size:58px}
.experience .conversation>header{height:88px}.experience .conversation>header .avatar.flare-character{--character-size:63px}.experience .conversation>header strong{font-size:17px}.experience .conversation>header small{font-size:9px}.experience-utilities>[data-hank-motion]{font-size:8px}
.experience:not([data-story-step="0"]) .bubble-photo{height:40px}.experience:not([data-story-step="0"]) .bubble-photo img{width:58px;height:40px}.experience:not([data-story-step="0"]) .bubble-photo span{font-size:7px}
.experience .software-main>div,.experience .software-main>article{animation:record-arrive .24s ease-out both}@keyframes record-arrive{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:800px){.proof-avatar.flare-character{--character-size:58px;width:58px}.experience-utilities{gap:2px}.experience-utilities>[data-play],.experience-utilities>[data-fullscreen],.experience-utilities>[data-hank-motion]{font-size:7px;padding-inline:3px}.experience .conversation>header .avatar.flare-character{--character-size:57px}}
@media(prefers-reduced-motion:reduce){.flare-character *{animation:none!important;transition:none!important}.flare-character .flare-crown-layer{transform:none!important}.flare-character .eyelid-reveal{height:0!important}.experience .software-main>div,.experience .software-main>article{animation:none!important}}