@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("assets/fonts/geist-variable.ttf") format("truetype");
}

@font-face {
  font-family: "Redaction 20";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("assets/fonts/redaction-20-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Redaction 20";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/redaction-20-regular.woff2") format("woff2");
}

@font-face {
  font-family: "Redaction 20";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/redaction-20-bold.woff2") format("woff2");
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-height: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  color: rgba(255, 255, 255, 0.94);
  font-family: "Geist", Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.03em;
  line-height: 1.11;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 11px;
}

.row--title {
  margin-right: 29px;
}

.row--subtitle {
  margin-left: 29px;
}

.row p {
  margin: 0;
  font-size: 2rem;
}

.row--subtitle p {
  font-family: "Redaction 20", sans-serif;
  letter-spacing: 0;
}

.row--subtitle .italic {
  font-style: italic;
}

.row--title .divider {
  letter-spacing: -0.11em;
}