/* ==========================================================================
   Hero — Initial animation states
   Conectivo Child Theme
   --------------------------------------------------------------------------
   These rules hide animated elements before GSAP runs so there's no
   flash-of-unstyled-content. GSAP's timeline will animate each element
   back to its visible state on page load.

   Actual Bricks class names confirmed:
     .hero__headline   — heading
     .hero__body       — subtext
     .hero__actions    — CTA buttons wrapper
     .hero__image-col  — right column image
     .hero__pattern-col — decorative shapes
   ========================================================================== */

/* Heading — fades up */
body.bricks-is-frontend .hero__headline,
body.bricks-is-frontend .hero__heading,
body.bricks-is-frontend .hero h1,
body.bricks-is-frontend .hero h2 {
  opacity: 0;
  transform: translateY(48px);
}

/* Subtext — fades up (slightly less travel) */
body.bricks-is-frontend .hero__body,
body.bricks-is-frontend .hero__subtext,
body.bricks-is-frontend .hero__description {
  opacity: 0;
  transform: translateY(32px);
}

/* Eyebrow / tagline if present */
body.bricks-is-frontend .hero__eyebrow,
body.bricks-is-frontend .hero__tagline,
body.bricks-is-frontend .hero__label {
  opacity: 0;
  transform: translateY(24px);
}

/* CTA buttons wrapper — fades up */
body.bricks-is-frontend .hero__actions,
body.bricks-is-frontend .hero__cta,
body.bricks-is-frontend .hero__buttons {
  opacity: 0;
  transform: translateY(24px);
}

/* Right column image — fades in + subtle scale */
body.bricks-is-frontend .hero__image-col,
body.bricks-is-frontend .hero__right,
body.bricks-is-frontend .hero__image,
body.bricks-is-frontend .hero__media,
body.bricks-is-frontend .hero__photo {
  opacity: 0;
  transform: scale(0.96);
}

/* Decorative shapes — fade in */
body.bricks-is-frontend .hero__pattern-col,
body.bricks-is-frontend .hero__shape,
body.bricks-is-frontend .hero__shapes,
body.bricks-is-frontend .hero__bg-shape,
body.bricks-is-frontend .hero__bg,
body.bricks-is-frontend .hero__decoration {
  opacity: 0;
}

/* Performance hints for GPU-composited properties */
body.bricks-is-frontend .hero__headline,
body.bricks-is-frontend .hero__body,
body.bricks-is-frontend .hero__actions,
body.bricks-is-frontend .hero__image-col,
body.bricks-is-frontend .hero__pattern-col,
body.bricks-is-frontend .hero__heading,
body.bricks-is-frontend .hero__subtext,
body.bricks-is-frontend .hero__eyebrow,
body.bricks-is-frontend .hero__cta,
body.bricks-is-frontend .hero__right,
body.bricks-is-frontend .hero__image,
body.bricks-is-frontend .hero__media {
  will-change: transform, opacity;
}