:root{ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT BASIC ------------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT PAGE HEIGHT INIT -------------------------------------------------------- */ --Page-Height-Init-1: 1080px; --Page-Height-Init-2: 850px; --Page-Height-Init: var(--Page-Height-Init-1); /* ROOT PAGE HEIGHT INIT -------------------------------------------------------- */ /* ROOT SCROLL GAP INIT --------------------------------------------------------- */ --Scroll-Gap-Init-1: var(--Scroll-Gap-Large); --Scroll-Gap-Init-2: var(--Scroll-Gap-Short); --Scroll-Gap-Init: var(--Scroll-Gap-Init-1); /* ROOT PAGE HEIGHT INIT -------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT BASIC SCROLL --------------------------------------- PART 1 ----------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ --Scrl-Start-Bottom-Border-Txt-1: var(--Scroll-Gap-Init); /* 270 */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT HEADLINE ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT HEADLINE CONTAINER TOP -------------------------------------------------- */ --Headline-Container-Top-1: 370px; --Headline-Container-Top-2: 300px; --Headline-Container-Top: var(--Headline-Container-Top-1); /* ROOT HEADLINE NB LINES ------------------------------------------------------- */ --Headline-Nb-Lines-1: 1; --Headline-Nb-Lines-2: 2; --Headline-Nb-Lines: var(--Headline-Nb-Lines-1); /* ROOT HEADLINE HEIGHT --------------------------------------------------------- */ --Headline-Height: calc((var(--Headline-Nb-Lines)) * (var(--Lh-Headline-Txt))); /* 166 */ /* ROOT HEADLINE CONTAINER HEIGHT ----------------------------------------------- */ --Headline-Container-Height: var(--Headline-Height); /* 166 */ /* ROOT HEADLINE MAIN CONTAINER HEIGHT ------------------------------------------ */ /* --Headline-Main-Container-Height: var(--Sticky-Container-Height); */ --Headline-Main-Container-Height: calc((var(--Headline-Container-Top)) + (var(--Headline-Container-Height))); /* ROOT HEADLINE FULL CONTAINER HEIGHT ------------------------------------------ */ --Headline-Full-Container-Height: calc((var(--Page-Height-Init)) + (var(--Scroll-Gap-Large))); /* 1350 */ /* ROOT HEADLINE SECTION HEIGHT ------------------------------------------------- */ --Headline-Section-Height: var(--Headline-Full-Container-Height); /* ROOT COVER TRANSITION -------------------------------------------------------- */ --Transition-1: left 3.6s ease-out; --Transition: var(--Transition-1); /* ROOT COVER CONTAINER TOP ----------------------------------------------------- */ --Cover-Container-Top-1: 70px; --Cover-Container-Top-2: 50px; /*1800*/ --Cover-Container-Top-3: 20px; /*1600*/ --Cover-Container-Top-4: 0px; /*1100*/ --Cover-Container-Top-5: 80px; /*730*/ --Cover-Container-Top: var(--Cover-Container-Top-1); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT BASIC (SUITE) ----------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT STICKY CONTAINER HEIGHT ------------------------------------------------- */ --Sticky-Height-1: calc((var(--Headline-Container-Top)) + (var(--Headline-Container-Height))); --Sticky-Height: var(--Sticky-Height-1); /* --Sticky-Container-Height: calc((var(--Headline-Container-Top)) + (var(--Headline-Container-Height))); */ --Sticky-Container-Height: var(--Sticky-Height); /* --Low-Distance: calc((var(--Page-Height-Init)) - (var(--Sticky-Container-Height))); */ --Low-Distance: calc((var(--Page-Height-Init)) - (var(--Sticky-Height))); /* 1080 - 536 = 544; */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT SECTION 1 --------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT TXT GENERAL ------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT INTRO CONTAINER LEFT ---------------------------------------------------- */ --Intro-Container-Left-1: calc((var(--Site-Margins)) + (2 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */ --Intro-Container-Left-2: calc((var(--Site-Margins)) + (5 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */ --Intro-Container-Left-3: calc((var(--Site-Margins)) + (3 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1301 */ --Intro-Container-Left-4: calc((var(--Site-Margins)) + (2 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1300 - 0841 */ --Intro-Container-Left-5: calc((var(--Site-Margins)) + (1 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 0840 - 0731 */ --Intro-Container-Left-6: var(--Site-Margins); /* 0730 - 0000 */ --Intro-Container-Left: var(--Intro-Container-Left-1); /* ROOT INTRO CONTAINER WIDTH --------------------------------------------------- */ --Intro-Container-Width-1: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Intro-Container-Width-2: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Intro-Container-Width-3: calc((8 * (var(--Column-Site-Width))) + (7 * (var(--Column-Gap)))); /* 1700 - 1601 */ --Intro-Container-Width-4: calc((7 * (var(--Column-Site-Width))) + (6 * (var(--Column-Gap)))); /* 1600 - 1301 */ /* --Intro-Container-Width-5: calc((8 * (var(--Column-Site-Width))) + (7 * (var(--Column-Gap)))); 1300 - 0841 */ --Intro-Container-Width-5: calc((9 * (var(--Column-Site-Width))) + (8 * (var(--Column-Gap)))); /* 1300 - 0841 */ /* --Intro-Container-Width-6: calc((10 * (var(--Column-Site-Width))) + (9 * (var(--Column-Gap)))); 0840 - 0731 */ --Intro-Container-Width-6: calc((11 * (var(--Column-Site-Width))) + (10 * (var(--Column-Gap)))); /* 0840 - 0731 */ --Intro-Container-Width-7: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Intro-Container-Width: var(--Intro-Container-Width-1); /* ------------- ---------------------------------------------------------------- */ /* ROOT TXT 1 ------------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT INTRO TXT 1 NB LINES ---------------------------------------------------- */ --Intro-Txt-1-Nb-Lines-1: 3; /* 165 */ --Intro-Txt-1-Nb-Lines-2: 4; /* 220 */ --Intro-Txt-1-Nb-Lines-3: 6; /* 330 */ /* --Intro-Txt-1-Nb-Lines-4: 7; 385 */ --Intro-Txt-1-Nb-Lines-4: 7; /* 330 */ --Intro-Txt-1-Nb-Lines-5: 4; /* 220 */ --Intro-Txt-1-Nb-Lines-6: 4; /* 220 */ --Intro-Txt-1-Nb-Lines-7: 5; /* 275 */ --Intro-Txt-1-Nb-Lines: var(--Intro-Txt-1-Nb-Lines-1); /* ROOT INTRO TXT 1 HEIGHT ------------------------------------------------------ */ --Intro-Txt-1-Height: calc((var(--Intro-Txt-1-Nb-Lines)) * (var(--Lh-Courant-1))); /* ROOT INTRO CONTAINER 10 HEIGHT ----------------------------------------------- */ --Intro-Container-10-Height: var(--Intro-Txt-1-Height); /* ROOT STICKY HEIGHT TXT 1 ----------------------------------------------------- */ --Sticky-Height-Txt-1-A: var(--Sticky-Height); --Sticky-Height-Txt-1-B: calc((var(--Sticky-Height)) + (var(--Intro-Txt-1-Height))); --Sticky-Height-Txt-1-B: calc((var(--Sticky-Height)) + (var(--Intro-Txt-1-Height)) - (var(--Headline-Height))); --Sticky-Height-Txt-1-C: calc((var(--Sticky-Height)) - (var(--Intro-Txt-1-Height))); /* --Sticky-Height-Txt-1: var(--Sticky-Height-Txt-1-2); */ /* ROOT INTRO CONTAINER 10 TOP -------------------------------------------------- */ /* --Intro-Container-10-Top: calc((var(--Sticky-Container-Height)) - (var(--Intro-Txt-1-Height))); */ /* --Intro-Container-10-Top: calc((var(--Sticky-Height-Txt-1)) - (var(--Intro-Txt-1-Height))); */ --Intro-Container-10-Top: calc((var(--Sticky-Height-Txt-1-B)) - (var(--Intro-Txt-1-Height))); /* ROOT INTRO FULL CONTAINER 10 TOP --------------------------------------------- */ /* --Intro-Full-Container-10-Top: calc((var(--Headline-Full-Container-Height)) - (var(--Sticky-Container-Height)) + (var(--Intro-Txt-1-Height))); 979 */ --Intro-Full-Container-10-Top: calc((var(--Headline-Full-Container-Height)) - (var(--Sticky-Height-Txt-1-B)) + (var(--Intro-Txt-1-Height))); /* 814 */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT BASIC SCROLL --------------------------------------- PART 2 ----------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT START SCROLL HEADLINE --------------------------------------------------- */ --Start-Scroll-Headline: calc((var(--Intro-Full-Container-10-Top)) - (var(--Intro-Txt-1-Height))); /* 979 - 165 = 814 */ /* 979 - 165 = 814 */ /* ROOT SCRL START BOTTOM BORDER TXT 2 ------------------------------------------ */ --Scrl-Start-Bottom-Border-Txt-2: calc((var(--Start-Scroll-Headline)) + (var(--Headline-Container-Top))); /* 814 + 370 = 1184; */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT TXT 1 ---------------------------------------------------- SUITE ------ */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT INTRO FULL CONTAINER 10 HEIGHT ------------------------------------------ */ /* --Intro-Full-Container-10-Height: 1285px; */ /* --Intro-Full-Container-10-Height: calc((var(--Page-Height-Init-1)) + (var(--Scrl-Start-Bottom-Border-Txt-2)) - (var(--Intro-Full-Container-10-Top))); */ /* --Intro-Full-Container-10-Height: calc((var(--Page-Height-Init-1)) + (var(--Scrl-Start-Bottom-Border-Txt-2)) - (var(--Intro-Full-Container-10-Top)) + (var(--Intro-Txt-1-Height))); 1450 */ --Intro-Full-Container-10-Height: calc((var(--Page-Height-Init-1)) + (var(--Scrl-Start-Bottom-Border-Txt-2)) - (var(--Intro-Full-Container-10-Top)) + (var(--Intro-Txt-1-Height)) - (var(--Headline-Height))); /* 1450 */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT BASIC SCROLL --------------------------------------- PART 3 ----------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT SCRL TOUCH TXT 2 -------------------------------------------------------- */ --Scrl-Touch-Txt-2: calc((var(--Scrl-Start-Bottom-Border-Txt-2)) + (var(--Low-Distance))); /* 1184 + 544 = 1728; */ /* ROOT SCRL START BOTTOM BORDER TXT 3 ------------------------------------------ */ --Scrl-Start-Bottom-Border-Txt-3: calc((var(--Scrl-Touch-Txt-2)) + (var(--Sticky-Container-Height)) - (var(--Intro-Txt-1-Height))); /* 1728 + 536 - 165 = 2099; */ /* ROOT SCRL TOUCH TXT 3 -------------------------------------------------------- */ --Scrl-Touch-Txt-3: calc((var(--Scrl-Start-Bottom-Border-Txt-3)) + (var(--Low-Distance))); /* 2099 + 544 = 2643; */ /* ------------- ---------------------------------------------------------------- */ /* ROOT TXT 2 ------------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT INTRO TXT 2 NB LINES ---------------------------------------------------- */ --Intro-Txt-2-Nb-Lines-1: 4; --Intro-Txt-2-Nb-Lines-2: 5; --Intro-Txt-2-Nb-Lines-3: 6; --Intro-Txt-2-Nb-Lines-4: 7; --Intro-Txt-2-Nb-Lines-5: 4; --Intro-Txt-2-Nb-Lines-6: 5; --Intro-Txt-2-Nb-Lines-7: 6; --Intro-Txt-2-Nb-Lines: var(--Intro-Txt-2-Nb-Lines-1); /* ROOT INTRO TXT 2 HEIGHT ------------------------------------------------------ */ --Intro-Txt-2-Height: calc((var(--Intro-Txt-2-Nb-Lines)) * (var(--Lh-Courant-1))); /* ROOT INTRO CONTAINER 20 HEIGHT ----------------------------------------------- */ --Intro-Container-20-Height: var(--Intro-Txt-2-Height); /* ROOT STICKY HEIGHT TXT 2 ----------------------------------------------------- */ --Sticky-Height-Txt-2-A: var(--Sticky-Height); --Sticky-Height-Txt-2-B: calc((var(--Sticky-Height)) + (var(--Intro-Txt-2-Height)) - (var(--Headline-Height))); --Sticky-Height-Txt-2-C: calc((var(--Sticky-Height)) - (var(--Intro-Txt-2-Height))); /* --Sticky-Height-Txt-2: var(--Sticky-Height-Txt-2-2); */ /* ROOT INTRO CONTAINER 20 TOP -------------------------------------------------- */ /* --Intro-Container-20-Top: calc((var(--Sticky-Container-Height)) - (var(--Intro-Txt-2-Height))); */ /* --Intro-Container-20-Top: calc((var(--Sticky-Height-Txt-2)) - (var(--Intro-Txt-2-Height))); */ --Intro-Container-20-Top: calc((var(--Sticky-Height-Txt-2-B)) - (var(--Intro-Txt-2-Height))); /* ROOT INTRO FULL CONTAINER 20 TOP --------------------------------------------- */ --Intro-Full-Container-20-Top: calc((var(--Intro-Full-Container-10-Height)) + (var(--Intro-Full-Container-10-Top)) + (var(--Intro-Txt-2-Height)) - (var(--Sticky-Container-Height))); /* 1948 */ --Intro-Full-Container-20-Top: calc((var(--Intro-Full-Container-10-Height)) + (var(--Intro-Full-Container-10-Top)) + (var(--Intro-Txt-2-Height)) - (var(--Sticky-Height-Txt-2-B))); /* 1728 */ /* 979 + 1285 + 220 - 536 = 1948 */ /* ROOT INTRO FULL CONTAINER 20 HEIGHT ------------------------------------------ */ /* 1231px; */ /* 536 + 536 + 544 - 220 - 165 = 1231px; */ /* --Intro-Full-Container-20-Height: calc((2 * (var(--Sticky-Container-Height))) + (var(--Low-Distance)) - (var(--Intro-Txt-1-Height)) - (var(--Intro-Txt-2-Height))); */ --Intro-Full-Container-20-Height: calc((var(--Sticky-Height-Txt-2-B)) + (var(--Sticky-Height-Txt-2-A)) + (var(--Low-Distance)) - (var(--Intro-Txt-1-Height)) - (var(--Intro-Txt-2-Height))); /* --Intro-Full-Container-20-Height: calc((var(--Sticky-Height-Txt-2-B)) + (var(--Sticky-Height-Txt-2-A)) + (var(--Low-Distance)) - (var(--Intro-Txt-1-Height)) - (var(--Intro-Txt-2-Height)) - (var(--Headline-Height))); */ /* ------------- ---------------------------------------------------------------- */ /* ROOT TXT 3 ------------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT INTRO TXT 3 NB LINES ---------------------------------------------------- */ --Intro-Txt-3-Nb-Lines-1: 5; --Intro-Txt-3-Nb-Lines-2: 6; --Intro-Txt-3-Nb-Lines-3: 7; --Intro-Txt-3-Nb-Lines-4: 8; --Intro-Txt-3-Nb-Lines-5: 5; --Intro-Txt-3-Nb-Lines-6: 6; --Intro-Txt-3-Nb-Lines-7: 7; --Intro-Txt-3-Nb-Lines: var(--Intro-Txt-3-Nb-Lines-1); /* ROOT INTRO TXT 1 HEIGHT ------------------------------------------------------ */ --Intro-Txt-3-Height: calc((var(--Intro-Txt-3-Nb-Lines)) * (var(--Lh-Courant-1))); /* ROOT INTRO CONTAINER 30 HEIGHT ----------------------------------------------- */ --Intro-Container-30-Height: var(--Intro-Txt-3-Height); /* ROOT STICKY HEIGHT TXT 3 ----------------------------------------------------- */ --Sticky-Height-Txt-3-A: var(--Sticky-Height); --Sticky-Height-Txt-3-B: calc((var(--Sticky-Height)) + (var(--Intro-Txt-3-Height)) - (var(--Headline-Height))); --Sticky-Height-Txt-3-C: calc((var(--Sticky-Height)) - (var(--Intro-Txt-3-Height))); /* --Sticky-Height-Txt-3: var(--Sticky-Height-Txt-3-2); */ /* ROOT INTRO CONTAINER 30 TOP -------------------------------------------------- */ /* --Intro-Container-30-Top: calc((var(--Sticky-Container-Height)) - (var(--Intro-Txt-3-Height))); */ /* --Intro-Container-30-Top: calc((var(--Sticky-Height-Txt-3)) - (var(--Intro-Txt-3-Height))); */ --Intro-Container-30-Top: var(--Sticky-Height-Txt-3-A); --Intro-Container-30-Top: calc((var(--Sticky-Height-Txt-3-B)) - (var(--Intro-Txt-3-Height))); /* ROOT INTRO FULL CONTAINER 30 TOP --------------------------------------------- */ /* 2918px; */ /* 1948 + 536 - 165 - 220 + 275 - 536 + 1080 = 2918px; */ /* --Intro-Full-Container-30-Top: calc((var(--Intro-Full-Container-20-Top)) - (var(--Intro-Txt-1-Height)) - (var(--Intro-Txt-2-Height)) + (var(--Intro-Txt-3-Height)) + (var(--Page-Height-Init))); */ --Intro-Full-Container-30-Top: calc((var(--Intro-Full-Container-20-Top)) - (var(--Intro-Txt-1-Height)) - (var(--Intro-Txt-2-Height)) + (var(--Intro-Txt-3-Height)) + (var(--Page-Height-Init)) + (var(--Sticky-Height-Txt-2-B)) - (var(--Sticky-Height-Txt-3-B))); /* --Intro-Full-Container-30-Top: calc((var(--Intro-Full-Container-20-Top)) - (var(--Intro-Txt-1-Height)) - (var(--Intro-Txt-2-Height)) + (var(--Intro-Txt-3-Height)) + (var(--Page-Height-Init)) + (var(--Sticky-Height-Txt-2-B)) - (var(--Sticky-Height-Txt-3-B)) - (var(--Headline-Height))); */ /* ROOT SCRL START BOTTOM BORDER IMG 1 ------------------------------------------ */ --Scrl-Start-Bottom-Border-Img-1: calc((var(--Scrl-Touch-Txt-3)) + (var(--Sticky-Container-Height)) - (var(--Intro-Txt-2-Height))); --Scrl-Start-Bottom-Border-Img-1: calc((var(--Scrl-Touch-Txt-3)) + (var(--Sticky-Height)) - (var(--Intro-Txt-2-Height))); --Scrl-Start-Bottom-Border-Img-1: calc((var(--Scrl-Touch-Txt-3)) + (var(--Sticky-Height-Txt-3-B)) - (var(--Intro-Txt-2-Height))); --Scrl-Start-Bottom-Border-Img-1: calc((var(--Scrl-Touch-Txt-3)) + (var(--Sticky-Height-Txt-3-B)) - (var(--Intro-Txt-2-Height)) - (var(--Headline-Height))); /* 2643 + 536 - 220 = 2959 */ /* ROOT SCRL PUSH IMG 1 --------------------------------------------------------- */ --Scrl-Push-Img-1: calc((var(--Scrl-Start-Bottom-Border-Img-1)) + (var(--Low-Distance)) - (var(--Scroll-Gap-Init))); --Scrl-Push-Img-1: calc((var(--Scrl-Start-Bottom-Border-Img-1)) + (var(--Low-Distance)) - (var(--Scroll-Gap-Init))); /* 2959 + 544 - 270 = 3233 */ /* ------------- ---------------------------------------------------------------- */ /* ROOT TXT 3 ---------------------------------------------------- SUITE ------ */ /* ------------- ---------------------------------------------------------------- */ /* ROOT INTRO FULL CONTAINER 30 HEIGHT ------------------------------------------ */ /* 851px; */ /* --Intro-Full-Container-30-Height: calc((var(--Scrl-Push-Img-1)) - (var(--Intro-Full-Container-30-Top)) + (var(--Sticky-Container-Height))); */ --Intro-Full-Container-30-Height: calc((var(--Scrl-Push-Img-1)) - (var(--Intro-Full-Container-30-Top)) + (var(--Sticky-Height-Txt-3-B))); --Intro-Full-Container-30-Height: calc((var(--Scrl-Push-Img-1)) - (var(--Intro-Full-Container-30-Top)) + (var(--Sticky-Height-Txt-3-B)) - (var(--Scroll-Gap-Init))); --Intro-Full-Container-30-Height: calc((var(--Scrl-Push-Img-1)) - (var(--Intro-Full-Container-30-Top)) + (var(--Sticky-Height-Txt-3-B)) - (var(--Scroll-Gap-Init)) + (var(--Headline-Height))); --Intro-Full-Container-30-Height: var(--Scrl-Start-Bottom-Border-Img-1); --Intro-Full-Container-30-Height: var(--Scrl-Push-Img-1); --Intro-Full-Container-30-Height: calc((var(--Headline-Container-Top-1)) - (var(--Intro-Txt-2-Height)) + (var(--Headline-Container-Top-1)) + (var(--Intro-Txt-3-Height)) + (var(--Scroll-Gap-Large))); --Intro-Full-Container-30-Height: calc((var(--Sticky-Height-Txt-3-B)) + (var(--Headline-Container-Top-1)) - (var(--Intro-Txt-2-Height)) + (var(--Page-Height-Init-1)) - (var(--Sticky-Height-Txt-3-B)) - (var(--Scroll-Gap-Large))); /* 3233 - 2918 + 536 = 851px; */ /* ------------- ---------------------------------------------------------------- */ /* ROOT IMAGES S1 --------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT INTRO IMAGES FULL CONTAINER TOP ----------------------------------------- */ --Intro-Images-Full-Container-Top: calc((var(--Page-Height-Init-1)) + (var(--Scrl-Start-Bottom-Border-Img-1))); --Intro-Images-Full-Container-Top: calc((var(--Page-Height-Init-1)) + (var(--Scrl-Start-Bottom-Border-Img-1))); --Intro-Images-Full-Container-Top: calc((var(--Intro-Full-Container-30-Height)) + (var(--Intro-Full-Container-30-Top)) + (var(--Scroll-Gap-Large))); /* ROOT INTRO IMAGES MAIN CONTAINER LEFT ---------------------------------------- */ /* --Intro-Images-Main-Container-Left-1: calc((var(--Site-Margins)) + (var(--Column-Site-Width))); */ --Intro-Images-Main-Container-Left-1: calc((var(--Site-Margins)) + (1 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */ --Intro-Images-Main-Container-Left-2: calc((var(--Site-Margins)) + (2 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */ --Intro-Images-Main-Container-Left-3: calc((var(--Site-Margins)) + (1 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1061 */ --Intro-Images-Main-Container-Left-4: var(--Site-Margins); /* 1600 - 0731 */ --Intro-Images-Main-Container-Left-5: calc((var(--Site-Margins)) + (1 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 0730 - 0501 */ --Intro-Images-Main-Container-Left-6: var(--Site-Margins); /* 0500 - XXXX */ --Intro-Images-Main-Container-Left: var(--Intro-Images-Main-Container-Left-1); /* ROOT INTRO IMAGES MAIN CONTAINER WIDTH --------------------------------------- */ --Intro-Images-Main-Container-Width-1: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Intro-Images-Main-Container-Width-2: calc((18 * (var(--Column-Site-Width))) + (17 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Intro-Images-Main-Container-Width-3: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /* 1700 - 0731 */ --Intro-Images-Main-Container-Width-4: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* 0730 - 0501 */ --Intro-Images-Main-Container-Width-5: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 0500 - 0000 */ --Intro-Images-Main-Container-Width: var(--Intro-Images-Main-Container-Width-1); /* ROOT INTRO IMAGES CONTAINER WIDTH -------------------------------------------- */ --Intro-Images-Container-Width-1: calc((2 * (var(--Column-Site-Width))) + (1 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Intro-Images-Container-Width-2: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Intro-Images-Container-Width-3: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* 1700 - 0501 */ --Intro-Images-Container-Width-5: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 0500 - 0000 */ /* --Intro-Images-Container-Width-4: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); 0500 - 0000 */ --Intro-Images-Container-Width: var(--Intro-Images-Container-Width-1); /* ROOT INTRO IMAGES CONTAINER HEIGHT ------------------------------------------- */ --Intro-Images-Container-Height-1: 890px; /* XTRA - 1301 */ --Intro-Images-Container-Height-2: 600px; /* 1300 - 0961 */ --Intro-Images-Container-Height-3: 500px; /* 0960 - 0731 */ --Intro-Images-Container-Height-4: 890px; /* 0730 - 0661 */ --Intro-Images-Container-Height-5: 780px; /* 0660 - 0601 */ --Intro-Images-Container-Height-6: 600px; /* 0600 - 0501 */ --Intro-Images-Container-Height-7: 890px; /* 0501 - 0451 */ --Intro-Images-Container-Height-8: 780px; /* 0450 - 0421 */ --Intro-Images-Container-Height-9: 600px; /* 0420 - 0000 */ --Intro-Images-Container-Height: var(--Intro-Images-Container-Height-1); /* ROOT INTRO IMAGES VERTICAL GAP ----------------------------------------------- */ /* --Root-Intro-Images-Vertical-Gap: var(--Scroll-Gap-Init); */ --Root-Intro-Images-Vertical-Gap-1: var(--Scroll-Gap-Large); --Root-Intro-Images-Vertical-Gap-2: var(--Scroll-Gap-Short); --Root-Intro-Images-Vertical-Gap-3: 50px; --Root-Intro-Images-Vertical-Gap: var(--Root-Intro-Images-Vertical-Gap-1); /* ROOT INTRO IMAGES CONTAINER 11 TOP ------------------------------------------- */ --Intro-Images-Container-11-Top: calc((var(--Root-Intro-Images-Vertical-Gap)) * 2); /* ROOT INTRO IMAGES CONTAINER 12 TOP ------------------------------------------- */ --Intro-Images-Container-12-Top: var(--Root-Intro-Images-Vertical-Gap); /* ROOT INTRO IMAGES CONTAINER 13 TOP ------------------------------------------- */ --Intro-Images-Container-13-Top: 0px; /* ROOT INTRO IMAGES 11 LEFT ---------------------------------------------------- */ /* --Intro-Image-11-Left-1: -57px; */ /* --Intro-Image-11-Left-2: -57px; */ /* --Intro-Image-11-Left: var(--Intro-Image-11-Left-1); */ /* ROOT INTRO IMAGES 12 LEFT ---------------------------------------------------- */ /* --Intro-Image-12-Left-1: 50%; */ /* --Intro-Image-12-Left: var(--Intro-Image-12-Left-1); */ /* ROOT INTRO IMAGES 13 LEFT ---------------------------------------------------- */ /* --Intro-Image-13-Left-1: -100px; */ /* --Intro-Image-13-Left: var(--Intro-Image-13-Left-1); */ /* ROOT INTRO IMAGES MAIN CONTAINER HEIGHT -------------------------------------- */ --Intro-Images-Main-Container-Height-1: calc((var(--Intro-Images-Container-Height)) + (2 * (var(--Root-Intro-Images-Vertical-Gap)))); --Intro-Images-Main-Container-Height-2: calc((3 * (var(--Intro-Images-Container-Height))) + (2 * (var(--Root-Intro-Images-Vertical-Gap)))); --Intro-Images-Main-Container-Height: var(--Intro-Images-Main-Container-Height-1); /* ROOT INTRO IMAGES FULL CONTAINER HEIGHT -------------------------------------- */ --Intro-Images-Full-Container-Height: var(--Intro-Images-Main-Container-Height); /* ------------- ---------------------------------------------------------------- */ /* ------------- - ©® C O P Y R I G H T ----------------------------------------- */ /* ------------- - D E S I G N -------------------------------------------------- */ /* ------------- - C O D E ------------------------------------------------------ */ /* ------------- - P A R -------------------------------------------------------- */ /* ------------- - O A S I S - L A B -------------------------------------------- */ /* ------------- - T H I B A U D - D E M I E R R E ------------------------------ */ /* ------------- - 2 0 2 5 ------------------------------------------------------ */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT INTRO SECTION IOS ------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT INTRO SECTION 2 TXT GAP ------------------------------------------------- */ --Intro-Section-2-Text-Gap-1: 100px; --Intro-Section-2-Text-Gap-2: 40px; --Intro-Section-2-Text-Gap: var(--Intro-Section-2-Text-Gap-1); /* ROOT INTRO SECTION 2 MAIN CONTAINER 4 TOP ------------------------------------ */ --Intro-Main-Container-4-Top-1: var(--Scroll-Gap-Large); --Intro-Main-Container-4-Top-2: var(--Scroll-Gap-Short); --Intro-Main-Container-4-Top: var(--Intro-Main-Container-4-Top-1); /* ROOT INTRO SECTION 2 MAIN CONTAINER 4 HEIGHT --------------------------------- */ /* --Intro-Main-Container-4-Height-1: calc((var(--Intro-Container-10-Height)) + (var(--Intro-Container-20-Height)) + (var(--Intro-Container-30-Height)) + (2 * (var(--Intro-Section-2-Text-Gap)))); */ --Intro-Main-Container-4-Height: calc((var(--Intro-Container-10-Height)) + (var(--Intro-Container-20-Height)) + (var(--Intro-Container-30-Height)) + (2 * (var(--Intro-Section-2-Text-Gap)))); /* ROOT INTRO SECTION 2 FULL CONTAINER 4 HEIGHT --------------------------------- */ /* --Intro-Full-Container-4-Height: calc((var(--Intro-Main-Container-4-Height)) + (var(--Scroll-Gap-Short))); */ --Intro-Full-Container-4-Height-1: calc((var(--Intro-Main-Container-4-Height)) + (var(--Scroll-Gap-Large))); --Intro-Full-Container-4-Height-2: calc((var(--Intro-Main-Container-4-Height)) + (var(--Scroll-Gap-Short))); --Intro-Full-Container-4-Height: var(--Intro-Full-Container-4-Height-1); /* ROOT INTRO IMAGES FULL CONTAINER 2 TOP --------------------------------------- */ --Intro-Images-Full-Container-2-Top-1: calc((var(--Intro-Full-Container-4-Height)) + (var(--Scroll-Gap-Large))); --Intro-Images-Full-Container-2-Top-2: calc((var(--Intro-Full-Container-4-Height)) + (var(--Scroll-Gap-Short))); --Intro-Images-Full-Container-2-Top: var(--Intro-Images-Full-Container-2-Top-1); /* ------------- ---------------------------------------------------------------- */ /* ROOT INTRO SECTION GENERAL --------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT INTRO SECTION 1 HEIGHT -------------------------------------------------- */ --Intro-Section-1-Height: calc((var(--Intro-Images-Full-Container-Height)) + (var(--Intro-Images-Full-Container-Top)) + (var(--Scroll-Gap-Large))); /* ROOT INTRO SECTION 2 HEIGHT -------------------------------------------------- */ /* --Intro-Section-2-Height: calc((var(--Intro-Full-Container-40-Height)) + (var(--Intro-Images-Full-Container-Height)) + (2 * (var(--Scroll-Gap-Large)))); */ /* --Intro-Section-2-Height: calc((var(--Intro-Full-Container-4-Height)) + (var(--Intro-Images-Full-Container-Height)) + (2 * (var(--Scroll-Gap-Short)))); */ --Intro-Section-2-Height-1: calc((var(--Intro-Full-Container-4-Height)) + (var(--Intro-Images-Full-Container-Height)) + (2 * (var(--Scroll-Gap-Large)))); --Intro-Section-2-Height-2: calc((var(--Intro-Full-Container-4-Height)) + (var(--Intro-Images-Full-Container-Height)) + (2 * (var(--Scroll-Gap-Short)))); --Intro-Section-2-Height: var(--Intro-Section-2-Height-1); /* ROOT INTRO SECTION 2 TOP ----------------------------------------------------- */ /* --Intro-Section-2-Top-1: calc((var(--Page-Height-Init-1)) + (var(--Scroll-Gap-Short))); */ /* --Intro-Section-2-Top-2: calc((var(--Page-Height-Init-2)) + (var(--Scroll-Gap-Short))); */ --Intro-Section-2-Top-1: var(--Page-Height-Init-1); --Intro-Section-2-Top-2: var(--Page-Height-Init-2); --Intro-Section-2-Top: var(--Intro-Section-2-Top-1); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT ACCROCHE SECTION -------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT HOME ACCROCHE SECTION TOP ----------------------------------------------- */ --Home-Accroche-Section-Top: calc((var(--Home-First-Section-Top)) + (var(--Scroll-Gap-Large))); --Home-Accroche-Section-Top-1: var(--Scroll-Gap-Large); --Home-Accroche-Section-Top-2: calc((var(--Scroll-Gap-Large)) + (var(--Intro-Section-2-Top))); --Home-Accroche-Section-Top: var(--Home-Accroche-Section-Top-1); /* ROOT HOME ACCROCHE TEXT NB LINES --------------------------------------------- */ --Home-Accroche-Text-Nb-Lines-1: 4; --Home-Accroche-Text-Nb-Lines-2: 5; --Home-Accroche-Text-Nb-Lines-3: 6; --Home-Accroche-Text-Nb-Lines-4: 7; --Home-Accroche-Text-Nb-Lines-5: 9; --Home-Accroche-Text-Nb-Lines: var(--Home-Accroche-Text-Nb-Lines-1); /* ROOT HOME ACCROCHE TEXT HEIGHT ----------------------------------------------- */ --Home-Accroche-Text-Height: calc((var(--Home-Accroche-Text-Nb-Lines)) * (var(--Lh-Home-Accroche-Txt))); /* ROOT HOME ACCROCHE CONTAINER HEIGHT ------------------------------------------ */ --Home-Accroche-Container-Height: var(--Home-Accroche-Text-Height); /* ROOT HOME ACCROCHE CONTAINER WIDTH ------------------------------------------- */ --Home-Accroche-Container-Width: calc(100vw - (2 * (var(--Site-Margins)))); /* ROOT HOME ACCROCHE BACKGROUND CACHE TOP -------------------------------------- */ --Home-Accroche-Background-Cache-Top-1: calc((var(--Intro-Images-Full-Container-Height)) + (var(--Intro-Images-Full-Container-Top)) - (var(--Site-Margins))); --Home-Accroche-Background-Cache-Top-2: calc((var(--Intro-Images-Full-Container-Height)) + (var(--Intro-Section-2-Top)) + (var(--Intro-Images-Full-Container-2-Top)) - (var(--Site-Margins))); --Home-Accroche-Background-Cache-Top: var(--Home-Accroche-Background-Cache-Top-1); /* ROOT HOME ACCROCHE SECTION HEIGHT -------------------------------------------- */ --Home-Accroche-Section-Height-1: calc((var(--Intro-Section-1-Height)) + 2100px); --Home-Accroche-Section-Height-2: calc((var(--Intro-Section-2-Height)) + 2100px); --Home-Accroche-Section-Height: var(--Home-Accroche-Section-Height-1); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT LAST SECTION ------------------------------------------------------------ */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT HOME CONTENT SECTION TOP ------------------------------------------------ */ /* ROOT HOME LAST SECTION TOP --------------------------------------------------- */ --Home-Last-Section-Top-1: calc((var(--Intro-Images-Full-Container-Height)) + (var(--Intro-Images-Full-Container-Top)) + (var(--Scroll-Gap-Large)) + (var(--Page-Height-Init-1))); --Home-Last-Section-Top-2: calc((var(--Intro-Images-Full-Container-Height)) + (var(--Intro-Section-2-Top)) + (var(--Intro-Images-Full-Container-2-Top)) + (var(--Scroll-Gap-Large)) + (var(--Page-Height-Init-1))); --Home-Last-Section-Top-3: calc((var(--Intro-Images-Full-Container-Height)) + (var(--Intro-Section-2-Top)) + (var(--Intro-Images-Full-Container-2-Top)) + (var(--Scroll-Gap-Short)) + (var(--Page-Height-Init-1))); --Home-Last-Section-Top: var(--Home-Last-Section-Top-1); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT CONTENT SECTION --------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT HOME CONTENT SECTION TOP ------------------------------------------------ */ --Home-Content-Section-Top-1: var(--Scroll-Gap-Large); --Home-Content-Section-Top-2: var(--Scroll-Gap-Short); --Home-Content-Section-Top: var(--Home-Content-Section-Top-1); /* ROOT HOME CONTENT TXT 1 NB LINES --------------------------------------------- */ --Home-Content-Txt-1-Nb-Lines-1: 6; --Home-Content-Txt-1-Nb-Lines-2: 6; --Home-Content-Txt-1-Nb-Lines-3: 9; --Home-Content-Txt-1-Nb-Lines-4: 10; --Home-Content-Txt-1-Nb-Lines-5: 7; --Home-Content-Txt-1-Nb-Lines-6: 8; --Home-Content-Txt-1-Nb-Lines-7: 7; --Home-Content-Txt-1-Nb-Lines-8: 8; --Home-Content-Txt-1-Nb-Lines: var(--Home-Content-Txt-1-Nb-Lines-1); /* ROOT HOME CONTENT TXT 2 NB LINES --------------------------------------------- */ --Home-Content-Txt-2-Nb-Lines-1: 4; --Home-Content-Txt-2-Nb-Lines-2: 5; --Home-Content-Txt-2-Nb-Lines-3: 7; --Home-Content-Txt-2-Nb-Lines-4: 7; --Home-Content-Txt-2-Nb-Lines-5: 5; --Home-Content-Txt-2-Nb-Lines-6: 6; --Home-Content-Txt-2-Nb-Lines-7: 5; --Home-Content-Txt-2-Nb-Lines-8: 6; --Home-Content-Txt-2-Nb-Lines: var(--Home-Content-Txt-2-Nb-Lines-1); /* ROOT HOME CONTENT TXT 1 HEIGHT ----------------------------------------------- */ --Home-Content-Txt-1-Height: calc((var(--Home-Content-Txt-1-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT HOME CONTENT TXT 2 HEIGHT ----------------------------------------------- */ --Home-Content-Txt-2-Height: calc((var(--Home-Content-Txt-2-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT HOME CONTENT TXT CONTAINER 1 HEIGHT ------------------------------------- */ --Home-Content-Txt-Container-1-Height: var(--Home-Content-Txt-1-Height); /* ROOT HOME CONTENT TXT CONTAINER 2 HEIGHT ------------------------------------- */ --Home-Content-Txt-Container-2-Height: var(--Home-Content-Txt-2-Height); /* ROOT HOME CONTENT IMAGE CONTAINER 1 WIDTH ------------------------------------ */ --Home-Content-Image-Container-1-Width: 100%; /* ROOT HOME CONTENT IMAGE CONTAINER 2 WIDTH ------------------------------------ */ --Home-Content-Image-Container-2-Width: 100%; /* ROOT HOME CONTENT IMAGE CONTAINER 1 HEIGHT ----------------------------------- */ --Home-Content-Image-Container-1-Height-1: 910px; --Home-Content-Image-Container-1-Height-2: 850px; --Home-Content-Image-Container-1-Height-3: 670px; --Home-Content-Image-Container-1-Height-4: 485px; --Home-Content-Image-Container-1-Height: var(--Home-Content-Image-Container-1-Height-1); /* ROOT HOME CONTENT IMAGE CONTAINER 2 HEIGHT ----------------------------------- */ /* ROOT HOME CONTENT IMAGE GAP HEIGHT ------------------------------------------- */ --Home-Content-Image-Gap-Height-1: -200px; --Home-Content-Image-Gap-Height-2: -100px; --Home-Content-Image-Gap-Height-3: 0px; --Home-Content-Image-Gap-Height: var(--Home-Content-Image-Gap-Height-1); /* ROOT HOME CONTENT MAIN GAP HEIGHT -------------------------------------------- */ --Home-Content-Main-Gap-Height-1: 50px; --Home-Content-Main-Gap-Height-2: 30px; --Home-Content-Main-Gap-Height: var(--Home-Content-Main-Gap-Height-1); /* ROOT HOME CONTENT FULL GAP HEIGHT -------------------------------------------- */ --Home-Content-Full-Gap-Height-1: 100px; --Home-Content-Full-Gap-Height-2: 50px; --Home-Content-Full-Gap-Height: var(--Home-Content-Full-Gap-Height-1); /* ROOT HOME CONTENT MAIN CONTAINER 100 WIDTH ----------------------------------- */ --Home-Content-Main-Container-100-Width-1: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Home-Content-Main-Container-100-Width-2: calc((11 * (var(--Column-Site-Width))) + (10 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Home-Content-Main-Container-100-Width-3: calc((7 * (var(--Column-Site-Width))) + (6 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Home-Content-Main-Container-100-Width-4: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Home-Content-Main-Container-100-Width: var(--Home-Content-Main-Container-100-Width-1); /* ROOT HOME CONTENT MAIN CONTAINER 200 WIDTH ----------------------------------- */ --Home-Content-Main-Container-200-Width-1: 580px; --Home-Content-Main-Container-200-Width-2: 457px; --Home-Content-Main-Container-200-Width-3: calc(100vw - (2 * (var(--Site-Margins)))); /* --Home-Content-Main-Container-200-Width-3: 100%; */ --Home-Content-Main-Container-200-Width-4: 303px; --Home-Content-Main-Container-200-Width-5: 250px; --Home-Content-Main-Container-200-Width: var(--Home-Content-Main-Container-200-Width-1); /* ROOT HOME CONTENT IMAGE CONTAINER 2 HEIGHT ----------------------------------- */ --Home-Content-Image-Container-2-Height: var(--Home-Content-Main-Container-200-Width); /* ROOT HOME CONTENT MAIN CONTAINER 100 HEIGHT ---------------------------------- */ --Home-Content-Main-Container-100-Height: calc((2 * (var(--Home-Content-Image-Container-1-Height))) + (var(--Home-Content-Image-Gap-Height))); /* ROOT HOME CONTENT MAIN CONTAINER 200 HEIGHT ---------------------------------- */ /* --Home-Content-Main-Container-200-Height: calc((2 * (var(--Home-Content-Image-Container-2-Height))) + (var(--Home-Content-Txt-1-Height)) + (var(--Home-Content-Txt-2-Height)) + (2 * (var(--Home-Content-Main-Gap-Height-2))) + (var(--Home-Content-Full-Gap-Height))); */ /* ROOT HOME CONTENT MAIN CONTAINER 20 HEIGHT ---------------------------------- */ --Home-Content-Main-Container-20-Height: calc((var(--Home-Content-Image-Container-2-Height)) + (var(--Home-Content-Txt-1-Height)) + (var(--Home-Content-Main-Gap-Height-2))); /* ROOT HOME CONTENT MAIN CONTAINER 21 HEIGHT ---------------------------------- */ --Home-Content-Main-Container-21-Height: calc((var(--Home-Content-Image-Container-2-Height)) + (var(--Home-Content-Txt-2-Height)) + (var(--Home-Content-Main-Gap-Height-2))); /* ROOT CONTENT FULL CONTAINER TOP ---------------------------------------------- */ /* --Home-Content-Full-Container-Top-1: var(--Scroll-Gap-Large); */ /* --Home-Content-Full-Container-Top-2: var(--Scroll-Gap-Short); */ /* --Home-Content-Full-Container-Top: var(--Home-Content-Full-Container-Top-1); */ /* ROOT CONTENT FULL CONTAINER HEIGHT ------------------------------------------- */ --Home-Content-Full-Container-Height-1: var(--Home-Content-Main-Container-100-Height); --Home-Content-Full-Container-Height-2: calc(var(--Home-Content-Main-Container-20-Height) + (var(--Home-Content-Full-Gap-Height)) + (var(--Home-Content-Main-Container-21-Height))); --Home-Content-Full-Container-Height: var(--Home-Content-Full-Container-Height-1); /* ROOT CONTENT FULL CONTAINER WIDTH -------------------------------------------- */ --Home-Content-Full-Container-Width: calc(100vw - (2 * (var(--Site-Margins)))); /* ROOT CONTENT SECTION HEIGHT -------------------------------------------------- */ --Home-Content-Section-Height: var(--Home-Content-Full-Container-Height); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT RDV SECTION ------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT HOME RDV SECTION TOP ---------------------------------------------------- */ --Home-Rdv-Section-Top-1: calc((var(--Home-Content-Section-Height)) + (2 * (var(--Scroll-Gap-Large)))); --Home-Rdv-Section-Top-2: calc((var(--Home-Content-Section-Height)) + (2 * (var(--Scroll-Gap-Short)))); --Home-Rdv-Section-Top: var(--Home-Rdv-Section-Top-1); /* ROOT HOME RDV TXT GAP -------------------------------------------------------- */ --Home-Rdv-Txt-Gap-1: 13px; --Home-Rdv-Txt-Gap-2: 10px; --Home-Rdv-Txt-Gap: var(--Home-Rdv-Txt-Gap-1); /* ROOT HOME RDV MAIN GAP ------------------------------------------------------- */ --Home-Rdv-Main-Gap-1: 60px; --Home-Rdv-Main-Gap-2: 50px; --Home-Rdv-Main-Gap: var(--Home-Rdv-Main-Gap-1); /* ROOT HOME RDV TITLE NB LINES ------------------------------------------------- */ --Home-Rdv-Title-Nb-Lines-1: 1; --Home-Rdv-Title-Nb-Lines-2: 2; --Home-Rdv-Title-Nb-Lines-3: 3; --Home-Rdv-Title-Nb-Lines: var(--Home-Rdv-Title-Nb-Lines-1); /* ROOT HOME RDV TITLE HEIGHT --------------------------------------------------- */ --Home-Rdv-Title-Height: calc((var(--Home-Rdv-Title-Nb-Lines)) * (var(--Lh-Title-Txt-2))); /* ROOT HOME RDV TITLE CONTAINER HEIGHT ----------------------------------------- */ --Home-Rdv-Title-Container-Height: var(--Home-Rdv-Title-Height); /* ROOT HOME RDV TEXT NB LINES -------------------------------------------------- */ --Home-Rdv-Text-Nb-Lines-1: 4; --Home-Rdv-Text-Nb-Lines-2: 5; --Home-Rdv-Text-Nb-Lines-3: 7; --Home-Rdv-Text-Nb-Lines-4: 5; --Home-Rdv-Text-Nb-Lines-5: 7; --Home-Rdv-Text-Nb-Lines: var(--Home-Rdv-Text-Nb-Lines-1); /* ROOT HOME RDV TEXT HEIGHT ---------------------------------------------------- */ --Home-Rdv-Text-Height: calc((var(--Home-Rdv-Text-Nb-Lines)) * (var(--Lh-Courant-2))); /* ROOT HOME RDV TEXT CONTAINER HEIGHT ------------------------------------------ */ --Home-Rdv-Text-Container-Height: var(--Home-Rdv-Text-Height); /* ROOT HOME RDV TEXT CONTAINER TOP --------------------------------------------- */ --Home-Rdv-Text-Container-Top: calc((var(--Home-Rdv-Title-Container-Height)) + (var(--Home-Rdv-Txt-Gap))); /* ROOT HOME RDV MAIN CONTAINER HEIGHT ------------------------------------------ */ --Home-Rdv-Main-Container-Height: calc((var(--Home-Rdv-Text-Container-Height)) + (var(--Home-Rdv-Text-Container-Top))); /* ROOT HOME RDV BTN CONTAINER TOP ---------------------------------------------- */ --Home-Rdv-Btn-Container-Top: calc((var(--Home-Rdv-Main-Container-Height)) + (var(--Home-Rdv-Main-Gap))); /* ROOT HOME RDV BTN CONTAINER HEIGHT ------------------------------------------- */ --Home-Rdv-Btn-Container-Height-1: 50px; --Home-Rdv-Btn-Container-Height-2: 42px; --Home-Rdv-Btn-Container-Height-3: 30px; --Home-Rdv-Btn-Container-Height: var(--Home-Rdv-Btn-Container-Height-1); /* ROOT HOME RDV BTN CONTAINER LEFT --------------------------------------------- */ /* --Home-Rdv-Btn-Container-Left-2: 0px; */ /* --Home-Rdv-Btn-Container-Left-3: calc((var(--Column-Site-Width)) + (var(--Column-Gap))); */ --Home-Rdv-Btn-Container-Left-1: calc((var(--Column-Site-Width)) + (var(--Column-Gap))); --Home-Rdv-Btn-Container-Left-2: calc(3 * ((var(--Column-Site-Width)) + (var(--Column-Gap)))); --Home-Rdv-Btn-Container-Left-3: calc(2 * ((var(--Column-Site-Width)) + (var(--Column-Gap)))); --Home-Rdv-Btn-Container-Left-4: 0px; --Home-Rdv-Btn-Container-Left-5: calc((1 * (var(--Column-Site-Width)) + (var(--Column-Gap)))); --Home-Rdv-Btn-Container-Left-6: calc(2 * ((var(--Column-Site-Width)) + (var(--Column-Gap)))); --Home-Rdv-Btn-Container-Left-7: 0px; --Home-Rdv-Btn-Container-Left: var(--Home-Rdv-Btn-Container-Left-1); /* ROOT HOME RDV BTN CONTAINER WIDTH -------------------------------------------- */ --Home-Rdv-Btn-Container-Width-1: calc((4 * (var(--Column-Site-Width))) + (3 * (var(--Column-Gap)))); --Home-Rdv-Btn-Container-Width-2: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /*1800 - 1701*/ --Home-Rdv-Btn-Container-Width-3: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /*7800 - 1301*/ --Home-Rdv-Btn-Container-Width-4: calc((8 * (var(--Column-Site-Width))) + (7 * (var(--Column-Gap)))); /*1300 - 0731*/ --Home-Rdv-Btn-Container-Width-5: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); --Home-Rdv-Btn-Container-Width: var(--Home-Rdv-Btn-Container-Width-1); /* ROOT HOME RDV FULL CONTAINER LEFT -------------------------------------------- */ --Home-Rdv-Full-Container-Left-1: calc((var(--Site-Margins)) + (1 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* XTRA - 1801 */ --Home-Rdv-Full-Container-Left-2: calc((var(--Site-Margins)) + (2 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1800 - 1701 */ --Home-Rdv-Full-Container-Left-3: calc((var(--Site-Margins)) + (1 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1700 - 1601 */ --Home-Rdv-Full-Container-Left-4: calc((var(--Site-Margins)) + (2 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1600 - 1301 */ --Home-Rdv-Full-Container-Left-5: calc((var(--Site-Margins)) + (1 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 1300 - 0961 */ /* --Home-Rdv-Full-Container-Left-5: calc((var(--Site-Margins)) + (4 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); 1300 - 0961 */ --Home-Rdv-Full-Container-Left-6: calc((var(--Site-Margins)) + (2 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 0960 - 0780 */ --Home-Rdv-Full-Container-Left-7: calc((var(--Site-Margins)) + (0 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 0780 - 0731 */ --Home-Rdv-Full-Container-Left-8: calc((var(--Site-Margins)) + (0 * ((var(--Column-Site-Width)) + (var(--Column-Gap))))); /* 0730 - 0000 */ --Home-Rdv-Full-Container-Left: var(--Home-Rdv-Full-Container-Left-1); /* ROOT HOME RDV FULL CONTAINER WIDTH ------------------------------------------- */ --Home-Rdv-Full-Container-Width-1: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* XTRA - 1801 */ --Home-Rdv-Full-Container-Width-2: calc((18 * (var(--Column-Site-Width))) + (17 * (var(--Column-Gap)))); /* 1800 - 1701 */ --Home-Rdv-Full-Container-Width-3: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /* 1700 - 1601 */ --Home-Rdv-Full-Container-Width-4: calc((10 * (var(--Column-Site-Width))) + (9 * (var(--Column-Gap)))); /* 1600 - 1301 */ --Home-Rdv-Full-Container-Width-5: calc((8 * (var(--Column-Site-Width))) + (7 * (var(--Column-Gap)))); /* 1300 - 0961 */ --Home-Rdv-Full-Container-Width-6: calc((10 * (var(--Column-Site-Width))) + (9 * (var(--Column-Gap)))); /* 0960 - 0780 */ --Home-Rdv-Full-Container-Width-7: calc((12 * (var(--Column-Site-Width))) + (11 * (var(--Column-Gap)))); /* 0780 - 0731 */ --Home-Rdv-Full-Container-Width-8: calc((6 * (var(--Column-Site-Width))) + (5 * (var(--Column-Gap)))); /* 0730 - 0000 */ --Home-Rdv-Full-Container-Width: var(--Home-Rdv-Full-Container-Width-1); /* ROOT HOME RDV FULL CONTAINER HEIGHT ------------------------------------------ */ --Home-Rdv-Full-Container-Height: calc((var(--Home-Rdv-Btn-Container-Height)) + (var(--Home-Rdv-Btn-Container-Top))); /* ROOT HOME RDV SECTION HEIGHT ------------------------------------------------- */ --Home-Rdv-Section-Height: var(--Home-Rdv-Full-Container-Height); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT LAST SECTION ---------------------------------------- SUITE ----------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT LAST SECTION HEIGHT ----------------------------------------------------- */ --Home-Last-Section-Height-1: calc((var(--Home-Rdv-Section-Height)) + (var(--Home-Rdv-Section-Top)) + (var(--Scroll-Gap-Large))); --Home-Last-Section-Height-2: calc((var(--Home-Rdv-Section-Height)) + (var(--Home-Rdv-Section-Top)) + (var(--Scroll-Gap-Short))); --Home-Last-Section-Height-1: calc((var(--Home-Rdv-Section-Height)) + (var(--Home-Rdv-Section-Top)) + (var(--Scroll-Gap-End-Large))); --Home-Last-Section-Height-2: calc((var(--Home-Rdv-Section-Height)) + (var(--Home-Rdv-Section-Top)) + (var(--Scroll-Gap-End-Short))); --Home-Last-Section-Height: var(--Home-Last-Section-Height-1); /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT HOME BASIC -------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ------------- ---------------------------------------------------------------- */ /* ROOT FOOTER PRINCIPAL CONTAINER LARGE HOME TOP ------------------------------- */ --Footer-Principal-Container-Large-Home-Top: calc((var(--Home-Last-Section-Height)) + (var(--Home-Last-Section-Top))); /* ROOT FOOTER PRINCIPAL CONTAINER SMALL HOME TOP ------------------------------- */ --Footer-Principal-Container-Small-Home-Top: var(--Footer-Principal-Container-Large-Home-Top); /* ROOT FOOTER BACKGROUND CACHE TOP --------------------------------------------- */ --Home-Footer-Background-Cache-Top: calc((var(--Footer-Principal-Container-Large-Home-Top)) - 300px); /* ROOT FOOTER BACKGROUND CACHE HEIGHT ------------------------------------------ */ --Home-Footer-Background-Cache-Height-1: 1211px; --Home-Footer-Background-Cache-Height-2: 912px; --Home-Footer-Background-Cache-Height: var(--Home-Footer-Background-Cache-Height-1); /* ROOT HOME BODY HEIGHT -------------------------------------------------------- */ --Home-Body-Height-1: calc((var(--Footer-Principal-Container-Large-Home-Top)) + 911px); --Home-Body-Height-2: calc((var(--Footer-Principal-Container-Large-Home-Top)) + 612px); --Home-Body-Height: var(--Home-Body-Height-1); }