:root{

    /*  --------- ---------------------------------------------- */
    /*  --------- ---------------------------------------------- */
    /*  ROOT GAPS ---------------------------------------------- */
    /*  --------- ---------------------------------------------- */
    /*  --------- ---------------------------------------------- */
    
    /*  ROOT GLOBAL FIRST GAP ---------------------------------- */
    --Global-First-Gap-1: 100px;
    --Global-First-Gap-2: 90px;
    --Global-First-Gap-3: 80px;
    --Global-First-Gap-4: 75px;
    --Global-First-Gap-5: 70px;
    --Global-First-Gap-6: 65px;
    --Global-First-Gap-7: 60px;
    --Global-First-Gap-8: 50px;
    --Global-First-Gap-9: 45px;
    --Global-First-Gap-10: 40px;
    --Global-First-Gap: var(--Global-First-Gap-1);

    /*  ROOT GLOBAL SECOND GAP --------------------------------- */

    /*  ROOT LIST ITEM GAP ------------------------------------- */
    --List-Item-Gap-1: 20px;
    --List-Item-Gap-2: 15px;
    --List-Item-Gap: var(--List-Item-Gap-1);


    /*  ---------- --------------------------------------------- */
    /*  ---------- --------------------------------------------- */
    /*  ROOT TITLE --------------------------------------------- */
    /*  ---------- --------------------------------------------- */
    /*  ---------- --------------------------------------------- */

    /*  PROJECTS TITLE CONTAINER HEIGHT ------------------------ */
    --Projects-Title-Container-Height: var(--Lh-Projects-Title);
    
    /*  PROJECTS TITLE CONTAINER TOP --------------------------- */
    --Projects-Title-Container-Top: 80px;
    
    /*  PROJECTS TITLE MAIN CONTAINER HEIGHT ------------------- */
    --Projects-Title-Main-Container-Height: calc((var(--Lh-Projects-Title)) + (var(--Projects-Title-Container-Top)) + (var(--Global-First-Gap)));




    /*  ---------- --------------------------------------------- */
    /*  ---------- --------------------------------------------- */
    /*  ROOT LISTE --------------------------------------------- */
    /*  ---------- --------------------------------------------- */
    /*  ---------- --------------------------------------------- */
    
    /*  ROOT PROJECTS LIST GLOBAL CONTAINER TOP ---------------- */
    --Projects-List-Global-Container-Top: var(--Projects-Title-Main-Container-Height);
    
    /*  ROOT PROJECTS LIST ITEM FULL CONTAINER HEIGHT ---------- */
    --Projects-List-Item-Full-Container-Height: calc((var(--Lh-Projects-List)) + (2 * (var(--List-Item-Gap))));
    
    /*  ROOT PROJECTS LIST ITEM MAIN CONTAINER HEIGHT ---------- */
    --Projects-List-Item-Main-Container-Height: var(--Projects-List-Item-Full-Container-Height);
    
    /*  ROOT PROJECTS LIST ITEM CONTAINER HEIGHT --------------- */
    --Projects-List-Item-Container-Height: var(--Lh-Projects-List);

    /*  ROOT PROJECTS LIST ITEM NAME CONTAINER WIDTH ----------- */
    --Projects-List-Item-Name-Container-Width-1: calc((6 * (var(--Site-11-Column-Width))) + (5 * (var(--Column-Gap))));
    --Projects-List-Item-Name-Container-Width-2: calc((8 * (var(--Site-11-Column-Width))) + (7 * (var(--Column-Gap))));
    --Projects-List-Item-Name-Container-Width: var(--Projects-List-Item-Name-Container-Width-1);
    
    /*  ROOT PROJECTS LIST ITEM TYPE CONTAINER WIDTH ----------- */
    --Projects-List-Item-Type-Container-Width: calc((3 * (var(--Site-11-Column-Width))) + (2 * (var(--Column-Gap))));
    
    /*  ROOT PROJECTS LIST ITEM TYPE CONTAINER LEFT ------------ */
    --Projects-List-Item-Type-Container-Left: calc((var(--Projects-List-Item-Name-Container-Width)) + (var(--Column-Gap)));
    
    /*  ROOT PROJECTS LIST ITEM YEAR CONTAINER WIDTH ----------- */
    --Projects-List-Item-Year-Container-Width-1: calc((2 * (var(--Site-11-Column-Width))) + (1 * (var(--Column-Gap))));
    --Projects-List-Item-Year-Container-Width-2: calc((3 * (var(--Site-11-Column-Width))) + (2 * (var(--Column-Gap))));
    --Projects-List-Item-Year-Container-Width: var(--Projects-List-Item-Year-Container-Width-1);

    /*  ROOT PROJECTS LIST ITEM CONTAINER TOP ------------------ */
    --Projects-List-Item-Container-Top: var(--List-Item-Gap);
    
    /*  ROOT PROJECTS LIST ITEM NUMBER ------------------------- */
    --Projects-List-Item-Number: 10;

    /*  ROOT PROJECTS LIST ITEM PRINCIPAL CONTAINER HEIGHT ----- */
    --Projects-List-Principal-Container-Height: calc((var(--Projects-List-Item-Number)) * ((var(--Projects-List-Item-Full-Container-Height)) + 1px));
    
    /*  ROOT PROJECTS LIST ITEM GLOBAL CONTAINER HEIGHT -------- */
    --Projects-List-Global-Container-Height: var(--Projects-List-Principal-Container-Height);
    
    


    /*  ----------- -------------------------------------------- */
    /*  ----------- -------------------------------------------- */
    /*  ROOT GLOBAL -------------------------------------------- */
    /*  ----------- -------------------------------------------- */
    /*  ----------- -------------------------------------------- */


    /*  GLOBAL SECTION PROJECTS -------------------------------- */
    --Global-Section-Projects-Height: calc((var(--Projects-List-Global-Container-Top)) + (var(--Projects-List-Global-Container-Height)));
    



    /*  ----------- -------------------------------------------- */
    /*  ----------- -------------------------------------------- */
    /*  ROOT FOOTER -------------------------------------------- */
    /*  ----------- -------------------------------------------- */
    /*  ----------- -------------------------------------------- */

    /*  ROOT PROJECTS FOOTER GLOBAL CONTAINER TOP -------------- */
    --Projects-Footer-Global-Container-Top: calc((var(--Global-Section-Projects-Height)) + (var(--Footer-Global-Container-Top-Gap)));
    
}