/* ============================================================
   TALENTUM — Canvas scrub + sticky wrapper (Step 1.5)
   ============================================================ */

/* Wrapper 400vh — fournit la distance de scroll pour tout le scrub */
.scrub-wrapper {
  position: relative;
  height: 400vh;
}

/* Zone sticky — reste ancrée dans le viewport pendant tout le scroll */
.scrub-sticky {
  position: sticky;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: var(--color-bg-primary);
}

/* Canvas fullscreen — s'active après le FLIP, z-index au-dessus du hero */
#hero-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  display: none;
  background: var(--color-bg-primary);
}

#hero-canvas.is-active {
  display: block;
}

/* aria-label requis — déclaré dans index.html */

/* Phase 2 placeholder — remplacé par les sections éditoriales en Phase 2 */
#phase-2-placeholder {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-primary);
  color: var(--color-text-secondary);
  font-family: var(--font-display);
  font-style: italic;
  font-size: var(--text-body);
}