/* font size */
.special-h1 {
  --special-h1-size: clamp(4rem, 20.5vw, 19.4rem);
  font-size: var(--special-h1-size);
  font-family: var(--f-r);
  letter-spacing: calc(var(--neg-4) * var(--special-h1-size));
  line-height: var(--lh-100);
  color: var(--font);
  width: fit-content;
  margin-inline: auto;

  @media only screen and (width >= 90rem) {
    font-size: 21vw;
  }
}

.h-256-64 {
  font-family: var(--f-r);
  font-size: var(--fs-256-64);
  letter-spacing: calc(var(--neg-3) * var(--fs-256-64));
  line-height: var(--lh-100);
}

.h-88-40 {
  font-family: var(--f-r);
  font-size: var(--fs-88-40);
  letter-spacing: calc(var(--neg-2) * var(--fs-88-40));
  line-height: var(--lh-110);
}

.h-40-28 {
  font-family: var(--f-r);
  font-size: var(--fs-40-28);
  letter-spacing: calc(var(--neg-1) * var(--fs-40-28));
  line-height: var(--lh-115);
}

.h-28-24 {
  font-family: var(--f-r);
  font-size: var(--fs-28-24);
  letter-spacing: calc(var(--neg-1) * var(--fs-28-24));
  line-height: var(--lh-121);
}

.b-16 {
  font-family: var(--f-r);
  font-size: var(--fs-16);
  letter-spacing: var(--zero);
  line-height: var(--lh-100);
}

.p-14 {
  font-family: var(--f-r);
  font-size: var(--fs-14);
  letter-spacing: var(--zero);
  line-height: var(--lh-150);
}

h2,.l-16-14 {
  font-family: var(--f-r);
  font-size: var(--fs-16-14);
  letter-spacing: var(--zero);
  line-height: var(--lh-100);
}

.l-14-12 {
  font-family: var(--f-m);
  font-size: var(--fs-14);
  letter-spacing: var(--zero);
  line-height: var(--lh-100);
}

p,.p-20-16-r {
  font-family: var(--f-r);
  font-size: var(--fs-20-16);
  letter-spacing: var(--zero);
  line-height: var(--lh-150);
}

.p-20-16-m {
  font-family: var(--f-m);
  font-size: var(--fs-20-16);
  letter-spacing: var(--zero);
  line-height: var(--lh-150);
}

.p-18-16-m,
.p-18-16-r {
  font-size: var(--fs-18-16);
  letter-spacing: var(--zero);
  line-height: var(--lh-150);
}

.p-18-16-m {
  font-family: var(--f-m);
}

.p-18-16-r {
  font-family: var(--f-r);
}

.p-16-14-r {
  font-family: var(--f-r);
  font-size: var(--fs-16-14);
  letter-spacing: var(--zero);
  line-height: var(--lh-150);
}

.p-16-14-m {
  font-family: var(--f-m);
  font-size: var(--fs-16-14);
  letter-spacing: var(--zero);
  line-height: var(--lh-150);
}