:root {
    --apollo-bg: #0c0c0c;
    --apollo-white: #ffffff;
    --apollo-muted: #9b9ba6;

    --apollo-1: #722a7e;
    --apollo-2: #7045dd;
    --apollo-3: #be55ed;
    --apollo-4: #924ce3;
    --apollo-5: #4c3dd6;
    --apollo-6: #2d53da;

    --apollo-line-x: 11vw;
}

.apollo-home-v4 {
    position: relative;
    overflow: visible;
    background: var(--apollo-bg);
    color: var(--apollo-white);
}

.apollo-home-v4 .site-main {
    position: relative;
}

.apollo-section {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 140px 8vw 140px 18vw;
}

.apollo-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
}

.apollo-kicker {
    display: block;
    margin-bottom: 28px;
    color: var(--apollo-muted);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.apollo-section h1,
.apollo-section h2,
.apollo-section p {
    margin-top: 0;
}

@media (max-width: 991px) {
    :root {
        --apollo-line-x: 32px;
    }

    .apollo-section {
        padding: 100px 28px 100px 72px;
    }
}

/* =========================================================
   SCROLL LOCK
   ========================================================= */

html.apollo-scroll-locked,
body.apollo-scroll-locked {
    overflow: hidden !important;
    overscroll-behavior: none;
}

html.apollo-scene-locked,
body.apollo-scene-locked {
    overflow: hidden !important;
    overscroll-behavior: none;
}

/* =========================================================
   TITRES PRINCIPAUX DES SECTIONS
   ========================================================= */

.apollo-web h2,
.apollo-reviews-web h2,
.apollo-seo h2 {
    margin-top: 0;

    font-family: inherit !important;
    font-size: clamp(58px, 4.6vw, 88px) !important;
    font-weight: 600 !important;
    line-height: .96 !important;
    letter-spacing: -.045em !important;

    color: #fff;
}

/* =========================================================
   TEXTES D'INTRODUCTION DES SECTIONS
   ========================================================= */

.apollo-web-copy > p,
.apollo-seo-heading > p {
    font-family: inherit !important;
    font-size: clamp(17px, 1.15vw, 22px) !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;

    color: #92929d !important;
}


/* =========================================================
   TYPOGRAPHIE GLOBALE DES SECTIONS APOLLO
   ========================================================= */

/* H2 principaux */
.apollo-web h2,
.apollo-reviews-web h2,
.apollo-seo h2,
.apollo-sea h2,
.apollo-community h2,
.apollo-projects h2,
.apollo-maintenance h2,
.apollo-contact h2 {
    margin-top: 0;

    font-family: inherit !important;
    font-size: clamp(58px, 4.6vw, 88px) !important;
    font-weight: 600 !important;
    line-height: .96 !important;
    letter-spacing: -.045em !important;

    color: #fff !important;
}

/* Paragraphes d'introduction */
.apollo-web-copy > p,
.apollo-seo-heading > p,
.apollo-sea-copy > p,
.apollo-community-copy > p,
.apollo-projects-copy > p,
.apollo-maintenance-copy > p,
.apollo-contact-copy > p {
    font-family: inherit !important;
    font-size: clamp(17px, 1.15vw, 22px) !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;

    color: #92929d !important;
}