/* The existing image preserves layout and the icon; only its letters animate. */
.ai-hero__brand-animation {
  position: relative;
  display: block;
  max-width: 100%;
}
body.ai-home-page .ai-hero--editorial .ai-hero__brand-drawing {
  position: absolute;
  inset: 0;
  display: none;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
.ai-hero__brand-animation.is-brand-animated .ai-hero__brand-wordmark {
  clip-path: inset(0 calc(100% - var(--brand-icon-width, 20.689655%)) 0 0);
}
body.ai-home-page .ai-hero--editorial .is-brand-animated .ai-hero__brand-drawing {
  display: block;
}
body.ai-home-page .ai-hero--editorial .is-brand-preparing .ai-hero__brand-drawing {
  display: block;
  opacity: 0;
}
.ai-hero__brand-reveal {
  transform-box: view-box;
  transform-origin: 45px 0;
}
@media (prefers-reduced-motion: reduce) {
  .ai-hero__brand-animation.is-brand-animated .ai-hero__brand-wordmark {
    clip-path: none;
  }
  body.ai-home-page .ai-hero--editorial .is-brand-animated .ai-hero__brand-drawing {
    display: none;
  }
}