:root {
  --dark-color: #000000;

  --grey-1: hsl(0, 0%, 10%);
  --grey-2: hsl(0, 0%, 20%);
  --grey-3: hsl(0, 0%, 30%);
  --grey-4: hsl(0, 0%, 40%);
  --grey-5: hsl(0, 0%, 50%);
  --grey-6: hsl(0, 0%, 60%);
  --grey-7: hsl(0, 0%, 70%);
  --grey-8: hsl(0, 0%, 80%);
  --grey-9: hsl(0, 0%, 90%);

  --offwhite: #fafafa;
  --light-color: #ffffff;
  --orange: #ff7800;
}

@font-face {
  font-family: 'FT System Blank Book';
  src: url('../fonts/ftsystemprotrial-blankbook.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'FT System Blank Medium';
  src: url('../fonts/ftsystemprotrial-blankmedium.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'FT System Mono';
  src: url('../fonts/ftsystemmono-book.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'FT System Blank Bold';
  src: url('../fonts/ftsystem-blankbold.woff2') format('woff2');
  font-display: swap;
}

html,
body {
  cursor: none !important;
}

body {
  font-family: 'FT System Mono';
  font-size: 24px;
  color: var(--dark-color);
  background-color: var(--offwhite);
  margin: 0 10px 0 10px;
  overflow-x: hidden;
  transition: blur 1s ease-in-out;
  line-height: 1;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  overflow-y: scroll;
  height: 100%;

  letter-spacing: -.5px;
}

/* html, body {
  overflow-x: hidden;
} */

section.hero,
section.intro,
footer,
section.info,
section.table {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  height: 100vh;
}

a {
  text-decoration: none;
}

a,
button,
.link,
.slideshow-container,
.slideshow-item,
.slideshow-container:hover,
.slideshow-item:hover {
  cursor: none !important; /* Force hide cursor even if other styles try to override */
}

body.hidden {
  opacity: 0;
  filter: blur(25px);
  pointer-events: none;
  overflow: hidden;
}