/* Weave brand webfonts — self-hosted.
Rewritten from brief/fonts/fonts.css, which pointed at weave.co.nz.
Two deliberate changes from the original:
1. Paths are local. Same-origin fonts are required for reliable print/PDF rendering.
2. font-display: block, not swap. `swap` renders a fallback first, and a print
render that fires during that window bakes the wrong font into the PDF.
`block` holds for ~3s then falls back, which is the correct trade-off for
a document. */
@font-face {
font-family: "Recife Display";
font-style: normal;
font-weight: 400;
font-display: block;
src: url("/fonts/RecifeDisplayWeb-Regular.woff2") format("woff2"),
url("/fonts/RecifeDisplayWeb-Regular.woff") format("woff");
}
@font-face {
font-family: "Bricolage Grotesque";
font-style: normal;
font-weight: 300;
font-display: block;
src: url("/fonts/bricolage-grotesque-300.woff2") format("woff2");
}
@font-face {
font-family: "Bricolage Grotesque";
font-style: normal;
font-weight: 400;
font-display: block;
src: url("/fonts/bricolage-grotesque-400.woff2") format("woff2");
}
@font-face {
font-family: "Bricolage Grotesque";
font-style: normal;
font-weight: 500;
font-display: block;
src: url("/fonts/bricolage-grotesque-500.woff2") format("woff2");
}
@font-face {
font-family: "Bricolage Grotesque";
font-style: normal;
font-weight: 600;
font-display: block;
src: url("/fonts/bricolage-grotesque-600.woff2") format("woff2");
}
:root {
--font-heading: "Recife Display", Georgia, "Times New Roman", serif;
--font-body: "Bricolage Grotesque", system-ui, -apple-system, Arial, sans-serif;
}
/* Preload these two in — they are the only faces above the fold:
*/