/* Animations pour les lettres avec effet de proximité */
@keyframes exposureAxisToNeg60 {
  0% {
    font-family: "ExposureItalicTrial+50";
  }
  10% {
    font-family: "ExposureItalicTrial+30";
  }
  20% {
    font-family: "ExposureItalicTrial+20";
  }
  30% {
    font-family: "ExposureItalicTrial+10";
  }
  40% {
    font-family: "ExposureItalicTrial0";
  }
  50% {
    font-family: "ExposureItalicTrial-10";
  }
  60% {
    font-family: "ExposureItalicTrial-20";
  }
  70% {
    font-family: "ExposureItalicTrial-30";
  }
  80% {
    font-family: "ExposureItalicTrial-40";
  }
  100% {
    font-family: "ExposureItalicTrial-60";
  }
}

/* Per-letter dynamic weight classes for proximity effect */
.letter {
  font-style: italic;
  /* Optimisations pour réduire la vibration sans affecter l'espacement */
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  /* Transition plus rapide pour réduire l'effet de vibration */
  transition: font-family 50ms linear, opacity 0.3s ease;
  /* Forcer l'accélération matérielle pour un rendu plus fluide */
  will-change: font-family;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.letter.faded {
  opacity: 0;
}
.letter.w30 {
  font-family: "ExposureItalicTrial+30", "ExposureTrial", system-ui,
    -apple-system, Segoe UI, Roboto, sans-serif;
}
.letter.w20 {
  font-family: "ExposureItalicTrial+20", "ExposureTrial", system-ui,
    -apple-system, Segoe UI, Roboto, sans-serif;
}
.letter.w10 {
  font-family: "ExposureItalicTrial+10", "ExposureTrial", system-ui,
    -apple-system, Segoe UI, Roboto, sans-serif;
}
.letter.w0 {
  font-family: "ExposureItalicTrial0", "ExposureTrial", system-ui, -apple-system,
    Segoe UI, Roboto, sans-serif;
}
.letter.w-10 {
  font-family: "ExposureItalicTrial-10", "ExposureTrial", system-ui,
    -apple-system, Segoe UI, Roboto, sans-serif;
}
.letter.w-20 {
  font-family: "ExposureItalicTrial-20", "ExposureTrial", system-ui,
    -apple-system, Segoe UI, Roboto, sans-serif;
}
.letter.w-30 {
  font-family: "ExposureItalicTrial-30", "ExposureTrial", system-ui,
    -apple-system, Segoe UI, Roboto, sans-serif;
}
.letter.w-40 {
  font-family: "ExposureItalicTrial-40", "ExposureTrial", system-ui,
    -apple-system, Segoe UI, Roboto, sans-serif;
}
.letter.w-50 {
  font-family: "ExposureItalicTrial-50", "ExposureTrial", system-ui,
    -apple-system, Segoe UI, Roboto, sans-serif;
}
.letter.w-60 {
  font-family: "ExposureItalicTrial-60", "ExposureTrial", system-ui,
    -apple-system, Segoe UI, Roboto, sans-serif;
}
.letter.w-70 {
  font-family: "ExposureItalicTrial-70", "ExposureTrial", system-ui,
    -apple-system, Segoe UI, Roboto, sans-serif;
}