.introduction .citron {
    filter: drop-shadow(-15px 15px 0 hsla(var(--secondary)))
}
.introduction .guimauve {
    filter: drop-shadow(-15px 15px 0 hsla(var(--accent-300)))
}
.introduction .myrtille {
    filter: drop-shadow(-15px 15px 0 hsla(var(--primary-400)))
}
.introduction .lac {
    filter: drop-shadow(-15px 15px 0 hsla(var(--tertiary-300)))
}

.point.citron {
    filter: invert(87%) sepia(16%) saturate(782%) hue-rotate(1deg) brightness(104%) contrast(101%)
}

/* Design secteur */
.introduction.secteur {
    background-size: cover;
    background-position: center;
    padding-top: 0 !important;
}
.introduction.secteur .container {
    max-width: 1536px;
    margin: 0 auto;
    padding: 0 100px;
}
.introduction.secteur .sub-container {
    display: flex;
    width: 50%;
    max-width: 600px;
    gap: 18px;
    flex-direction: column;
    padding: 240px 0 170px;
    position: relative;
    background: linear-gradient(270deg, rgba(41, 40, 62, 0) 0%, rgba(41, 40, 62, 0.8) 100%);
    background-blend-mode: hard-light;
}
.introduction.secteur .sub-container:before {
    content: "";
    width: 100vw;
    background-color: #29283ecc;
    position: absolute;
    left: -100vw;
    height: calc(100% + 140px);
    bottom: 0;
    background-blend-mode: hard-light;
}
.introduction.secteur .before-titre {
    color: var(--white);
}
.introduction.secteur h1 {
    color: var(--white);
}
.introduction.secteur p {
    color: var(--white);
}

@media screen and (max-width: 1000px) {
    .introduction.secteur .container {
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .introduction.secteur .sub-container {
        display: flex;
        width: 100%;
        max-width: 100%;
        gap: 18px;
        flex-direction: column;
        padding: 170px 20px 140px;
        background: rgba(41, 40, 62, 70%);
    }
    .introduction.secteur .before-titre {
        margin: 0 auto;
    }
    .introduction.secteur .before-titre p {
        font-size: 12px;
    }
    .introduction.secteur .sub-container:before {
        display: none;
    }
}