@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

html {
	scroll-behavior: smooth;
	touch-action: manipulation;
}

body {
	font-family: var(--font);
}

p {
	font-family: var(--font);
	font-optical-sizing: auto;
	color: var(--charcoal);
	font-size: 1em;
	line-height: 1.25;
	font-weight: 400;
	font-style: normal;
	margin: .5rem 0;
}

a {
	color: var(--gold);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--head);
	font-optical-sizing: auto;
	color: var(--charcoal);
	clear: both;
	margin: 1rem 0;
	font-weight: 400;
	font-style: normal;
	line-height: 1;
}

h1 {
	font-size: calc(40px + (54 - 40) * ((100vw - 325px) / (1400 - 325)));
}

h2 {
	font-size: calc(24px + (36 - 24) * ((100vw - 325px) / (1400 - 325)));
}

h3 {
	font-size: calc(18px + (28 - 18) * ((100vw - 325px) / (1400 - 325)));
}