/* =====================================================================
 * Very Vogue — self-hosted webfont declarations.
 *
 * These are declared BEFORE the files necessarily exist. That is deliberate:
 * if a src 404s the browser discards that @font-face and the element falls
 * through --font-accent to the next entry, so the site keeps rendering and
 * upgrades the moment the files land. No code change on upload.
 *
 * No webfont stand-in is loaded any more. Until these files exist the accent
 * resolves to a LOCAL serif (Didot, then Big Caslon, then Georgia), which
 * means the emphasis treatment will look flatter than intended and will
 * differ between machines. That is the accepted trade for shipping no
 * third-party serif.
 *
 * Drop licensed files here as:
 *   assets/fonts/VeryVogue-Display.woff2
 *   assets/fonts/VeryVogue-Display-Italic.woff2
 *   assets/fonts/VeryVogue-Text.woff2
 *   assets/fonts/VeryVogue-Text-Italic.woff2
 *
 * WOFF2 only. The .otf files on the design machine are a DESKTOP licence and
 * are both legally and technically wrong for the web: an OTF is roughly 3 to 5
 * times the transfer size of the same face as WOFF2.
 *
 * EMPHASIS USES THE **TEXT** CUT, not Display. The emphasised phrase sits
 * inline inside a heading at optical sizes where a Display cut's hairlines
 * thin out and break up; the Text cut keeps its stroke contrast legible and
 * holds up against Jost's even weight. Display stays in the stack as a
 * secondary fallback only.
 *
 * The upstream family names are per-style ("Very Vogue Display Italic" is its
 * own family, not an italic of "Very Vogue Display"). We normalise that here
 * into one family with real style axes so `font-style: italic` resolves.
 * ===================================================================== */

@font-face {
	font-family: "Very Vogue Display";
	src: url("../fonts/VeryVogue-Display.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Very Vogue Display";
	src: url("../fonts/VeryVogue-Display-Italic.woff2") format("woff2");
	font-weight: 400;
	font-style: italic;      /* the emphasis treatment resolves here */
	font-display: swap;
}

@font-face {
	font-family: "Very Vogue Text";
	src: url("../fonts/VeryVogue-Text.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Very Vogue Text";
	src: url("../fonts/VeryVogue-Text-Italic.woff2") format("woff2");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}