:root {
    --heading-3xl: clamp(
        40px,
        40px + (90 - 40) * ((100vw - 350px) / (1130 - 350)),
        90px
    );
    --heading-2xl: 48px;
    --heading-xl: 40px;
    --heading-lg: 32px;
    --heading-md: 22px;
    --heading-sm: 18px;
    --heading-xs: 16px;

    --body-xl: 24px;
    --body-lg: 20px;
    --body-md: 18px;
	--body-base: 16px;
    --body-sm: 14px;
    --body-xs: 12px;
}

body .pk-page h1 {
    font-size: var(--heading-3xl);
    font-weight: 500;
}
body .pk-page h2 {
    font-size: var(--heading-2xl);
    font-weight: 500;
}
body .pk-page h3 {
    font-size: var(--heading-lg);
    font-weight: 500;
}
body .pk-page h4 {
    font-size: var(--heading-sm);
    font-weight: 600;
}

/* XL/Desktop */
@media screen and (min-width: 1408px) {
}

/* L/Desktop */
@media screen and (min-width: 993px) and (max-width: 1407px) {
}

/* M/Tablet */
@media screen and (min-width: 768px) and (max-width: 992px) {
}

/* S/Mobile */
@media screen and (max-width: 767px) {
}