/*
 * Las tipografías de la marca, servidas como dos ficheros y sin bloquear nada.
 *
 * Dueño: flujo F (ronda 2). Cierra PLAN §6.2.
 *
 * ───────────────────────────────────────────────────────────────────────────
 * Qué se midió, porque el bug no era el que ponía en el plan
 *
 * `motor/assets/fuentes.css` pesa 718 KB y lleva 13 `@font-face` en base64.
 * Al extraerlos resulta que **no son 13 ficheros: son 3**, repetidos 6, 2 y 5
 * veces. Unbounded y Hanken Grotesk son fuentes VARIABLES — un solo binario
 * cubre de 100 a 900— y estaban inlineadas una vez por peso declarado.
 *
 *   718 KB de CSS  →  3 binarios distintos, 118 KB en total
 *   de esos 3, aquí se usan 2 (la itálica no se usa en la portada): 84 KB
 *
 * O sea que el 88 % de esos 718 KB eran la misma fuente repetida, más el 33 %
 * que engorda el base64 por encima del binario. No hacía falta elegir entre
 * marca y velocidad: sólo dejar de mandar lo mismo seis veces.
 *
 * ───────────────────────────────────────────────────────────────────────────
 * Por qué ficheros y no base64
 *
 * Un `@font-face` en base64 dentro de una hoja de estilos **bloquea el primer
 * pintado**: el navegador no pinta hasta tener el CSS entero, y aquí el CSS
 * entero eran 718 KB. En una 4G lenta eso es la primera impresión completa.
 * Como fichero aparte, el CSS son 2 KB, el texto se pinta ya con la tipografía
 * del sistema (`font-display: swap`) y la fuente entra cuando llega.
 *
 * Y se cachean por separado: cambiar un color del CSS ya no obliga a volver a
 * bajar 718 KB.
 */

/* El display de la marca: titulares y cifras grandes. Un solo fichero para
   todos los pesos, que es lo que es. */
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('tipos/unbounded-var.woff2') format('woff2-variations'),
       url('tipos/unbounded-var.woff2') format('woff2');
}

/* El texto. Mismo caso: variable, un fichero, todos los pesos. */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('tipos/hanken-var.woff2') format('woff2-variations'),
       url('tipos/hanken-var.woff2') format('woff2');
}