h1, h2, h3, h4, h5, h6 {
    color: var(--body-color);
    transition: var(--transition-duration) ease color;
    margin-bottom: 12px;
    font-weight: 400;
}

p, .p {
    color: var(--body-color-neutral);
    transition: var(--transition-duration) ease color;
    font-size: clamp(14px, calc(14px + 0.333vw), 18px);
    line-height: clamp(18px, calc(18px + 0.333vw), 24px);
}

p {
    margin-bottom: 12px;
}

.h1, h1 {
    font-size: clamp(28px, calc(28px + .333vw), 32px);
    line-height: clamp(34px, calc(34px + .333vw), 38px);
}

.h2, h2 {
    font-size: clamp(28px, calc(28px + .667vw), 36px);
    line-height: clamp(34px, calc(34px + .75vw), 43px);
}

.h3, h3 {
    font-size: clamp(24px, calc(24px + .333vw), 28px);
    line-height: clamp(28px, calc(28px + .5vw), 34px);
}

.h4, h4 {
    font-size: clamp(22px, calc(22px + .167vw), 24px);
    line-height: clamp(26px, calc(26px + .25vw), 29px);
}

.h6, h6 {
    font-size: clamp(18px, calc(18px + .167vw), 20px);
    line-height: clamp(22px, calc(22px + .167vw), 24px);
}

.text-sm {
    font-size: 14px;
    line-height: 17px;
}

.text-md {
    font-size: 16px;
    line-height: 19px;
}

.font-unbounded {
    font-family: 'Unbounded', sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}