/**
 * Fichier  : /pages/homepage/section-1/assets/css/style.css
 * Fonction : style général de la section 1 - page d'accueil
 */


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

#vision {
    position: relative;
    overflow: hidden;
}

#vision {
    background: var(--color-white);
    color: var(--color-black);
}


/* ==================================================
   GRID
================================================== */

#vision::before {
    content: "";
}

#vision::before {
    position: absolute;
    inset: 0;
}

#vision::before {
    pointer-events: none;
}

#vision::before {
    background-image:
        linear-gradient(
            rgba(0, 0, 0, .035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(0, 0, 0, .035) 1px,
            transparent 1px
        );
}

#vision::before {
    background-size: 48px 48px;
}

#vision::before {
    opacity: .42;
}


/* ==================================================
   VISION
================================================== */

#vision .vision {
    position: relative;
    z-index: 1;
}

#vision .vision {
    width: min(100% - 4em, 1320px);
}

#vision .vision {
    margin: 0 auto;
}

#vision .vision {
    padding:
        clamp(6em, 8vw, 9em)
        0
        clamp(6em, 8vw, 9em)
        0;
}


/* ==================================================
   RESPONSIVE
================================================== */

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

    #vision .vision {
        width: min(100% - 3em, 760px);
    }

    #vision .vision {
        padding:
            6em
            0
            5.5em
            0;
    }

}

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

    #vision::before {
        background-size: 40px 40px;
    }

    #vision::before {
        opacity: .35;
    }

    #vision .vision {
        width: calc(100% - 2.4em);
    }

    #vision .vision {
        padding:
            4.5em
            0
            4.5em
            0;
    }

}