@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/SuisseIntl-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/SuisseIntl-Book.otf") format("opentype");
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/SuisseIntl-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/SuisseIntl-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Suisse Intl";
  src: url("/fonts/SuisseIntl-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-body: "Suisse Intl", Arial, Helvetica, sans-serif;
  --font-hand: "Suisse Intl", Arial, Helvetica, sans-serif;
  --font-body-weight: 400;
  --font-body-letter-spacing: 0.01em;
  --text-title-size: 19.5px;
  --text-title-line-height: 26px;
  --text-item-size: 16px;
  --text-item-line-height: 22px;
  --text-body-size: 15px;
  --text-body-line-height: 21px;
  --text-sub-size: 13px;
  --text-sub-line-height: 18px;
}

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

body,
._page_1a9j7_1,
._page_n2eeo_1 {
  font-size: var(--text-body-size);
  line-height: var(--text-body-line-height);
  font-weight: var(--font-body-weight);
  letter-spacing: var(--font-body-letter-spacing);
}

p,
._introCopy_1a9j7_121,
._contactCopy_1a9j7_122,
._overview_n2eeo_57 p,
.intro p,
.section p,
.travel-intro,
.hero p,
.story-copy,
.story-copy p {
  font-size: var(--text-body-size);
  line-height: var(--text-body-line-height);
  font-weight: 400;
}

h1,
._mobileHeadingRow_1a9j7_103 h1,
._overview_n2eeo_57 h1 {
  font-size: var(--text-title-size);
  line-height: var(--text-title-line-height);
  font-weight: 500;
  letter-spacing: 0.005em;
}

._projectLabel_1a9j7_339,
._artifactName_1a9j7_283,
.about-link,
._playgroundLink_1a9j7_128 {
  font-size: var(--text-item-size);
  line-height: var(--text-item-line-height);
  font-weight: 500;
  letter-spacing: 0.005em;
}

h2,
._textSection_1a9j7_104 h2,
._overview_n2eeo_57 h2,
._projectYear_1a9j7_293,
._comingSoon_1a9j7_346,
._viewLabel_1a9j7_292,
._clock_yf4ib_19,
._nowPlaying_k0gv3_1,
._footer_yf4ib_1,
.back,
._desktopBack_n2eeo_87,
._mobileBack_n2eeo_88,
._metadata_n2eeo_86 dt,
._metadata_n2eeo_86 dd,
.travel-sphere-hint,
.travel-sphere-reset,
.travel-sphere-close,
.eyebrow,
.meta,
.contact {
  font-size: var(--text-sub-size);
  line-height: var(--text-sub-line-height);
  font-weight: 400;
}

._artifactRow_1a9j7_203,
._projectRow_1a9j7_307 {
  line-height: var(--text-item-line-height);
}

@media (min-width: 641px) {
  ._page_1a9j7_1,
  ._page_n2eeo_1,
  body {
    font-size: var(--text-body-size);
    line-height: var(--text-body-line-height);
  }
}