/* WBL font-swap (original pattern; same method as next/font and Capsize). While the web font loads, the page shows a
   local font resized and re-spaced to take the same room, so the swap moves nothing (CLS 0).
   1) preload the woff2 in <head>; 2) declare the web font with font-display: swap; 3) declare "<Name> Fallback" with
   the overrides (from fallback-calc in this folder, or build/font_fallbacks.json); 4) list both in font-family. */
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 800;font-stretch:62% 125%;font-display:swap;
  src:url(../_demo/fonts/Archivo-latin.woff2) format('woff2')}
@font-face{font-family:'Archivo Fallback';src:local('Arial'),local('ArialMT'),local('Helvetica'),local('Liberation Sans');
  size-adjust:98.07%;ascent-override:89.73%;descent-override:21.41%;line-gap-override:0%}
.wbl-fs-head{font-family:'Archivo','Archivo Fallback',sans-serif}
/* demo-only helpers */
.wbl-fs-stack{position:relative;max-width:640px}
.wbl-fs-stack p{margin:0;font-size:22px;line-height:1.45;max-width:none}
.wbl-fs-ghost{position:absolute;inset:0;pointer-events:none}
.wbl-fs-ghost.fb{font-family:'Archivo Fallback',sans-serif;color:#C0392B;opacity:.55}
.wbl-fs-ghost.raw{font-family:Arial,sans-serif;color:#1D5FAF;opacity:.55}