:root {
	--heading-3xl: 72px;
	--heading-2xl: 48px;
	--heading-xl: 40px;
	--heading-lg: 32px;
	--heading-md: 24px;
	--heading-sm: 20px;
	--heading-xs: 16px;

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

body {
	--pk-text-desktop-font-size: var(--body-md);
}

body .pk-page h1 {
	font-size: var(--heading-3xl);
	font-weight: 700;
}
body .pk-page h2 {
	font-size: var(--heading-2xl);
	font-weight: 600;
}
body .pk-page h3 {
	font-size: var(--heading-lg);
	font-weight: 600;
}
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) {
	body .pk-page h1 {
		font-size: var(--heading-2xl);
	}
	body .pk-page h2 {
		font-size: var(--heading-xl);
	}
	body .pk-page h3 {
		font-size: var(--heading-md);
	}
	body .pk-page h4 {
		font-size: var(--heading-xs);
	}
}

/* M/Tablet */
@media screen and (min-width: 768px) and (max-width: 992px) {
	body .pk-page h1 {
		font-size: var(--heading-2xl);
	}
	body .pk-page h2 {
		font-size: var(--heading-xl);
	}
	body .pk-page h3 {
		font-size: var(--heading-md);
	}
	body .pk-page h4 {
		font-size: var(--heading-xs);
	}
}

/* S/Mobile */
@media screen and (max-width: 767px) {
	body {
		--pk-column-gap: 24px;
	}
	body .pk-page h1 {
		font-size: var(--heading-xl);
	}
	body .pk-page h2 {
		font-size: var(--heading-lg);
	}
	body .pk-page h3 {
		font-size: var(--heading-md);
	}
	body .pk-page h4 {
		font-size: var(--heading-xs);
	}
}