@charset "UTF-8";
/* ==========================================================================
   CB01 · Tipografía
   --------------------------------------------------------------------------
   Las fuentes se sirven desde este dominio. Antes venían de Google, lo que
   costaba dos conexiones nuevas —fonts.googleapis.com para la hoja y
   fonts.gstatic.com para el fichero— y dos viajes encadenados: hasta que no
   llegaba la hoja, el navegador no sabía qué fichero pedir.

   Medido en la entrada de I Have No Mouth antes del cambio: un único salto
   de maquetación de 0,0611 a los 880 ms, doce milisegundos antes del primer
   pintado, que movía .wrap-inner, .post-meta y el logotipo a la vez. Era la
   fuente entrando y recomponiendo la página entera.

   Tres decisiones:

   1. Plus Jakarta Sans va como fuente VARIABLE. Un fichero de 27 KB cubre
      de 200 a 800 en vez de cinco ficheros de 27 KB, uno por peso.
   2. Sólo los subconjuntos latin y latin-ext. El sitio está en español: ni
      cirílico, ni griego, ni vietnamita.
   3. Hay una cara de reserva con métricas ajustadas —«CB01 Reserva»— para
      que, si la fuente tarda, el texto que se pinta mientras tanto ocupe
      exactamente el mismo sitio. Es lo que hace que no haya salto.
   ========================================================================== */

/* --- Plus Jakarta Sans, variable ------------------------------------------- */

@font-face {
	font-family: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("../fonts/jakarta-var-n-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("../fonts/jakarta-var-n-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Plus Jakarta Sans";
	font-style: italic;
	font-weight: 200 800;
	font-display: swap;
	src: url("../fonts/jakarta-var-i-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Plus Jakarta Sans";
	font-style: italic;
	font-weight: 200 800;
	font-display: swap;
	src: url("../fonts/jakarta-var-i-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* --- La cara de reserva ----------------------------------------------------
   No descarga nada: toma los glifos de Arial (o de la sans del sistema) y
   los deforma para que ocupen lo mismo que Plus Jakarta Sans.

   Medido a 100 px sobre una frase de 76 caracteres: Jakarta ocupa 3581 px
   de ancho y Arial 3899, o sea el 91,9 %. En alto de línea natural, Jakarta
   da 126 px y Arial 117.

   Los valores de abajo salen de ahí y se han comprobado a posteriori
   midiendo las dos caras una contra otra.
   -------------------------------------------------------------------------- */

@font-face {
	font-family: "CB01 Reserva";
	src: local("Arial"), local("Helvetica"), local("Liberation Sans");
	font-weight: 200 800;
	size-adjust: 91.9%;
	ascent-override: 105.5%;
	descent-override: 27.5%;
	line-gap-override: 0%;
}

/* --- Fuentes de rótulo ------------------------------------------------------
   Las tres son decorativas y van en trozos cortos. `swap` sirve: si tardan,
   se ve la de reserva y luego cambian, y como son pocas palabras el salto
   no mueve la maquetación.
   -------------------------------------------------------------------------- */

@font-face {
	font-family: "Press Start 2P";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/pressstart-400-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Press Start 2P";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/pressstart-400-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Indie Flower";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/indieflower-400-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Indie Flower";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/indieflower-400-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Major Mono Display";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/majormono-400-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Major Mono Display";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/majormono-400-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}