/* JP Cages — display font
 *
 * Bebas Neue ships one cut: regular, upright. The site asks for it in
 * italic and at weights 500 and 700, so the browser faked both - skewing
 * the glyphs and thickening the strokes - and that is what made the text
 * look blurry.
 *
 * The family name is redefined here and pointed at Barlow Condensed,
 * which has genuine cuts. No site CSS has to change and deactivating the
 * plugin puts Bebas straight back.
 *
 * Each weight is mapped one step heavier than asked for, because the old
 * faked bold was heavier than a true 500 and the nav would otherwise look
 * thin: 400 -> 600, 500 -> 700, 600 -> 700, 700 -> 800.
 *
 * v1.2.0: Bebas is an all-capitals face, so its capitals fill the em box
 * and Barlow's capitals read smaller at the same font-size. v1.1.0 fixed
 * that in JavaScript by multiplying each element's font-size by 1.12 -
 * which compounded, because a nested element inherits its parent's
 * already-multiplied size and then gets multiplied again. The nav reached
 * 1.40x and one button reached 59px. size-adjust does the same job inside
 * the font itself: it is applied once, it cannot compound, and no
 * element's font-size is touched.
 */

@font-face {
	font-family: 'Bebas Neue';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	size-adjust: 112%;
	src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B4873z3bWuQ.woff2) format('woff2');
}

@font-face {
	font-family: 'Bebas Neue';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	size-adjust: 112%;
	src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3bWuQ.woff2) format('woff2');
}

@font-face {
	font-family: 'Bebas Neue';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	size-adjust: 112%;
	src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3bWuQ.woff2) format('woff2');
}

@font-face {
	font-family: 'Bebas Neue';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	size-adjust: 112%;
	src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B47b1z3bWuQ.woff2) format('woff2');
}

@font-face {
	font-family: 'Bebas Neue';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	size-adjust: 112%;
	src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrB3Xmu4kG.woff2) format('woff2');
}

@font-face {
	font-family: 'Bebas Neue';
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	size-adjust: 112%;
	src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrY3Tmu4kG.woff2) format('woff2');
}

@font-face {
	font-family: 'Bebas Neue';
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	size-adjust: 112%;
	src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrY3Tmu4kG.woff2) format('woff2');
}

@font-face {
	font-family: 'Bebas Neue';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	size-adjust: 112%;
	src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrf3fmu4kG.woff2) format('woff2');
}

/* Nothing left to fake, but this makes sure an uncovered weight falls back
 * to the nearest real cut instead of being smeared into place. */
body, body * {
	font-synthesis: none;
}
