@font-face {
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/marketing/dm-sans-400.ttf) format('truetype');
}
@font-face {
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(/marketing/dm-sans-500.ttf) format('truetype');
}
@font-face {
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(/marketing/dm-sans-600.ttf) format('truetype');
}
@font-face {
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(/marketing/dm-sans-700.ttf) format('truetype');
}
@font-face {
	font-family: 'Instrument Serif';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(/marketing/instrument-serif-italic.ttf) format('truetype');
}
@font-face {
	font-family: 'Instrument Serif';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/marketing/instrument-serif.ttf) format('truetype');
}

/* Metric-matched fallbacks, so the swap to the web fonts above moves nothing (no layout shift).
 * Arial and Times New Roman (or their metric twins Liberation / Arimo / Tinos on Linux), scaled to the web font's
 * width (size-adjust: average width ratio measured in Chromium on English UI text) and given its ascent and descent
 * (DM Sans 0.992 / 0.310 em, Instrument Serif 0.990 / 0.310, divided by size-adjust). Bold weights get a bold
 * fallback: a synthesized bold is wider. Use as 'DM Sans', 'DM Sans Fallback', sans-serif. */
@font-face {
	font-family: 'DM Sans Fallback';
	font-style: normal;
	font-weight: 400;
	src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('Arimo');
	size-adjust: 102.53%;
	ascent-override: 96.75%;
	descent-override: 30.24%;
	line-gap-override: 0%;
}
@font-face {
	font-family: 'DM Sans Fallback';
	font-style: normal;
	font-weight: 500;
	src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('Arimo');
	size-adjust: 104.31%;
	ascent-override: 95.10%;
	descent-override: 29.72%;
	line-gap-override: 0%;
}
@font-face {
	font-family: 'DM Sans Fallback';
	font-style: normal;
	font-weight: 600;
	src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'), local('Arimo Bold');
	size-adjust: 99.16%;
	ascent-override: 100.04%;
	descent-override: 31.26%;
	line-gap-override: 0%;
}
@font-face {
	font-family: 'DM Sans Fallback';
	font-style: normal;
	font-weight: 700;
	src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'), local('Arimo Bold');
	size-adjust: 100.73%;
	ascent-override: 98.48%;
	descent-override: 30.78%;
	line-gap-override: 0%;
}
@font-face {
	font-family: 'Instrument Serif Fallback';
	font-style: normal;
	font-weight: 400;
	src: local('Times New Roman'), local('TimesNewRomanPSMT'), local('Liberation Serif'), local('Tinos');
	size-adjust: 81.92%;
	ascent-override: 120.85%;
	descent-override: 37.84%;
	line-gap-override: 0%;
}
@font-face {
	font-family: 'Instrument Serif Fallback';
	font-style: italic;
	font-weight: 400;
	src: local('Times New Roman Italic'), local('TimesNewRomanPS-ItalicMT'), local('Liberation Serif Italic'), local('Tinos Italic');
	size-adjust: 86.97%;
	ascent-override: 113.83%;
	descent-override: 35.64%;
	line-gap-override: 0%;
}

/* The same for all-caps labels (eyebrows): DM Sans capitals run about 5% narrower than Arial's, so the mixed-case
 * fallback above would still move right-aligned caps text. Use as 'DM Sans', 'DM Sans Caps Fallback', sans-serif. */
@font-face {
	font-family: 'DM Sans Caps Fallback';
	font-style: normal;
	font-weight: 500;
	src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('Arimo');
	size-adjust: 95.08%;
	ascent-override: 104.33%;
	descent-override: 32.60%;
	line-gap-override: 0%;
}
@font-face {
	font-family: 'DM Sans Caps Fallback';
	font-style: normal;
	font-weight: 600;
	src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'), local('Arimo Bold');
	size-adjust: 95.01%;
	ascent-override: 104.41%;
	descent-override: 32.63%;
	line-gap-override: 0%;
}
@font-face {
	font-family: 'DM Sans Caps Fallback';
	font-style: normal;
	font-weight: 700;
	src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'), local('Arimo Bold');
	size-adjust: 95.01%;
	ascent-override: 104.41%;
	descent-override: 32.63%;
	line-gap-override: 0%;
}