h1,
h2,
h3,
h4,
h5,
h6 {
	all: unset;
	display: block;
}

h1[x],
.h1,
h2[x],
.h2,
h3[x],
.h3,
h4[x],
.h4,
h5[x],
.h5,
h6[x] {
	font-family: var(--font-display);
	text-wrap: pretty;

	& b,
	& strong {
		font-weight: 600;
	}
}

h1[x],
.h1 {
	font-size: max(3.75rem, 9.3vw);
	line-height: 0.85;
	font-weight: 300;
	letter-spacing: -0.05em;
}

h2[x],
.h2 {
	font-size: max(2rem, 4.16vw);
	line-height: 0.95;
	font-weight: 300;
	letter-spacing: -0.03em;
}

h3[x],
.h3 {
	font-size: max(1.5rem, 2.6vw);
	line-height: 0.95;
	font-weight: 300;
	letter-spacing: -0.03em;
}

h4[x],
.h4 {
	font-size: max(1.25rem, 1.5vw);
	line-height: 0.95;
	font-weight: 300;
	letter-spacing: -0.03em;
}

h5[x],
.h5 {
	font-size: max(1rem, 1.25vw);
	line-height: 0.95;
	font-weight: 300;
	letter-spacing: -0.03em;
}