/* =========================================================
   ACCUEIL
========================================================= */


/* HERO */

.hero {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: #0a1628;
}

.hero__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* SECTIONS IMAGE + TEXTE */

.split {
    display: grid;
    grid-template-columns: 30% 70%;

    gap: 60px;

    align-items: center;
}

.split-image {
    min-height: 430px;

    background:
        center / cover
        url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?auto=format&fit=crop&w=1200&q=80');
}


/* SAVOIR-FAIRE */

.grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 1px;

    background: var(--line);
    border: 1px solid var(--line);
}


/* PROJETS PHARES */

.project-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 24px;
}

.project {
    min-height: 360px;

    padding: 32px;

    display: flex;
    align-items: flex-end;

    color: #fff;

    background-position: center;
    background-size: cover;
}

.project:nth-child(1) {
    background-image:
        linear-gradient(
            0deg,
            rgba(5, 25, 37, .75),
            transparent
        ),
        url('https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=1000&q=80');
}

.project:nth-child(2) {
    background-image:
        linear-gradient(
            0deg,
            rgba(5, 25, 37, .75),
            transparent
        ),
        url('https://images.unsplash.com/photo-1581092921461-eab62e97a780?auto=format&fit=crop&w=1000&q=80');
}

.project:nth-child(3) {
    background-image:
        linear-gradient(
            0deg,
            rgba(5, 25, 37, .75),
            transparent
        ),
        url('https://images.unsplash.com/photo-1565793298595-6a879b1d9492?auto=format&fit=crop&w=1000&q=80');
}

.project:nth-child(4) {
    background-image:
        linear-gradient(
            0deg,
            rgba(5, 25, 37, .75),
            transparent
        ),
        url('https://images.unsplash.com/photo-1497435334941-8c899ee9e8e9?auto=format&fit=crop&w=1000&q=80');
}

.project h3 {
    font-size: 28px;
    margin: 0;
}


/* PRÉSENCE */

.map-mock {
    height: 430px;

    background:
        radial-gradient(
            circle at 50% 45%,
            #dbe8e3 0 3%,
            transparent 4%
        ),
        linear-gradient(
            135deg,
            #edf3f1,
            #d5e1de
        );

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--navy);

    font-size: 28px;
    font-weight: 700;
}


/* CONTACT */

.cta {
    background: var(--navy);
    color: #fff;
}

.cta .section-title {
    color: #fff;
}

.cta .section-intro {
    color: #cbd5d9;
}


/* RTL */

[dir="rtl"] .hero-content {
    text-align: right;
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .split {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .grid-4 {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {

    .hero-content {
        padding: 80px 20px;
    }

    .grid-4,
    .project-grid {
        grid-template-columns: 1fr;
    }
}