/* B612 HOME — LAYOUT ET EN-TÊTES DE SECTION */

body {

    background-color: #fffaef;
}

/* =========================================================
   B612 HOME
   À LA UNE + PROCHAINS RENDEZ-VOUS
   VERSION MAQUETTE
   ========================================================= */




.b612-home-editorial {

    width: calc(100% - 90px);
    max-width: 1280px;

    margin: 0 auto;
    padding: 52px 0 65px;

    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(430px, .85fr);

    gap: 30px;

}


/* =========================================================
   EN-TÊTES
   ========================================================= */

.b612-home-section-heading {

    width: 100%;

    height: 30px;

    margin-bottom: 12px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.b612-home-section-heading__title {

    display: flex;
    align-items: center;

    min-width: 0;
}

.b612-home-eyebrow {
    font-family: 'Formiga', sans-serif;
    font-weight: 800;
    font-size: 1.3rem;
    line-height: 1;

    color: #000000;
}

.b612-home-heading-line {

    width: 78px;

    margin-left: 10px;

    border-top:
        2px dotted
        #1239a6;
}

.b612-home-heading-link {

    display: inline-flex;
    align-items: center;

    gap: 8px;

    flex-shrink: 0;

    font-family: "Filson Pro", sans-serif;

    font-size: 10px;
    font-weight: 500;

    color: #1239a6;

    text-decoration: none;
}

.b612-home-heading-link span {

    font-size: 16px;

    line-height: 1;
}

@media (max-width: 1050px) {

    .b612-home-editorial {
    
            grid-template-columns:
                1fr;
    
            gap: 45px;
        }
}

@media (max-width: 700px) {

    .b612-home-editorial {
    
            width:
                calc(100% - 32px);
    
            padding:
                40px 0 55px;
        }

    .b612-home-section-heading {
    
            height: auto;
    
            gap: 12px;
        }

    .b612-home-eyebrow {
    
            font-size: 17px;
        }

    .b612-home-heading-line {
    
            width: 45px;
        }

    .b612-home-heading-link {
    
            font-size: 9px;
        }
}
