.battle-camera{position:absolute;inset:0;z-index:0;pointer-events:none;transform-origin:50% 55%;will-change:transform}
.battle-mid-air{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}
.battle-avatar{position:absolute;inset:0;pointer-events:none;transform-origin:30% 95%}
.battle-render{position:absolute;display:block;max-width:none;max-height:none;object-fit:fill;pointer-events:none}
canvas.battle-render:not(.decoded){visibility:hidden}
.battle-poster[hidden]{display:none}
#home .clip-ready>.battle-jordain,#home .clip-ready>.goliath,#home .clip-ready>.goliath-kneeling{visibility:hidden!important;animation:none!important;opacity:0!important}
#home .goliath-wrap.clip-ready.defeated{opacity:1;transform:none}
#home .goliath-wrap.clip-ready.defeated>.goliath-kneeling{display:none}
#home .goliath-wrap.clip-ready:after{display:none}
#home .hero-quote{z-index:8}
.reduced-motion .battle-camera{transform:none!important}
@media(max-width:700px){
 #home .arena-room{object-fit:cover;object-position:56% center}
 #home.clips-enabled .home-actor{left:-23%}
}

/* Original Photoshop cutout is the resting pose and the scale reference for clips. */
.battle-still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:none;pointer-events:none}
.rest-on-image>.battle-still{display:block}
.rest-on-image>canvas.battle-render,.rest-on-image>.battle-poster{visibility:hidden!important}

/* Victory settles into the new stance without a hard image swap. */
.static-hero.victory-blend>.battle-still{transition:opacity 480ms ease-in-out}
@media(prefers-reduced-motion:reduce){.static-hero.victory-blend>.battle-still{transition:none}}