@charset "UTF-8";
/*
 * Nina Noir — typography direction: Bodoni Moda / EB Garamond / Inter
 *
 * Self-hosted, latin subset, variable weights in a single file per family.
 * No remote font requests. Loaded in place of the other directions, never
 * alongside them.
 *
 * Licence: SIL Open Font Licence 1.1 for every family here, which permits
 * self-hosting on a commercial site.
 */

@font-face {
	font-family: 'N Display';
	src: url('../fonts/bodoni-moda-var.woff2') format('woff2-variations'), url('../fonts/bodoni-moda-var.woff2') format('woff2');
	font-weight: 300 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'N Text';
	src: url('../fonts/eb-garamond-var.woff2') format('woff2-variations'), url('../fonts/eb-garamond-var.woff2') format('woff2');
	font-weight: 300 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'N Text';
	src: url('../fonts/eb-garamond-ital.woff2') format('woff2-variations'), url('../fonts/eb-garamond-ital.woff2') format('woff2');
	font-weight: 300 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'N Sans';
	src: url('../fonts/inter-var.woff2') format('woff2-variations'), url('../fonts/inter-var.woff2') format('woff2');
	font-weight: 300 700;
	font-style: normal;
	font-display: swap;
}

/*
 * Metric-matched fallbacks.
 *
 * font-display:swap still paints a fallback for the first few milliseconds.
 * Left alone that fallback is Times at the wrong size, and the swap visibly
 * reflows the page. These faces wrap the local fallback and correct its
 * metrics to the real font's, so the substitution is close to invisible and
 * nothing shifts when the webfont lands.
 */
@font-face {
	font-family: 'N Display Fallback';
	src: local('Georgia'), local('Times New Roman'), local('serif');
	size-adjust: 96%;
	ascent-override: 92%;
	descent-override: 24%;
	line-gap-override: 0%;
}

@font-face {
	font-family: 'N Text Fallback';
	src: local('Georgia'), local('Times New Roman'), local('serif');
	size-adjust: 92%;
	ascent-override: 96%;
	descent-override: 27%;
	line-gap-override: 0%;
}

@font-face {
	font-family: 'N Sans Fallback';
	src: local('Helvetica Neue'), local('Arial'), local('sans-serif');
	size-adjust: 100%;
	ascent-override: 97%;
	descent-override: 24%;
	line-gap-override: 0%;
}

:root {
	/* Direction A, locked. Bodoni Moda display, EB Garamond text, Inter
	   utility — all self-hosted, no further families. */
	--n-display: 'N Display', 'N Display Fallback', Georgia, serif;
	--n-text: 'N Text', 'N Text Fallback', Georgia, serif;
	--n-util: 'N Sans', 'N Sans Fallback', system-ui, sans-serif;

	/* Per-family optical corrections. */
	--n-display-track: -0.012em;
	--n-mark-track: 0.30em;
}

.nina h1, .nina h2, .nina h3, .nina h4 { letter-spacing: var(--n-display-track); }
.n-wordmark, .n-open__mark, .n-foot__mark { letter-spacing: var(--n-mark-track); }