/* Scoped to explicitly marked Banner figures; avatars and icons are untouched. */
[data-owl-banner] img[data-layered-active]{clip-path:inset(var(--owl-head-cut) 0 0 0)}
/* Keep original owl-3 wing pixels outside the cropped head texture in the DOM body. */
[data-owl-banner] img.owl-3[data-layered-active]{clip-path:polygon(0 0,calc(100% * 260 / 1254) 0,calc(100% * 260 / 1254) var(--owl-head-cut),calc(100% * 1040 / 1254) var(--owl-head-cut),calc(100% * 1040 / 1254) 0,100% 0,100% 100%,0 100%)}
[data-owl-banner] .layered-owl-head{pointer-events:none;aspect-ratio:1;clip-path:inset(0 0 calc(100% - var(--owl-head-cut)) 0)}
[data-owl-banner] .native-owl-foreground{pointer-events:none;clip-path:inset(0 0 calc(100% - var(--owl-head-cut)) 0)}
[data-owl-banner] .layered-owl-head[hidden],[data-owl-banner] .native-owl-foreground[hidden]{display:none}
@media(prefers-reduced-motion:reduce),(pointer:coarse),(max-width:860px){
 [data-owl-banner] img[data-layered-active],[data-owl-banner] img.owl-3[data-layered-active]{clip-path:none}
 [data-owl-banner] .layered-owl-head,[data-owl-banner] .native-owl-foreground{display:none!important}
}

/* The original whole image owns entrance; publish decoded, painted layers only after it settles. */
[data-owl-banner] .layered-owl-head,[data-owl-banner] .native-owl-foreground{transition:none!important}