/* ==========================================================================
   Le révélateur : un disque de « peinture » à gratter qui laisse apparaître
   la photo. C'est le dernier chapitre du récit.

   Montage : la photo est le FOND du disque, le canvas posé par-dessus ne
   contient QUE la couche de peinture. Gratter, c'est effacer le canvas au
   pinceau (composition `destination-out`) — la photo se découvre par
   transparence. Voir assets/invitation/js/scratch.js.

   Contrairement à la version précédente, le disque ne disparaît pas une fois
   gratté : c'est LUI qui porte la photo. La timeline de révélation efface la
   peinture restante et agrandit le disque, elle ne le fait pas sortir.
   ========================================================================== */

.chapitre--final .chapitre-vue { gap: 4vh; }

.revelateur {
  position: relative;
  opacity: 0;              /* GSAP l'amène quand le chapitre entre en vue */
  /* Sans ça le disque resterait grattable alors qu'il est encore invisible.
     assets/invitation/js/main.js le rend cliquable quand le chapitre est atteint. */
  pointer-events: none;
}

.reveal-circle {
  position: relative;
  width: var(--reveal-taille);
  height: var(--reveal-taille);
  border-radius: 50%;
  overflow: hidden;
  background: var(--tex-photo) center / cover no-repeat;
  box-shadow: 0 18px 40px rgba(58, 20, 31, .22);
}

.reveal-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  cursor: crosshair;
  touch-action: none;      /* sinon le doigt fait défiler la page au lieu de gratter */
}

.reveal-hint {
  color: #7a5561;
  font-size: 12px;
  letter-spacing: .28em;
  text-transform: uppercase;

  opacity: 0;              /* GSAP l'amène avec le disque, et l'efface au grattage */
  pointer-events: none;
}