/* The animation is applied only to JS-identified homepage hero text. */
@media (prefers-reduced-motion: no-preference) {
  @keyframes isopaintHeroTextReveal {
    0%   { opacity: 0; transform: translate3d(0, 38px, 0) scale(.975); filter: blur(7px); }
    65%  { filter: blur(0); }
    100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
  }
  .isopaint-hero-reveal {
    animation-name: isopaintHeroTextReveal !important;
    animation-duration: 1150ms !important;
    animation-timing-function: cubic-bezier(.16,1,.3,1) !important;
    animation-delay: var(--isopaint-hero-delay, 0ms) !important;
    animation-fill-mode: both !important;
    animation-iteration-count: 1 !important;
    transform-origin: center bottom;
    backface-visibility: hidden;
  }
  /* More deliberate emphasis on the hero headline. */
  h1.isopaint-hero-reveal { animation-duration: 1350ms !important; }
}
@media (prefers-reduced-motion: reduce) {
  .isopaint-hero-reveal { animation: none !important; opacity: 1 !important; transform: none !important; filter: none !important; }
}