/** Platform fonts and heading scale. */

@font-face {
  font-family: "Copernicus";
  src: url("../fonts/CopernicusNewCond-090.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "American Grotesk";
  src: url("../fonts/american-grotesk-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "American Grotesk Condensed";
  src: url("../fonts/american-grotesk-condensed-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.pd-title {
  margin: 0 0 var(--pd-spacing-2);
  font-family: var(--pd-font-heading);
  font-weight: var(--pd-weight-black);
  font-size: clamp(2.5rem, 7vw, 110px);
  line-height: 1.05;
  letter-spacing: 0.02em;
  color: var(--pd-colour-heading);
}

.pd-subtitle {
  margin: 0;
  font-family: var(--pd-font-body);
  font-weight: var(--pd-weight-regular);
  font-size: clamp(1rem, 2vw, 24px);
  line-height: 1.2;
  color: var(--pd-colour-heading);
}

.pd-subtitle em {
  font-style: italic;
  font-family: inherit;
}

.pd-prose {
  max-width: var(--pd-reading-width);
  font-size: 1rem;
  line-height: 1.55;
  color: var(--pd-colour-text);
}

.pd-prose > * + * {
  margin-top: var(--pd-spacing-3);
}