:root {
  --ratio: 1.618;
  --s-2: calc(var(--s-1) / var(--ratio));
  --s-1: calc(var(--s0) / var(--ratio));
  --s0: 1rem;
  --s1: calc(var(--s0) * var(--ratio));
  --s2: calc(var(--s1) * var(--ratio));
  --s3: calc(var(--s2) * var(--ratio));
  --s4: calc(var(--s3) * var(--ratio));
}

h1,
h2,
h3,
h4,
p {
  line-height: 1;
}

.wrapper {
  padding: var(--s0);
  display: flex;
  flex-direction: column;
  gap: var(--s0);
}
h1 {
  font-size: var(--s4);
}

h2 {
  font-size: var(--s3);
}

h3 {
  font-size: var(--s2);
}

h4 {
  font-size: var(--s1);
}

p {
  font-size: var(--s0);
}

small {
  font-size: var(--s-1);
}