/* Montserrat 700 — latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(/_api/files/fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.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; } /* Montserrat 800 — latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(/_api/files/fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.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; } /* Poppins 300 — latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url(/_api/files/fonts/pxiByp8kv8JHgFVrLDz8Z1xlFQ.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; } /* Poppins 400 — latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(/_api/files/fonts/pxiEyp8kv8JHgFVrJJfecg.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; } /* Poppins 400 italic — latin */ @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 400; font-display: swap; src: url(/_api/files/fonts/pxiGyp8kv8JHgFVrJJLucHtA.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; } /* Poppins 600 — latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(/_api/files/fonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.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; } /* Poppins 700 — latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url(/_api/files/fonts/pxiByp8kv8JHgFVrLCz7Z1xlFQ.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; } /* Poppins 800 — latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url(/_api/files/fonts/pxiByp8kv8JHgFVrLDD4Z1xlFQ.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; } /* ── Fallbacks: Arial resized to take exactly the room of each face above ── font-display: swap paints text in the fallback first and in the web font once it lands. Plain Arial is ~11% narrower than Poppins and ~9% narrower than Montserrat, with shorter lines, so on a slow connection the PES home re-wrapped when the fonts arrived: the hero paragraph gained a line and the buttons jumped 14-61px at every width (375-1440). A stack that lists 'Poppins Fallback' / 'Montserrat Fallback' after the web font gets a stand-in that wraps the same way, so the swap only changes the glyph shapes. Nothing is downloaded: local() only. Measured in Chrome against the files above, on the PES home's own running text, 2026-10-06: face weights vs width ratio -> size-adjust Poppins 300 Arial 1.1080 110.80% Poppins 400-500 Arial 1.1173 111.73% (no 500 file: it renders 400) Poppins 600 Arial Bold 1.0593 105.93% Poppins 700 Arial Bold 1.0664 106.64% Poppins 800-900 Arial Bold 1.0725 107.25% Montserrat up to 700 Arial Bold 1.0890 108.90% (only 700/800 exist: a 600 Montserrat 800+ Arial Bold 1.1093 110.93% renders the 700 instance) Calibrated on mixed-case prose: lowercase is where these fonts are widest and prose is what wraps. Capitals are close to Arial, so an ALL-CAPS label is a little wide until the font lands. Vertical metrics per 1000 units: Poppins ascent 1050 / descent 350 / gap 100, Montserrat 968 / 251 / 0. The overrides are scaled by size-adjust, so each is that metric / size-adjust. Same Poppins files and method as eureka-landing.css (calibrated there on Eureka's text, so its numbers differ by under 1%). Re-measure if a font file changes. */ @font-face { font-family: 'Poppins Fallback'; font-weight: 1 349; src: local('Arial'), local('ArialMT'), local('Liberation Sans'); size-adjust: 110.80%; ascent-override: 94.77%; descent-override: 31.59%; line-gap-override: 9.03%; } @font-face { font-family: 'Poppins Fallback'; font-weight: 350 549; src: local('Arial'), local('ArialMT'), local('Liberation Sans'); size-adjust: 111.73%; ascent-override: 93.98%; descent-override: 31.33%; line-gap-override: 8.95%; } @font-face { font-family: 'Poppins Fallback'; font-weight: 550 649; src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'); size-adjust: 105.93%; ascent-override: 99.12%; descent-override: 33.04%; line-gap-override: 9.44%; } @font-face { font-family: 'Poppins Fallback'; font-weight: 650 749; src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'); size-adjust: 106.64%; ascent-override: 98.46%; descent-override: 32.82%; line-gap-override: 9.38%; } @font-face { font-family: 'Poppins Fallback'; font-weight: 750 1000; src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'); size-adjust: 107.25%; ascent-override: 97.90%; descent-override: 32.63%; line-gap-override: 9.32%; } @font-face { font-family: 'Montserrat Fallback'; font-weight: 1 749; src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'); size-adjust: 108.90%; ascent-override: 88.89%; descent-override: 23.05%; line-gap-override: 0%; } @font-face { font-family: 'Montserrat Fallback'; font-weight: 750 1000; src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'); size-adjust: 110.93%; ascent-override: 87.26%; descent-override: 22.63%; line-gap-override: 0%; }