@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,400&family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
    --font-display: 'Fraunces', serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.logo-title,
.hero-title,
.block-title,
.stat-number,
.stat-big-number {
    font-family: var(--font-display);
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

body,
p,
li,
input,
textarea,
select,
button,
.btn {
    font-family: var(--font-body);
    font-weight: 400;
}

.lead-text {
    font-family: var(--font-display);
    font-weight: 400;
    font-optical-sizing: auto;
}

strong, b {
    font-weight: 600;
}

.logo-subtitle,
.block-subtitle,
.stat-label,
.image-caption {
    font-family: var(--font-body);
    font-weight: 300;
}

.serif {
    font-family: var(--font-display);
}

.sans-serif {
    font-family: var(--font-body);
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}