:root {
  --hsl-black: 0, 0%, 0%;
  --hsl-white: 0, 0%, 100%;
  --hsl-grey-1: 210, 12%, 85%;
  --hsl-grey-2: 210, 5%, 44%;
  --hsl-grey-3: 210, 29%, 8%;
  --hsl-red: 359, 83%, 52%;
  --hsl-orange: 28, 92%, 52%;
  --color-black: hsl(var(--hsl-black));
  --color-white: hsl(var(--hsl-white));
  --color-grey-1: hsl(var(--hsl-grey-1));
  --color-grey-2: hsl(var(--hsl-grey-2));
  --color-grey-3: hsl(var(--hsl-grey-3));
  --color-red: hsl(var(--hsl-red));
  --color-orange: hsl(var(--hsl-orange));
  --font-family: "Lab Grotesque", Sans-Serif;
  --font-family-mono: "Lab Grotesque Mono", Monospace;
  --font-size: calc(1em + 1vw);
  --font-size-x-small: 60%;
  --font-size-small: 80%;
  --font-size-large: 105%;
  --font-size-x-large: 110%;
  --font-size-xx-large: 115%;
  --font-size-xxx-large: 125%;
  --font-size-xxxx-large: 140%;
  --line-height: calc(1.3em + 1vw);
  --spacing: 0.75em;
  --transition: 0.2s ease;
  --transition-slow: 0.3s ease
}

h1,h2,h3,h4,h5,h6 {
  color: var(--color-white);
  font-weight: 700
}

a {
  color: var(--color-white);
  font-weight: 700;
  letter-spacing: normal;
  text-decoration: underline;
  text-decoration-thickness: .085em;
  text-underline-offset: .0875em
}

@media(min-width: 64em)and (hover: hover)and (pointer: fine) {
  :root {
      --font-size: calc(1.25em + 1vw);
      --font-size-x-small: 50%;
      --font-size-small: 65%;
      --font-size-large: 110%;
      --font-size-x-large: 120%;
      --font-size-xx-large: 130%;
      --font-size-xxx-large: 150%;
      --font-size-xxxx-large: 180%;
      --line-height: 1.3em
  }
}

@font-face {
  font-family: "Lab Grotesque";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/LabGrotesque-Light-056f2ef6.woff2") format("woff2");
}

@font-face {
  font-family: "Lab Grotesque";
  font-style: italic;
  font-weight: 300;
  src: url("/assets/LabGrotesque-LightItalic-f7fc4528.woff2") format("woff2");
}

@font-face {
  font-family: "Lab Grotesque";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/LabGrotesque-Regular-28ffc7b1.woff2") format("woff2");
}

@font-face {
  font-family: "Lab Grotesque";
  font-style: italic;
  font-weight: 400;
  src: url("/assets/LabGrotesque-Italic-a0e11b09.woff2") format("woff2");
}

@font-face {
  font-family: "Lab Grotesque";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/LabGrotesque-Medium-70b9f4d8.woff2") format("woff2");
}

@font-face {
  font-family: "Lab Grotesque";
  font-style: italic;
  font-weight: 500;
  src: url("/assets/LabGrotesque-MediumItalic-5c9ac15f.woff2") format("woff2");
}

@font-face {
  font-family: "Lab Grotesque";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/LabGrotesque-Bold-4d43c848.woff2") format("woff2");
}

@font-face {
  font-family: "Lab Grotesque";
  font-style: italic;
  font-weight: 700;
  src: url("/assets/LabGrotesque-BoldItalic-5b0a5bb6.woff2") format("woff2");
}

@font-face {
  font-family: "Lab Grotesque";
  font-style: normal;
  font-weight: 800;
  src: url("/assets/LabGrotesque-Black-4f520f3f.woff2") format("woff2");
}

@font-face {
  font-family: "Lab Grotesque";
  font-style: italic;
  font-weight: 800;
  src: url("/assets/LabGrotesque-BlackItalic-eccaca99.woff2") format("woff2");
}

@font-face {
  font-family: "Lab Grotesque Mono";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/LabGrotesqueMono-8590032f.woff2") format("woff2");
}

@font-face {
  font-family: "Lab Grotesque Mono";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/LabGrotesqueMono-Bold-6881ae60.woff2") format("woff2");
}

html {
  background: var(--color-black);
  font-size: 16px;
  min-height: -webkit-fill-available;
  scroll-behavior: smooth
}

body {
  align-items: stretch;
  background: var(--color-black);
  color: var(--color-grey-1);
  display: flex;
  flex-direction: column;
  font-family: var(--font-family);
  font-feature-settings: "liga","ss02";
  font-size: var(--font-size);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.3;
  min-height: 100vh;
  overflow-x: hidden;
  -webkit-tap-highlight-color: hsla(var(--hsl-white), 0);
  text-rendering: optimizeLegibility
}