/* Company 51 — Typography system v0.2.3 */
:root {
  --c51-font-display: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --c51-font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html, body {
  font-family: var(--c51-font-body);
  font-synthesis: none;
}

body {
  font-size: 16px;
  line-height: 1.55;
  letter-spacing: 0;
}

h1, h2, h3, h4, h5, h6,
.wp-block-heading {
  font-family: var(--c51-font-display);
  font-weight: 900;
  line-height: .92;
  letter-spacing: .015em;
  text-transform: uppercase;
}

h1, .wp-block-heading.is-style-display-xl { font-size: clamp(3.5rem, 9vw, 9rem); }
h2, .wp-block-heading.is-style-display-lg { font-size: clamp(2.75rem, 6vw, 6rem); }
h3, .wp-block-heading.is-style-display-md { font-size: clamp(2rem, 4vw, 4rem); }
h4 { font-size: clamp(1.5rem, 2.5vw, 2.25rem); }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

p, li, input, textarea, select, button {
  font-family: var(--c51-font-body);
}

.c51-eyebrow,
.c51-kicker,
.c51-label,
.c51-overline {
  font-family: var(--c51-font-body);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .16em;
  line-height: 1.25;
  text-transform: uppercase;
}

.c51-site-header__brand-name,
.c51-site-header__brand-tagline,
.c51-primary-nav__list a,
.c51-account a,
.c51-header-search,
.c51-mobile-nav-toggle,
.c51-mobile-nav a {
  font-family: var(--c51-font-body);
}

.c51-site-header__brand-name {
  font-size: clamp(1rem, 1.1vw, 1.25rem);
  font-weight: 900;
  letter-spacing: .06em;
  line-height: 1;
  text-transform: uppercase;
}

.c51-site-header__brand-tagline {
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.2;
  text-transform: uppercase;
}

.c51-primary-nav__list a {
  font-size: clamp(.62rem, .59rem + .08vw, .72rem);
  font-weight: 800;
  letter-spacing: .075em;
}

@media (max-width: 600px) {
  body { font-size: 15px; }
  h1, .wp-block-heading.is-style-display-xl { font-size: clamp(2.8rem, 15vw, 5rem); }
  h2, .wp-block-heading.is-style-display-lg { font-size: clamp(2.25rem, 11vw, 4rem); }
}