/******/
/*** TYPOGRAPHY ***/
/******/

body {
	font-family: var(--font-body);
	font-size: 1rem;
	font-weight: var(--font-weight-normal);
	font-optical-sizing: auto;
	line-height: var(--leading-normal);
	font-variation-settings: "wdth" 100;
}

h1,
.h1 {
	font-family: var(--font-condensed);
	font-size: clamp(3.5rem, 6vw, 6rem);
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: var(--leading-tight);
}

h2,
.h2 {
	font-family: var(--font-display);
	font-size: clamp(2.25rem, 4.5vw, 4rem);
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: var(--leading-snug);
}

h3,
.h3 {
	font-family: var(--font-display);
	font-size: clamp(1.5rem, 2.7vw, 2.5rem);
	font-weight: 400;
	letter-spacing: var(--tracking-tight);
	line-height: var(--leading-snug);
}

h4,
.h4,
.eyebrow,
.tagline {
	font-family: var(--font-condensed);
	font-size: clamp(1.375rem, 2vw, 1.5rem);
	font-weight: 400;
	line-height: 1.05;
}

.jumbo {
	font-family: var(--font-display);
	font-size: clamp(4rem, 8vw, 8.75rem);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 0.89;
}

.eyebrow {
	display: block;
	margin-bottom: 0.4rem;
}

.small {
	font-size: 0.875rem;
}

.large {
	font-size: clamp(1.125rem, 1.8vw, 1.35rem);
}

blockquote {
	font-family: var(--font-display);
	font-size: clamp(2.35rem, 5.1vw, 5.2rem);
	letter-spacing: 0;
	line-height: 1.03;
	margin-inline-start: 0;
}

blockquote strong {
	color: var(--color-red);
	font-weight: inherit;
}

@media (max-width: 47.999rem) {
	h1,
	.h1 { font-size: clamp(3.25rem, 17vw, 4.75rem); }
	h2,
	.h2 { font-size: clamp(2rem, 11vw, 3.25rem); }
	.jumbo { font-size: clamp(3.75rem, 18vw, 5rem); }
	blockquote { font-size: clamp(2.2rem, 11vw, 3rem); }
}