*, *::before, *::after {
        box-sizing: border-box;

        margin: 0;

        padding: 0;

        font-family: Arial, Helvetica, sans-serif;

        --text-color: white;

        --text-color-alt: #5c534c;

        --text-color-alt-two: #ffffff;

        --default-font-family: Arial, Helvetica, sans-serif;

        --section-separator-unit: clamp(48px, 3vw, 96px);

        --section-separator-unit-big: clamp(48px, 6vw, 96px);

        --nav-color: #f6f3eecc;

        --nav-text-color: #3a332e;


        --btn-text-small-phone: clamp(0.2rem, 1.5vw + 0.5rem, 1.5rem);
        --btn-text-small: clamp(0.2rem, 0.6vw + 0.5rem, 1.4rem);

        --font-size-title-one: clamp(1rem, 2.3vw + 0.8rem, 2rem);
        --font-size-title-one-big: clamp(1rem, 2.3vw + 0.8rem, 4.3rem);
        --font-size-title-two: clamp(0.2rem, 2vw + 0.6rem, 2rem);
        --font-size-title-three: clamp(0.2rem, 0.8vw + 0.4rem, 2rem);

        --primary-color: rgb(43, 44, 54);

        --primary-darker: rgba(23, 24, 32, 0.95);

        --secondary-color: white;

        --tertiary-color: #f4f1ec;

        --tertiary-darker: #3b342f;

        /* --quaternary-color: #4F728E; */

        --quaternary-color: #cfc7bb;

        --quaternary-lighter: #6b6258;

        --quinary-color: #4b443d;


        --gradient-one: #ffffff;

        --gradient-two: #e3ddd4;


        --gradient-one-hover: #ffffff;

        --gradient-two-hover: #d6cfc5;



        --distinguished-window: #afa79c;


        --footer-background-color: #f3efe9;

        --dimmed-link: #6f665c;


        --contact-tag: #ebe6df62;

        --contact-card: #f7f3ee;


        --background-color: #faf8f5;

        --accent-color-one: #f8f1f1;

        /* --accent-color-one: #b9b1a5; */

        --accent-color-two: #e6dfd3;

        --accent-color-three: #c9b8a3;

        --border-radius-mobile-large: clamp(10px, 4vw, 30px);

        --border-radius-mobile-smaller: clamp(5px, 2vw, 15px);

        --border-radius-picture-one: clamp(10px, 4vw, 30px);

        /* DO NOT DELETE BELOW THIS */


        --footer-Text: white;

        --footer-headers: white;

        /* Font Sizes */

        /* =================================
        HERO / DISPLAY
        ================================= */

        --fs-display-xxl: clamp(3.25rem, 8vw, 4rem); /* 52–64px */
        --fs-display-xl:  clamp(2.75rem, 7vw, 3.5rem);
        --fs-display-lg:  clamp(2.25rem, 6vw, 3rem);
        --fs-display-md:  clamp(2rem, 5vw, 2.5rem);


        /* =================================
        SECTION HEADINGS
        ================================= */

        --fs-heading-xl: 2.5rem;  /* 40px */
        --fs-heading-lg: 2rem;    /* 32px */
        --fs-heading-md: 1.75rem; /* 28px */
        --fs-heading-sm: 1.5rem;  /* 24px */


        /* =================================
        CARDS / COMPONENTS
        ================================= */

        --fs-card-xl: 1.5rem;      /* 24px */
        --fs-card-lg: 1.25rem;     /* 20px */
        --fs-card: 1.125rem;       /* 18px */
        --fs-card-sm: 1rem;        /* 16px */


        /* =================================
        BODY COPY
        ================================= */

        --fs-body-xl: 1.25rem; /* 20px */
        --fs-body-lg: 1.125rem;/* 18px */
        --fs-body: 1rem;       /* 16px */
        --fs-body-sm: .875rem; /* 14px */
        --fs-body-xs: .75rem;  /* 12px */


        /* =================================
        UI
        ================================= */

        --fs-button-lg: 1.125rem; /* 18px */
        --fs-button: 1rem;        /* 16px */
        --fs-button-sm: .875rem;  /* 14px */
        --fs-label-lg: 1rem;      /* 16px */
        --fs-label: .875rem;      /* 14px */


        /* =================================
        MARKETING SPECIALS
        ================================= */

        --fs-stat-xl: 4rem; /* 64px */
        --fs-stat-lg: 3rem; /* 48px */
        --fs-quote: 1.5rem; /* 24px */
        --fs-overline: .75rem; /* 12px */
        --fs-caption: .75rem;  /* 12px */
        
    }


    a {
        text-decoration: none;
        color: var(--accent-color-one);
    }

    a:hover {
        text-decoration: none;
        /* color: var(--dimmed-link); */
        color: rgb(241, 150, 150);
    }

  
    h1, h2, h3, h4, h5, h6 {

      font-weight: 100;
    }

    h1 {

        font-size: var(--fs-heading-lg);
    }

    h2 {

        font-size: var(--fs-heading-md);
    }

    h3 {

        font-size: var(--fs-heading-sm);
    }

    h4 {

        font-size: var(--fs-heading-sm);
    }

   @media (min-width:1000px) {
    *, *::before, *::after {
            --fs-display-xxl: clamp(5rem, 7vw, 7rem);    /* ~80–112px */
            --fs-display-xl:  clamp(4rem, 6vw, 6rem);   /* ~64–96px */
            --fs-display-lg:  clamp(3.5rem, 5vw, 5rem); /* ~56–80px */
            --fs-display-md:  clamp(3rem, 4vw, 4rem);   /* ~48–64px */

            --fs-heading-xl: 3.75rem; /* 60px */
            --fs-heading-lg: 3rem;    /* 48px */
            --fs-heading-md: 2.25rem; /* 36px */
            --fs-heading-sm: 1.75rem; /* 28px */

            --fs-card-xl: 2.25rem; /* 36px */
            --fs-card-lg: 1.75rem; /* 28px */
            --fs-card: 1.5rem;     /* 24px */
            --fs-card-sm: 1.25rem; /* 20px */

            --fs-body-xl: 1.5rem;  /* 24px */
            --fs-body-lg: 1.375rem;/* 22px */
            --fs-body: 1.125rem;   /* 18px */
            --fs-body-sm: 1rem;    /* 16px */
            --fs-body-xs: .875rem; /* 14px */

            --fs-button-lg: 1.25rem; /* 20px */
            --fs-button: 1.125rem;   /* 18px */
            --fs-button-sm: 1rem;    /* 16px */
            --fs-label-lg: 1.125rem; /* 18px */
            --fs-label: 1rem;        /* 16px */

            --fs-stat-xl: 6rem; /* 96px */
            --fs-stat-lg: 4rem; /* 64px */
            --fs-quote: 2rem;   /* 32px */
            --fs-overline: .875rem; /* 14px */
            --fs-caption: .875rem;  /* 14px */
        }
    }


    @media (min-width: 2000px) {

        *, *::before, *::after {

        --fs-body-xl: 1.75rem;  /* 28px */
        --fs-body-lg: 1.5rem;   /* 24px */
        --fs-body: 1.375rem;    /* 22px */
        --fs-body-sm: 1.125rem; /* 18px */

        --fs-heading-xl: 5rem;    /* 80px */
        --fs-heading-lg: 4rem;    /* 64px */
        --fs-heading-md: 3rem;    /* 48px */
        --fs-heading-sm: 2.25rem; /* 36px */

        --fs-card-xl: 3rem;    /* 48px */
        --fs-card-lg: 2.25rem; /* 36px */
        --fs-card: 1.75rem;    /* 28px */
        --fs-card-sm: 1.5rem;  /* 24px */

        --fs-button-lg: 1.5rem; /* 24px */
        --fs-button: 1.25rem;   /* 20px */
        --fs-button-sm: 1.125rem; /* 18px */
        --fs-label-lg: 1.25rem; /* 20px */
        --fs-label: 1.125rem;   /* 18px */

        --fs-stat-xl: 8rem; /* 128px */
        --fs-stat-lg: 5rem; /* 80px */
        --fs-quote: 2.5rem; /* 40px */
        --fs-overline: 1rem; /* 16px */
        --fs-caption: 1rem;  /* 16px */
        }
    }

    @media (min-width: 3000px) {
        *, *::after, *::before {

        --fs-display-xxl: clamp(8rem, 6vw, 10rem);
        --fs-display-xl:  clamp(6.75rem, 5vw, 8.5rem);
        --fs-display-lg:  clamp(5.5rem, 4vw, 7rem);
        --fs-display-md:  clamp(4.5rem, 3vw, 5.75rem);


        /* =================================
            SECTION HEADINGS
            ================================= */

        --fs-heading-xl: 7rem;       /* 112px */
        --fs-heading-lg: 5.5rem;     /* 88px */
        --fs-heading-md: 4.25rem;    /* 68px */
        --fs-heading-sm: 3rem;       /* 48px */


        /* =================================
            CARDS / COMPONENTS
            ================================= */

        --fs-card-xl: 4rem;          /* 64px */
        --fs-card-lg: 3.25rem;       /* 52px */
        --fs-card: 2.5rem;           /* 40px */
        --fs-card-sm: 2rem;          /* 32px */


        /* =================================
            BODY COPY
            ================================= */

        --fs-body-xl: 3.25rem;       /* 44px */
        --fs-body-lg: 2.375rem;      /* 38px */
        --fs-body: 2.5rem;             /* 32px */
        --fs-body-sm: 1.625rem;      /* 26px */
        --fs-body-xs: 1.375rem;      /* 22px */


        /* =================================
            UI
            ================================= */

        --fs-button-lg: 2rem;        /* 32px */
        --fs-button: 1.75rem;        /* 28px */
        --fs-button-sm: 1.5rem;      /* 24px */

        --fs-label-lg: 1.625rem;     /* 26px */
        --fs-label: 1.375rem;        /* 22px */


        /* =================================
            MARKETING SPECIALS
            ================================= */

        --fs-stat-xl: 11rem;         /* 176px */
        --fs-stat-lg: 7rem;          /* 112px */

        --fs-quote: 3.5rem;          /* 56px */

        --fs-overline: 1.25rem;      /* 20px */

        --fs-caption: 1.25rem;       /* 20px */
            }


    }