/* A fallback face that takes up exactly as much room as the real one.
 *
 * The brand font arrives from Google at about 3.6s. Until then the browser draws Arial, and when
 * the swap happens every line changes height — which is what moved the page ten pixels and put
 * Cumulative Layout Shift at 1.0 on category pages, ten times Google's 0.1 threshold.
 *
 * Measured on this theme's font at 100px:  Hanken Grotesk  width 2606, ascent 100, descent 30
 *                                          Arial/Helvetica width 2568, ascent  91, descent 21
 * so the fallback is scaled by 2606/2568 = 101.47% and its ascent and descent are overridden to
 * match. The swap then changes the shapes, not the layout, and CLS stays at zero.
 *
 * If a site changes its brand font, re-measure and update these four numbers — canvas
 * measureText on the two families gives them in a few lines.
 */
@font-face {
	font-family: "Hanken Fallback";
	src: local("Arial"), local("Helvetica"), local("Liberation Sans");
	size-adjust: 101.47%;
	ascent-override: 98.55%;
	descent-override: 29.57%;
	line-gap-override: 0%;
	font-display: swap;
}