@font-face {
  font-family: "Instrument Sans";
  src: url("/assets/fonts/InstrumentSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans";
  src: url("/assets/fonts/InstrumentSans-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Archivo;
  src: url("/assets/fonts/ArchivoSemiExpanded-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

.page-legal main {
  max-width: none;
  padding-top: 0;
}

.legal-page {
  --legal-unit: calc(10px + 0.41666666666666663vw);
  padding: 11em 5% 7em;
  border-radius: 0 0 32px 32px;
  overflow: hidden;
  background: #fff;
  color: #505665;
  font-family: "Instrument Sans", Arial, sans-serif;
  font-size: var(--legal-unit);
  font-weight: 400;
  font-synthesis: weight style;
  line-height: 1.5;
  text-wrap: pretty;
}

.legal-container {
  width: 100%;
  max-width: 48em;
  margin: 0 auto;
}

.legal-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 32em;
}

.legal-heading h1 {
  margin: 0;
  color: #040405;
  font-family: Archivo, Arial, sans-serif;
  font-size: 3em;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: calc(var(--legal-unit) * -0.075);
  text-wrap: pretty;
}

.legal-copy {
  margin-top: calc(var(--legal-unit) * 2);
  font-size: 0.875em;
  white-space: pre-line;
  overflow-wrap: anywhere;
}

.legal-copy b {
  font-weight: 700;
}

.legal-copy a {
  color: inherit;
}

@media (max-width: 1440px) {
  .legal-page {
    --legal-unit: calc(13.003121748178981px + 0.20811654526534862vw);
  }
}

@media (max-width: 991px) {
  .legal-heading {
    max-width: none;
  }

  .legal-heading h1 {
    font-size: 2.5em;
  }
}

@media (max-width: 767px) {
  .legal-heading h1 {
    font-size: 2em;
  }

  .legal-copy {
    margin-top: calc(var(--legal-unit) * 1.5);
  }
}

@media (max-width: 479px) {
  .legal-page {
    --legal-unit: calc(11.99163179916318px + 0.8368200836820083vw);
  }
}
