@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,
body,
button,
input,
select,
textarea {
	font-family: var(--machen-font-brand);
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	color: var(--machen-color-dark);
	font-size: var(--machen-type-body-size);
	font-weight: var(--machen-type-body-weight);
	line-height: var(--machen-type-body-line);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--machen-color-dark);
	letter-spacing: -0.025em;
}

h1,
.machen-type-h1 {
	font-size: var(--machen-type-h1-size);
	font-weight: var(--machen-type-h1-weight);
	line-height: var(--machen-type-h1-line);
}

h2,
.machen-type-h2 {
	font-size: var(--machen-type-h2-size);
	font-weight: var(--machen-type-h2-weight);
	line-height: var(--machen-type-h2-line);
}

h3,
.machen-type-h3 {
	font-size: var(--machen-type-h3-size);
	font-weight: var(--machen-type-h3-weight);
	line-height: var(--machen-type-h3-line);
}

.machen-lead {
	font-size: var(--machen-type-lead-size);
	font-weight: var(--machen-type-lead-weight);
	line-height: var(--machen-type-lead-line);
}

.machen-eyebrow {
	margin: 0;
	font-size: var(--machen-type-eyebrow-size);
	font-weight: var(--machen-type-eyebrow-weight);
	letter-spacing: 0.12em;
	line-height: var(--machen-type-eyebrow-line);
	text-transform: uppercase;
}

.machen-small,
.machen-meta {
	font-size: var(--machen-type-small-size);
	font-weight: var(--machen-type-small-weight);
	line-height: var(--machen-type-small-line);
}

.machen-section-heading {
	margin: 0;
	letter-spacing: -0.035em;
}

.machen-section-title {
	display: flex;
	flex-direction: column;
	gap: var(--machen-hero-heading-gap);
	margin-block-end: var(--machen-space-6);
}

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

@media (max-width: 767px) {
	:root {
		--machen-type-body-size: 1rem;
		--machen-type-lead-size: 1.125rem;
		--machen-type-h1-size: clamp(2.35rem, 11vw, 3rem);
		--machen-type-h2-size: clamp(2.125rem, 9vw, 2.5rem);
		--machen-type-h3-size: clamp(1.35rem, 6vw, 1.625rem);
		--machen-hero-compact-min-height: 12.5rem;
		--machen-hero-compact-padding-block: var(--machen-space-5);
	}
}