/* ========================================
   EN-TÊTE DE PAGE COMMUN
======================================== */

.page-heading {
    margin-bottom: 48px;
}


/* ========================================
   H1 — NOMENCLATURE
======================================== */

.page-kicker {
    margin: 0 0 28px;

    font-family: "Nunito Sans", sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.1;

    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.page-kicker-text {
    position: relative;
    display: inline-block;

    max-width: 100%;
    padding-bottom: 18px;

    color: #8bcf74;
}


/* trait principal organique */
.page-kicker-text::after {
    content: "";

    position: absolute;
    left: -2px;
    bottom: 5px;

    width: calc(100% + 6px);
    height: 10px;

    background-image: url("../images/heading-stroke-1-4gz1cwj.svg");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 100%;

    pointer-events: none;
}


/* second trait organique */
.page-kicker-text::before {
    content: "";

    position: absolute;
    left: 16%;
    bottom: -1px;

    width: 58%;
    height: 8px;

    background-image: url("../images/heading-stroke-2-lv5siOb.svg");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 100%;

    opacity: .9;
    pointer-events: none;
}


/* ========================================
   H2 — GRAND TITRE ÉDITORIAL
======================================== */

.page-title {
    position: relative;

    margin: 0;
    padding-bottom: 24px;

    color: var(--black);

    font-family: "Nunito Sans", sans-serif;
    font-size: clamp(45px, 7vw, 70px);
    font-weight: 900;
    line-height: .98;

    letter-spacing: -3px;
}

.page-title::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 54px;
    height: 4px;

    background: var(--green);
    border-radius: 999px;
}


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

@media (max-width: 760px) {

    .page-heading {
        margin-bottom: 38px;
    }

    .page-kicker {
        margin-bottom: 22px;

        font-size: 15px;
        letter-spacing: 1.4px;
    }

    .page-kicker-text {
        padding-bottom: 15px;
    }

    .page-kicker-text::after {
        bottom: 4px;
        height: 8px;
    }

    .page-kicker-text::before {
        bottom: -1px;
        height: 7px;
    }

    .page-title {
        padding-bottom: 20px;

        font-size: 48px;
        letter-spacing: -2.5px;
    }

    .page-title::after {
        width: 46px;
        height: 3px;
    }
}