/*
 * Both of the site's main custom fonts (MuseoSansRounded300/700, used for
 * virtually all body text and headings) are declared with
 * font-display: swap by the parent theme. That means every page renders
 * text in a fallback font first, then reflows once the real font finishes
 * loading - on text-heavy pages (the privacy pages especially, audit
 * finding: CLS 0.75/0.72) that reflow moves a large share of the page and
 * shows up as a bad Cumulative Layout Shift score.
 *
 * Redeclaring the same @font-face (same family name + same src file) with
 * font-display: optional overrides just that one descriptor for visitors
 * loading this stylesheet, since it's enqueued after the parent theme's
 * CSS. With "optional", the browser only swaps in the custom font if it's
 * already available (e.g. cached) within a very short period; otherwise it
 * keeps the fallback font for the rest of that page view instead of
 * swapping later - eliminating the layout shift. Trade-off: on a slow
 * first visit a reader may see the fallback font instead of the brand
 * font for that one page load; every subsequent page view uses the cached
 * font normally.
 */
@font-face {
	font-family: "MuseoSansRounded300";
	src: url("https://bornhauser.com/wp-content/uploads/2021/04/MuseoSansRounded300.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: optional;
}
@font-face {
	font-family: "MuseoSansRounded700";
	src: url("https://bornhauser.com/wp-content/uploads/2021/04/MuseoSansRounded700.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: optional;
}