/* Megaphone PHX — Typography */

/* Font stacks */
h1, h2 {
  font-family: "Walter Neue Variable", "Space Grotesk", sans-serif;
  font-style: normal;
  font-variation-settings: 'slnt' 0;
  color: var(--agedBlack);
}

body {
  font-family: "IBM Plex Mono", monospace;
  font-size: 1.1rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.75);
  line-height: 1.3;
}

/* Headings */
h1 {
  font-weight: 400;
  font-size: 10rem;
  line-height: 0.85;
  letter-spacing: -0.075em;
  margin: 0;
}

h2 {
  font-weight: 400;
  font-size: 4.25vw;
  line-height: 0.95;
  letter-spacing: -0.050em;
  font-variant-numeric: oldstyle-nums;
  margin: 0;
}

h3 {
  font-size: 3.00rem;
  font-weight: 400;
  color: var(--agedBlack);
  font-family: "Diatype Variable", sans-serif;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0;
}

/* Named text styles */
.bodycopy {
  font-size: 1.1rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.75);
  font-family: "IBM Plex Mono", monospace;
  line-height: 1.3;
}

.bodycopy a {
  text-decoration: none;
  transition: all .25s ease-in-out 0s;
}

.bodycopy a:hover {
  color: var(--agedBlack);
  text-decoration: line-through;
}

.caption {
  font-size: 1.1rem;
  font-weight: 400;
  color: rgba(50, 43, 37, 0.75);
  font-family: "IBM Plex Mono", monospace;
  line-height: 1.2;
}

.title {
  font-size: 1.50rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.75);
  font-family: "Walter Neue Variable", "Space Grotesk", sans-serif;
  font-style: normal;
  line-height: 1.3;
  font-variation-settings: 'slnt' 0;
  display: block;
}

.title a {
  text-decoration: none;
  transition: all .25s ease-in-out 0s;
}

.title a:hover {
  color: var(--agedBlack);
  text-decoration: line-through;
}

.olde {
  font-size: 3.75rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.75);
  font-family: warbler-display, serif;
  font-style: italic;
  line-height: 1.3;
  letter-spacing: -0.040em;
}

.superscript {
  font-family: strelka, "Work Sans", sans-serif;
  font-size: 2.00rem;
  letter-spacing: -0.07vw;
  vertical-align: super;
  font-weight: 800;
  margin-left: 1.00rem;
  font-style: normal;
}

.small-caps {
  font-variant: small-caps;
  text-transform: lowercase;
}

/* Link hover default */
a:hover {
  transition: all .25s ease-in-out 0s;
}

.fullWidth {
  width: 100%;
}