/* ==========================================================================
   TYPOGRAPHY
   ========================================================================== */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.color-white {
	color: #f6f6f5;
}
.color-yellow {
	color: #ffbf22;
}
.color-yellow-light {
	color: #f3c044;
}
.color-yellow-dark {
	color: #cfa030;
}
.font-title {
	font-family: 'Bree Serif';
}
.title-l {
    font-size: clamp(0.64rem, 0.8vw + 0.4rem, 1.68rem);
}
.title-xl {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.8rem);
}
.title-xxl {
    font-size: clamp(1.4rem, 6vw + 0.5rem, 5rem);
}
.title-xxxl {
    font-size: clamp(2.5rem, 6vw + 1rem, 10rem);
}
.hero-title span {
    color: var(--gold);
}