/* Solcréa typography. */

@font-face {
	font-family: "Instrument Sans";
	src: url("../fonts/instrument-sans/InstrumentSans-Regular.woff2") format("woff2");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Instrument Sans";
	src: url("../fonts/instrument-sans/InstrumentSans-Medium.woff2") format("woff2");
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: "Instrument Sans";
	src: url("../fonts/instrument-sans/InstrumentSans-SemiBold.woff2") format("woff2");
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

body {
	font-family: var(--font-body);
	font-size: 1.125rem;
	line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: 500;
	letter-spacing: -0.025em;
	text-wrap: balance;
}

h1 {
	max-width: 48.75rem;
	font-size: clamp(2.75rem, 5vw, 4.25rem);
	line-height: 0.99;
}

h2 {
	max-width: 51.25rem;
	font-size: clamp(2.125rem, 3.4vw, 2.875rem);
	line-height: 1.08;
}

h3 {
	font-size: 1.5rem;
	line-height: 1.2;
	letter-spacing: -0.015em;
}

p {
	margin: 0 0 1em;
}

.lead {
	font-size: 1.25rem;
	line-height: 1.5;
	color: var(--color-ink-muted);
}

@media (max-width: 40rem) {
	body {
		font-size: 1.0625rem;
	}

	h1 {
		font-size: 2.625rem;
		line-height: 1.02;
	}

	h2 {
		font-size: 1.9375rem;
		line-height: 1.1;
	}

	h3 {
		font-size: 1.375rem;
	}

	.lead {
		font-size: 1.1875rem;
	}
}