/* IU One avatar sizing: match visible artwork height across all roles. */
.hero-art{--avatar-visible-height:200px;--avatar-baseline:28px}
.hero-art .iuone-hero-role-anim,
.hero-art[data-avatar-id='software-engineer-ant'] .iuone-hero-role-anim{
 height:calc(var(--avatar-visible-height) * var(--avatar-frame-height,1))!important;
 width:calc(var(--avatar-visible-height) * var(--avatar-frame-width,1))!important;
 max-width:none!important;max-height:none!important;object-fit:contain;
 left:calc(50% + var(--avatar-visible-height) * var(--avatar-frame-x,0))!important;
 bottom:calc(var(--avatar-baseline) - var(--avatar-visible-height) * var(--avatar-frame-bottom,0))!important;
 transform:translateX(-50%)!important;transform-origin:50% 100%!important;
}
.iuone-avatar-preview{position:relative;--avatar-visible-height:48px;--avatar-baseline:6px}
.iuone-avatar-preview .iuone-avatar-anim-preview{
 position:absolute;
 height:calc(var(--avatar-visible-height) * var(--avatar-frame-height,1))!important;
 width:calc(var(--avatar-visible-height) * var(--avatar-frame-width,1))!important;
 max-width:none!important;max-height:none!important;
 left:calc(50% + var(--avatar-visible-height) * var(--avatar-frame-x,0))!important;
 bottom:calc(var(--avatar-baseline) - var(--avatar-visible-height) * var(--avatar-frame-bottom,0))!important;
 transform:translateX(-50%);object-fit:contain;
}
@media(max-width:960px){.hero-art{--avatar-visible-height:176px;--avatar-baseline:24px}}
@media(max-width:680px){.iuone-avatar-preview{--avatar-visible-height:42px;--avatar-baseline:5px}}