body {
	font-family: "filson-pro", sans-serif;
	font-weight: var(--font-weight-light);
	line-height: var(--leading-normal);
    position: relative;
  	font-optical-sizing: auto;
  	font-style: normal;
}

h1, h2, h3, h4, h5, h6, .product-type-description p::first-line {
	font-family: "albiona", sans-serif;
	font-weight: var(--font-weight-medium);
	line-height: var(--leading-snug);
	margin-block-start: .75rem;
	margin-block-end: .75rem;
	-moz-osx-font-smoothing: grayscale; /*(For Firefox)*/
	-webkit-font-smoothing: antialiased; /*(For Chrome and Safari)*/
}

h1 em, h2 em, h3 em, h4 em {
	font-style: italic;
}

h1 {
	font-size: clamp(var(--text-min-h1), 4vw, var(--text-max-h1));
}

h2, .product-type-description p::first-line {
	font-size: clamp(var(--text-min-h2), 3.75vw, var(--text-max-h2));
}

h3 {
	font-size: clamp(var(--text-min-h3), 3vw, var(--text-max-h3));
}

h4 {
	font-size: clamp(var(--text-min-h4), 1.5vw, var(--text-max-h4));
}

h5 {
	font-size: var(--text-h5);
}

h6 {
	font-size: var(--text-h6);
}

p {
	margin-block-start: .5rem;
	margin-block-end: .5rem;
	font-size: var(--text-p);
}

.h1, .h2, .h3, .h4 {
	font-family: "albiona", sans-serif;
	font-weight: var(--font-weight-medium);
	line-height: var(--leading-snug);
	margin-block-start: .75rem;
	margin-block-end: .75rem;
	-moz-osx-font-smoothing: grayscale; /*(For Firefox)*/
	-webkit-font-smoothing: antialiased; /*(For Chrome and Safari)*/
}

.h1 em, .h2 em, .h3 em, .h4 em {
	font-style: italic;
}

.h1 {
	font-size: clamp(var(--text-min-h1), 4vw, var(--text-max-h1));
}

.h2 {
	font-size: clamp(var(--text-min-h2), 3vw, var(--text-max-h2));
}

.h3 {
	font-size: clamp(var(--text-min-h3), 2vw, var(--text-max-h3));
}

.h4 {
	font-size: clamp(var(--text-min-h4), 1.5vw, var(--text-max-h4));
}

.h5 {
	font-size: var(--text-h5);
}

.h6 {
	font-size: var(--text-h6);
}

.p, .tagline, .eyebrow {
	margin-block-start: .5rem;
	margin-block-end: .5rem;
	font-size: var(--text-p);
}

.h5, .h6, .p, .tagline, .eyebrow {
	font-family: "filson-pro", sans-serif;
	font-weight: var(--font-weight-light);
	line-height: var(--leading-normal);
	padding: 0;
	margin: 0;
}

.tagline, .eyebrow {
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	letter-spacing: var(--tracking-widest);
}

@media screen and (max-width: 47.9375rem) {
	
	.product-type-description p::first-line{
		font-size: var(--text-h4-min);
	}
	
}