/* Tipografías de la biblioteca de texto del Timeline.
   Son EXACTAMENTE los .ttf que usa el rasterizador del render (Pillow),
   así el preview y el MP4 dibujan las mismas letras.
   Se sirve como estático (no pasa por webpack) para que las URLs absolutas
   de /fonts no se resuelvan en build. */
@font-face {
  font-family: 'SMLInter';
  src: url('/fonts/Inter-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: 'SMLMontserrat';
  src: url('/fonts/Montserrat-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: 'SMLBebas';
  src: url('/fonts/BebasNeue-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'SMLPlayfair';
  src: url('/fonts/PlayfairDisplay-Variable.ttf') format('truetype-variations');
  font-weight: 400 900;
  font-display: swap;
}