/* cinematic.css — GSAP animation overrides on top of global.css */

/* Elements start hidden, GSAP reveals them on scroll */
.hero-left,
.hero-right,
.problem-card,
.step,
.cred-tabs,
.testi-stat,
.founder-inner,
.faq-item,
.recta-box,
#probleme .section-badge,
#probleme .section-title,
#probleme .section-sub,
#demarche .section-badge,
#demarche .section-title,
#demarche .section-sub,
#credibilite .section-badge,
#credibilite .section-title,
#temoignages .section-badge,
#temoignages .section-title,
.problem-closing {
  opacity: 0;
  transform: translateY(30px);
}

/* Hero elements — different starting states */
.hero-badge { opacity: 0; transform: translateY(20px); }
.hero h1 span { opacity: 0; transform: translateY(40px); }
.hero h1 em { opacity: 0; transform: translateY(40px); }
.hero-sub { opacity: 0; transform: translateY(20px); }
.hero-trust { opacity: 0; }
.hero-family-note { opacity: 0; transform: translateY(15px); }
.hero-form { opacity: 0; transform: translateY(20px); }
.hero-right { opacity: 0; transform: translateX(40px); }
.anchor-score    { opacity: 0; transform: translateX(40px); }
.anchor-bars     { opacity: 0; transform: translateX(40px); }
.anchor-inaction { opacity: 0; transform: translateX(40px); }

/* Problem numbers start at 0 — animated by JS */
.problem-number { opacity: 0; transform: scale(0.8); }


/* Steps — scale in */
.step-number { opacity: 0; transform: scale(0); }
.step-content { opacity: 0; transform: translateX(20px); }

/* Testi stats — start hidden + more spacing from title */
.testi-stat-value { opacity: 0; transform: translateY(15px); }
.testi-stats { margin-top: 20px; }

/* Smooth step line drawing */
.step-line {
  transform-origin: top;
  transform: scaleY(0);
}

/* ─── MOBILE FALLBACK ───
   On mobile, disable GSAP start states so content is visible
   even if animations.js crashes or ScrollTrigger misbehaves */
@media(max-width:768px){
  .hero-left,
  .hero-right,
  .problem-card,
  .step,
  .cred-tabs,
  .testi-stat,
  .founder-inner,
  .faq-item,
  .recta-box,
  #probleme .section-badge,
  #probleme .section-title,
  #probleme .section-sub,
  #demarche .section-badge,
  #demarche .section-title,
  #demarche .section-sub,
  #credibilite .section-badge,
  #credibilite .section-title,
  #temoignages .section-badge,
  #temoignages .section-title,
  .problem-closing,
  .hero-badge,
  .hero h1 span,
  .hero h1 em,
  .hero-sub,
  .hero-trust,
  .hero-family-note,
  .hero-form,
  .anchor-score,
  .anchor-bars,
  .anchor-inaction,
  .problem-number,
  .step-number,
  .step-content,
  .testi-stat-value,
  .step-line{
    opacity:1 !important;
    transform:none !important;
  }
}