@font-face {
  font-family: "GroteskSSHBold";
  font-weight: bold;
  font-style: normal;
  font-display: auto;
  src: url('/fonts/GroteskSSHBold/font.woff2') format('woff2'),
    url('/fonts/GroteskSSHBold/font.woff') format('woff');
}

.font {
  font-family: "GroteskSSHBold", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;

  -webkit-font-kerning: normal;

          font-kerning: normal;
  -webkit-font-feature-settings: "kern" on;
          font-feature-settings: "kern" on;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}

.large-font-size {
  font-size: var(--large-font-size);
  line-height: var(--large-line-height);
  letter-spacing: var(--large-letter-spacing);

  text-decoration-thickness: .075em;
  text-underline-offset: .1em;

  --lh: var(--large-line-height);
}

.default-font-size {
  font-size: var(--default-font-size);
  line-height: var(--default-line-height);
  letter-spacing: var(--default-letter-spacing);

  text-decoration-thickness: .05em;
  text-underline-offset: .15em;

  --lh: var(--default-line-height);
}

.small-font-size {
  font-size: var(--small-font-size);
  line-height: var(--small-line-height);
  letter-spacing: var(--small-letter-spacing);

  text-decoration-thickness: .075em;
  text-underline-offset: .2em;

  --lh: var(--small-line-height);
}