/* IUAI_IUONE_HERO_AVATAR_POSITION_FIX_V254_20261014
   Remove the old built-in hero mascot/logo and place the animated role avatar
   in the original hero center position.
*/
.hero-art{position:relative;overflow:visible}
/* Hide the legacy static mascot/logo/original hero art inside the hero block. */
.hero-art .hero-ant,
.hero-art [class*='hero-ant'],
.hero-art [class*='ant-mark'],
.hero-art picture,
.hero-art img:not(.iuone-hero-role-anim),
.hero-art svg:not(.iuone-hero-role-anim),
.hero-art .hero-mascot,
.hero-art .hero-logo,
.hero-art .hero-badge{display:none!important;opacity:0!important;visibility:hidden!important}
/* Keep only the role label under the avatar. */
.hero-art .hero-tag{display:none!important}
.hero-art #iuone-hero-agent-label{z-index:5}
/* Put the new animated avatar in the original main-image location (centered). */
.hero-art .iuone-hero-role-anim{
  position:absolute;
  left:50%;
  right:auto;
  bottom:18px;
  transform:translateX(-50%);
  height:min(246px,94%);
  width:auto;
  max-width:72%;
  object-fit:contain;
  pointer-events:none;
  z-index:4;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.34)) drop-shadow(0 0 24px rgba(107,220,190,.10));
}
.hero-art[data-avatar-id='software-engineer-ant'] .iuone-hero-role-anim{
  height:min(252px,96%);
  max-width:76%;
  bottom:12px;
}
/* Since the old static mascot is removed, no need to wait for ready state. */
.hero-art.iuone-avatar-anim-ready .iuone-hero-role-anim{opacity:1!important}
.iuone-avatar-preview{width:64px!important;height:64px!important;overflow:hidden!important;background:rgba(255,255,255,.04)!important;display:grid!important;place-items:center!important}
.iuone-avatar-option{grid-template-columns:68px minmax(0,1fr)!important}
.iuone-avatar-anim-preview{display:block;width:62px;height:62px;object-fit:contain;pointer-events:none;background:transparent}
@media(max-width:960px){
  .hero-art .iuone-hero-role-anim{height:min(212px,88%);bottom:14px;max-width:74%}
  .hero-art[data-avatar-id='software-engineer-ant'] .iuone-hero-role-anim{height:min(220px,90%);max-width:78%}
}
@media(max-width:680px){
  .hero-art .iuone-hero-role-anim{display:none}
  .iuone-avatar-option{grid-template-columns:58px minmax(0,1fr)!important}
  .iuone-avatar-preview{width:54px!important;height:54px!important}
  .iuone-avatar-anim-preview{width:52px;height:52px}
}