@font-face {
  font-family: "Switzer-Variable";
  src: url("/assets/fonts/Switzer-Variable.woff2") format("woff2"),
    url("/assets/fonts/Switzer-Variable.woff") format("woff"),
    url("/assets/fonts/Switzer-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}

* {
  font-family: "Switzer-Variable", sans-serif;
}

h1 {
  font-size: 25vw;
  line-height: 4rem;
  transform: translate(-2px, -13px);
  font-weight: 550;
}

p,
li,
button,
.fs-m {
  transform: translateY(calc(var(--unit--vertical) * 0.12));
  font-size: var(--font-size-m);
  line-height: calc(var(--unit--vertical));
}
p,
li,
button,
.fw-light {
  font-weight: var(--font-weight-light);
}

.ta-center {
  text-align: center;
}

p {
  transform: translateY(3px);
}

button {
  display: flex;
  align-items: center;
}

article p {
  margin-bottom: var(--unit--vertical);
}