/* Hero decode-gated reveal
 * ========================
 * Pause all hero fade-in animations until the background image is
 * decoded / loaded.  The .header-bg-ready class is added by
 * js/hero-image-reveal.js after Upmarkit.awaitImagesReady() resolves
 * (or the 800 ms timeout fires).
 */

[data-header-background]:not(.header-bg-ready) .header-bg-layer,
[data-header-background]:not(.header-bg-ready) .header-bg-image,
[data-header-background]:not(.header-bg-ready) .header-bg-gradient,
[data-header-background]:not(.header-bg-ready) .header-bg-overlay,
[data-header-background]:not(.header-bg-ready) .header-bg-content {
  animation-play-state: paused !important;
}