@font-face {
    font-family: 'Raleway';
    src: url("../fonts/Raleway-VariableFont.ttf");
    font-weight: 100 900;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Italic-VariableFont.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
}

@font-face {
    font-family: 'Playfair Display';
    src: url("../fonts/PlayfairDisplay.ttf");
    font-weight: 100 900;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/PlayfairDisplay-Italic.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
}

@font-face {
    font-family: "Bodoni Moda";
    src: url('../fonts/BodoniModa-Italic.ttf');
    font-weight: 100 900;
}

@font-face {
    font-family: "Bodoni Moda";
    src: url('../fonts/BodoniModa-Italic.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
}

.caption-XXS {
    font-size: 0.6875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.45;
    /* 145.455% */
    letter-spacing: 0.06875rem;
    text-transform: uppercase;
}

.caption-M {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.43;
    /* 142.857% */
    letter-spacing: 0.0175rem;
}

.caption-L {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    /* 150% */
    letter-spacing: 0.02rem;
}

.caption-S {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.33;
}

.title-3XL {
    font-size: clamp(2rem, 0.2472rem + 7.191vw, 6rem);
    /* 96px @ 1280px | 32px 390px */
    font-style: normal;
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -0.18rem;
}
@media (max-width: 860px) {
   .title-3XL {
    font-size: clamp(2rem, 0.2472rem + 7.191vw, 6rem);
    /* 96px @ 1280px | 32px 390px */
    font-style: normal;
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -0.038rem;
} 
}

.title-2XL {
    font-size: clamp(2rem, 1.0476rem + 3.8095vw, 4rem);
    /* 64px @ 1280px | 32px 390px */
    font-style: normal;
    font-weight: 900;
    line-height: 1.12;
    letter-spacing: -0.08rem;
}

.title-XL {
    font-size: 3.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.14;
}

.title-L {
    font-size: clamp(1.5rem, 0.8118rem + 2.8235vw, 3rem);
    /* 48px @ 1280px | 32px 390px */
    font-style: normal;
    font-weight: 600;
    line-height: 1;
}

.title-L-to-S {
    font-size: clamp(2.5rem, 1.9667rem + 1.3333vw, 3rem);
    /* 48px @ 1280px | 40px 640px */
    font-style: normal;
    font-weight: 600;
    line-height: 1;
}

.title-M {
    font-size: 2rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1.25;
    /* 120% */
    letter-spacing: -1px;
}

.title-XS {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.33;
    /* 133.333% */
    letter-spacing: -0.015rem;
}

.title-S {
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
}

.title-XXS {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.6;
    /* 160% */
    letter-spacing: 0.025rem;
}

/* Quote */
.quote {
    margin: 0;
    color: var(--marrone-peck);
    font-family: "Playfair Display";
     /* font-family: "Bodoni Moda" !important; */
    font-size: clamp(1.25rem, 0.9059rem + 1.4118vw, 2rem);
    font-style: italic;
    font-weight: 500;
    line-height: 1.38;
}

.quote-L {
    margin: 0;
    color: var(--marrone-peck);
    text-align: center;
    /* font-family: "Bodoni Moda" !important; */
    font-family: "Playfair Display";
    font-size: clamp(1.25rem, 0.4471rem + 3.2941vw, 3rem);
    font-style: italic;
    font-weight: 500;
    line-height: 1.17;
}

.menu-item.black a,
.menu-item.black a:visited {
    color: black;  
}