.color1 {
    color: #BFBFBF;
}

.color2 {
    color: white;
}

.color3 {
    color: #C0A677;
}

.color4 {
    color: #268A4E;
}

.color5 {
    color: #000;
}

/*.background1 {
    background: #1F1F1F;
}*/


.h-title-section {
    font-family: "LovelyMess", serif;
    font-size: clamp(4rem, 8vw + 0.5rem, 8.54rem); /* 64px mobile → 136.65px desktop */
    font-style: normal;
    font-weight: 700;
    line-height: 1;
}



.h-title-hero-l {
    font-family: "LovelyMess", serif;
    font-size: clamp(3rem, 4.5vw + 1rem, 5.694rem); /* 48px mobile → 91.1px desktop */
    font-style: normal;
    font-weight: 700;
    line-height: 1;
}
.h-title-hero-l2 {
    font-family: "LovelyMess", serif;
    font-size: clamp(2rem, 2.2vw + 0.8rem, 3.25rem); /* 32px mobile → 52px desktop */
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.h-title-hero-xl {
    font-family: "LovelyMess", serif;
    font-size: clamp(5rem, 9vw + 1rem, 11.388rem); /* 80px mobile → 182.2px desktop */
    font-style: normal;
    font-weight: 700;
    line-height: 1;
}


.h-title-section span {
    font-family: 'neue-haas-grotesk-display', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px; /* 100% */
    letter-spacing: 1.5px;
}

.h-subsection {
    font-family: 'neue-haas-grotesk-display', sans-serif;
    font-size: clamp(2.25rem, 3vw + 0.8rem, 3.986rem); /* 36px mobile → 63.77px desktop */
    font-style: normal;
    font-weight: 300;
    line-height: 1;
}

.h-subsection2 {
    font-family: 'neue-haas-grotesk-display', sans-serif;
    font-size: clamp(2rem, 2vw + 1rem, 2.8125rem); /* 32px mobile → 45px desktop */
    font-style: normal;
    font-weight: 300;
    line-height: 1;
}


.p-regular-xl {
    font-family: 'neue-haas-grotesk-display', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 45px */
}

.p-regular {
    font-family: 'neue-haas-grotesk-display', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 26px */
}

.p-regular2 {
    font-family: 'neue-haas-grotesk-display', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
}

.p-regular3 {
    font-family: 'neue-haas-grotesk-display', sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 51px;
}


.p-regular6 {
    font-family: "neue-haas-grotesk-display";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 124%;
}


@media screen and (min-width: 1200px) and (max-width:1600px) {


    .p-regular {
        font-size: 18px;
    }
}

@media screen and (min-width: 988px) and (max-width:1199px) {


    .p-regular {
        font-size: 18px;
    }

    .p-regular-xl {
        font-size: 22px;
    }
}

@media screen and (max-width: 987px) {

  

    .p-regular-xl {
        font-size: 18px;
    }

    .p-regular {
        font-size: 18px;
    }


    .p-regular3 {
        font-size: 20px;
        line-height: 20px;
    }
}