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

@font-face {
  font-family: "Geist Mono";
  src: url("fonts/geist-mono-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

body {
  font-family: "Geist", "Segoe UI", Arial, sans-serif;
}

.eyebrow,
.section-kicker,
.principles strong,
.service-top small,
.process-list > li > span,
.system-node > b,
.system-readout {
  font-family: "Geist Mono", Consolas, monospace;
}

.wordmark {
  display: flex;
  align-items: center;
  width: 146px;
  color: transparent;
  font-size: 0;
  letter-spacing: 0;
  line-height: 1;
}

.wordmark img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 560px) {
  .wordmark { width: 132px; }
}