/* TIPSY DROPS (brand site tdp-brand.tiltedchair.co): headlines = fatfrank (Adobe), eyebrows/
   buttons = vinyl (Adobe), accent = the-youngest (Adobe), body = figtree (Google). Typekit kit
   + Figtree load in header.php; Google fallbacks (Chango/Anton) in the stacks for off-localhost. */
body {
	font-family: "figtree", "Figtree", system-ui, -apple-system, sans-serif;
	font-weight: var(--font-weight-normal);
	line-height: var(--leading-normal);
    position: relative;
  	font-optical-sizing: auto;
  	font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "fatfrank", "Chango", "Arial Black", sans-serif;
	font-weight: var(--font-weight-normal);
	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), 4vw, var(--text-max-h2));
}

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

h4 {
	font-size: clamp(var(--text-min-h4), 4vw, 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: "fatfrank", "Chango", "Arial Black", sans-serif;
	font-weight: var(--font-weight-normal);
	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), 4vw, var(--text-max-h2));
}

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

.h4 {
	font-size: clamp(var(--text-min-h4), 4vw, 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 {
	font-family: "figtree", "Figtree", system-ui, -apple-system, sans-serif;
	font-weight: var(--font-weight-normal);
	line-height: var(--leading-normal);
	padding: 0;
	margin: 0;
}

.tagline, .eyebrow {
	font-family: "vinyl", "Anton", "Arial Narrow", sans-serif;
	font-weight: var(--font-weight-bold);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: var(--leading-snug);
	padding: 0;
	margin: 0;
}