:root {
  --vh: 100vh;
  --color-a: rgba(255, 255, 255, 1);
  --color-b: rgba(0, 0, 0, 1);
  --color-c: rgba(247, 116, 40, 1);
  --color-c-light: rgba(255, 157, 101, 1);
  --color-d: rgba(203, 238, 255, 1);
  --color-e: rgba(245, 245, 245, 1);
  --color-f: #929292;
  --gridGap: 1rem;
  --gridMargin: 1rem;
  --gridCols: 18;
  --gridColWidth: calc( ( 100% - ( var(--gridGap) * ( var(--gridCols) - 1 ) ) ) / var(--gridCols) );
}

/* FONTS ========================================================================== */
@font-face {
  font-family: "WorkSans";
  src: url("/assets/fonts/Work-Sans-2.010/variable/WorkSans[wght].ttf") format("truetype-variations");
  font-weight: 100 900;
  font-stretch: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "WorkSans";
  src: url("/assets/fonts/Work-Sans-2.010/variable/WorkSans-Italic[wght].ttf") format("truetype-variations");
  font-weight: 100 900;
  font-stretch: normal;
  font-style: italic;
  font-display: block;
}
/* ========================================================================== */
html.wf-loading, html.wf-loading body {
  overflow-x: clip;
}

picture, figure, img {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  max-width: 100%;
  width: auto;
}

*:focus {
  outline: 0;
}

pre {
  opacity: 0.35;
  margin: 10rem 0;
}

b, strong, em, i, cite, var, address, dfn {
  font-weight: inherit;
  font-style: italic;
}

button {
  font: inherit;
  color: inherit;
  font-size: 100%;
  line-height: 1;
  margin: 0;
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  border: 0;
  outline: 0;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: "WorkSans", sans-serif;
  background: var(--color-a);
}

/*# sourceMappingURL=default.critical.css.map */