/* =====================================================
   HOME HERO PHOTO6 — PLEINE LARGEUR, PAS PLEINE HAUTEUR
   ===================================================== */

.hero-photo6{
    position:relative !important;
    width:100% !important;

    min-height:560px !important;

    background:
        linear-gradient(
            90deg,
            rgba(2,4,7,.94) 0%,
            rgba(3,6,10,.82) 36%,
            rgba(3,6,10,.42) 64%,
            rgba(3,6,10,.10) 100%
        ),
        url('/photo6.png') center center / cover no-repeat !important;

    overflow:hidden !important;
}

/* plus de grille texte + image :
   le texte vient SUR la photo */

.hero-photo6 .hero-grid{
    display:block !important;

    padding-top:82px !important;
    padding-bottom:82px !important;

    min-height:560px !important;
}

/* colonne texte */

.hero-photo6 .hero-grid > div:first-child{
    position:relative !important;
    z-index:3 !important;

    width:min(720px,60%) !important;
    max-width:720px !important;
}

/* on cache seulement l'ancienne image du hero HOME */

.hero-photo6 .hero-media{
    display:none !important;
}

/* lisibilité */

.hero-photo6 h1{
    color:#ffffff !important;

    font-size:clamp(42px,5vw,70px) !important;
    line-height:1.02 !important;

    letter-spacing:-.045em !important;

    text-shadow:
        0 3px 25px rgba(0,0,0,.50) !important;
}

.hero-photo6 h1 em{
    color:#60a5fa !important;
}

.hero-photo6 .lead{
    color:#d3dae2 !important;

    max-width:660px !important;

    font-size:17px !important;
    line-height:1.65 !important;

    text-shadow:
        0 2px 15px rgba(0,0,0,.55) !important;
}

.hero-photo6 .eyebrow{
    color:#70b1ff !important;
}

.hero-photo6 .trust-row span{
    color:#d5dce3 !important;
}


/* =====================================================
   MENU DESKTOP
   ===================================================== */

@media(min-width:1101px){

    .header .nav{
        display:flex !important;
        align-items:center !important;
        flex-wrap:nowrap !important;
    }

    .header .nav-links{
        display:flex !important;
        align-items:center !important;
        visibility:visible !important;
        opacity:1 !important;
    }

    .header .menu-btn{
        display:none !important;
    }

    .header .nav-actions{
        display:flex !important;
        align-items:center !important;
        margin-left:auto !important;
    }
}


/* =====================================================
   TABLETTE / MOBILE
   ===================================================== */

@media(max-width:1100px){

    .hero-photo6{
        min-height:500px !important;

        background-position:62% center !important;
    }

    .hero-photo6 .hero-grid{
        min-height:500px !important;

        padding-top:65px !important;
        padding-bottom:65px !important;
    }

    .hero-photo6 .hero-grid > div:first-child{
        width:min(680px,78%) !important;
    }
}


@media(max-width:700px){

    .hero-photo6{
        min-height:480px !important;

        background-position:68% center !important;

        background:
            linear-gradient(
                90deg,
                rgba(2,4,7,.94) 0%,
                rgba(2,4,7,.77) 65%,
                rgba(2,4,7,.35) 100%
            ),
            url('/photo6.png') 68% center / cover no-repeat !important;
    }

    .hero-photo6 .hero-grid{
        min-height:480px !important;

        padding-top:48px !important;
        padding-bottom:48px !important;
    }

    .hero-photo6 .hero-grid > div:first-child{
        width:100% !important;
        max-width:100% !important;
    }

    .hero-photo6 h1{
        font-size:38px !important;
        line-height:1.05 !important;
    }
}