.ic-character[data-hero-style]{background:#18232d}
/* Keep editor controls reachable even when Elementor serves cached hero HTML. */
.elementor-editor-active .elementor-widget-interactive-character .ic-character{width:100%!important;max-width:100%!important;left:0!important;margin:0!important;pointer-events:none}
.elementor-editor-active .elementor-widget-interactive-character .ic-character>img,.elementor-editor-active .elementor-widget-interactive-character .ic-character>canvas{transform:none!important;clip-path:none!important;-webkit-mask-image:none!important;mask-image:none!important}
.ic-character[data-hero-style=parallax]>canvas,.ic-character[data-hero-style=parallax]>img{transform:translate(var(--ic-shift-x,0px),var(--ic-shift-y,0px)) scale(1.03);transition:transform 100ms linear}
.ic-character[data-hero-style=reveal]>canvas,.ic-character[data-hero-style=reveal]>img{
  --ic-lens-radius:clamp(90px,18vw,260px);
  -webkit-mask-image:radial-gradient(circle var(--ic-lens-radius) at var(--ic-lens-x,50%) var(--ic-lens-y,50%),#000 0%,#000 45%,rgba(0,0,0,.85) 60%,rgba(0,0,0,.45) 78%,transparent 100%);
  mask-image:radial-gradient(circle var(--ic-lens-radius) at var(--ic-lens-x,50%) var(--ic-lens-y,50%),#000 0%,#000 45%,rgba(0,0,0,.85) 60%,rgba(0,0,0,.45) 78%,transparent 100%);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
}
@media(prefers-reduced-motion:reduce){.ic-character[data-hero-style]>canvas,.ic-character[data-hero-style]>img{transform:none;transition:none;clip-path:none;-webkit-mask-image:none;mask-image:none}}