@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url("../fonts/manrope-latin-variable.woff2") format("woff2");
}

html {
	font-family: var(--machen-font-brand);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body,
button,
input,
select,
textarea {
	font-family: var(--machen-font-brand);
}

body {
	color: var(--machen-color-dark);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.65;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--machen-color-dark);
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 1.08;
}

.machen-eyebrow {
	margin: 0 0 var(--machen-space-2);
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: 1.2;
	text-transform: uppercase;
}

.machen-section-heading {
	margin: 0;
	font-size: clamp(2.25rem, 5vw, 4.75rem);
	font-weight: 800;
	line-height: 1.02;
}

.machen-section-title {
	display: grid;
	gap: 0;
	margin-block-end: var(--machen-space-6);
}

.machen-prose {
	max-width: var(--machen-content-readable);
}