@font-face {
  font-family: "Lum Bio Display";
  src: url("./LumBio-Regular.woff2?v=1004") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  unicode-range:
    U+0020-007E, U+00A0, U+2013-2014, U+2018-2019, U+201C-201D, U+2022,
    U+2026;
}

@font-face {
  font-family: "Lum Bio Text";
  src: url("./LumBioText-Regular.woff2?v=1003") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  unicode-range:
    U+0020-007E, U+00A0, U+2013-2014, U+2018-2019, U+201C-201D, U+2022,
    U+2026;
}

:root {
  --font-lum-bio-display: "Lum Bio Display", sans-serif;
  --font-lum-bio-text: "Lum Bio Text", sans-serif;
  --font-lum-bio: var(--font-lum-bio-text);
  --font-weight-regular: 400;
  --type-tracking: 0;
  --type-display-size: 112px;
  --type-display-leading: 0.95;
  --type-h1-size: 80px;
  --type-h1-leading: 1;
  --type-h2-size: 56px;
  --type-h2-leading: 1.05;
  --type-h3-size: 40px;
  --type-h3-leading: 1.1;
  --type-quote-size: 48px;
  --type-quote-leading: 1.16;
  --type-body-size: 18px;
  --type-body-leading: 1.6;
  --type-caption-size: 14px;
  --type-caption-leading: 1.45;
  --type-body-measure: 62ch;
  --type-outline-width: 0.025em;
  font-family: var(--font-lum-bio-text);
  font-kerning: normal;
  font-synthesis: none;
  font-weight: var(--font-weight-regular);
}

* {
  letter-spacing: var(--type-tracking);
}

body,
button,
input,
select,
textarea,
output,
::file-selector-button {
  font-family: inherit;
  font-weight: var(--font-weight-regular);
}

.type-display,
.type-h1,
.type-h2,
.type-h3,
.type-quote,
.type-inline-display {
  font-family: var(--font-lum-bio-display);
  font-style: normal;
  font-weight: var(--font-weight-regular);
}

.type-body,
.type-caption {
  font-family: var(--font-lum-bio-text);
  font-style: normal;
  font-weight: var(--font-weight-regular);
}

.type-display {
  font-size: var(--type-display-size);
  line-height: var(--type-display-leading);
}

.type-h1 {
  font-size: var(--type-h1-size);
  line-height: var(--type-h1-leading);
}

.type-h2 {
  font-size: var(--type-h2-size);
  line-height: var(--type-h2-leading);
}

.type-h3 {
  font-size: var(--type-h3-size);
  line-height: var(--type-h3-leading);
}

.type-quote {
  font-size: var(--type-quote-size);
  line-height: var(--type-quote-leading);
}

.type-body {
  max-width: var(--type-body-measure);
  font-size: var(--type-body-size);
  line-height: var(--type-body-leading);
}

.type-caption {
  font-size: var(--type-caption-size);
  line-height: var(--type-caption-leading);
}

@media (max-width: 760px) {
  :root {
    --type-display-size: 64px;
    --type-display-leading: 1;
    --type-h1-size: 52px;
    --type-h2-size: 40px;
    --type-h3-size: 32px;
    --type-quote-size: 36px;
    --type-quote-leading: 1.2;
    --type-body-size: 17px;
  }
}