/* For colors/fonts, use css/design-tokens.css. This file is mainly for motion/decor fixes. */
/*
======================================================================
ANIMATION FIXES

EDIT HERE for:
- Explore/About image reveal behavior
- removing decorative red squares
- stabilizing WOW/animate.css effects
======================================================================
*/
/*
 * Targeted fixes for the Explore/About section.
 * 1) Explicitly remove the decorative red squares from the parent theme.
 * 2) Keep the image containers stable while WOW/animate.css brings them into view.
 */

/* EDIT ABOUT: hard-disable the decorative red squares from the parent theme */
#about .about-full-img span::before,
#about .about-full-img span::after,
.about-full-img span::before,
.about-full-img span::after {
  content: none !important;
  display: none !important;
}

/* EDIT ABOUT ANIMATION: keep the reveal animation smooth and stable */
#about .about-full-img,
#about .about-left-image,
#about .about-right-image,
#about .explore-btn,
#about .about-description {
  will-change: opacity, transform;
}