:root {
  --ratio: 1.333; /* 3/4 ratio */
  --base-size: 2.441rem; /* h1 size */
}

h1 {
  	font-size: var(--base-size); /* 2.441rem */
	line-height: 1.1; /* ~2.93rem actual line box */
}

h2 {
  font-size: calc(var(--base-size) / var(--ratio)); /* ~1.831rem */
}

h3 {
  font-size: calc(var(--base-size) / (var(--ratio) * var(--ratio))); /* ~1.373rem */
}

h4 {
  font-size: calc(var(--base-size) / (var(--ratio) * var(--ratio) * var(--ratio))); /* ~1.03rem */
}

p {
  font-size: 1rem; /* body text */
}