.t1 {
  font-size: var(--s1);
  font-weight: 320;
  line-height: 1;
  letter-spacing: -0.02em;
}

.t2 {
  font-size: var(--s2);
  font-weight: 320;
  line-height: 1;
  letter-spacing: -0.02em;
}

.t3 {
  font-size: var(--s3);
  font-weight: 320;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.t4 {
  font-size: var(--s4);
  font-weight: 320;
  line-height: 0.9;
  letter-spacing: -0.04em;
}

.t5 {
  font-size: var(--s5);
  font-weight: 320;
  line-height: 1;
  letter-spacing: -0.03em;
}

.t6 {
  font-size: var(--s6);
  font-weight: 320;
  line-height: 1;
}

.t7 {
  font-size: var(--s7);
  font-weight: 320;
  line-height: 0.8;
  letter-spacing: -0.05em;
  position: relative;
  left: -0.08em;
}

.small {
  font-size: var(--s0);
  line-height: 1.3;
}

.tiny {
  font-size: var(--s-1);
  font-weight: 300;
  letter-spacing: 0.02em;
}

.small-upper {
  font-size: 0.95rem;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.body-large {
  font-size: var(--s1);
}

.body {
  font-size: var(--s1);
  font-weight: 300;
  position: relative;
}

.body-small {
  line-height: 1.5;
  letter-spacing: -0.025em;
  position: relative;
}

.body p + p {
  margin-top: var(--s1);
}

.body .line,
.description .line {
  display: none;
  fill: var(--black);
  width: var(--s7);
  height: 1px;
  position: absolute;
  left: 0;
  top: 1ch;
}

.body .line.flex {
  width: 17%;
}

.error-message:not(:empty) {
  color: hsl(350, 100%, 30%) !important;
  background: hsl(350, 100%, 95%) !important;
  font-size: var(--s0);
  margin-top: 4px;
  padding: 4px 8px;
  width: 100%;
}

.date {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: -0.02em;
}