.hero {
    position: relative;
    background-color: var(--color-back, #000);
    color: #fff;
}
.text__container {
    padding-right: 22rem;
    max-width: 65ch;
    margin-left: 0 !important;
}
h1 {
    font-size: var(--fs-1000);
    text-transform: uppercase;
}
.hero__svg svg {
    position: absolute;
    height: 120%;
    width: auto;
    top: -2rem;
    right: 4rem;
}
.hero__svg svg path {
    fill: var(--color-front);
}
@media (max-width: 1280px) {
    .text__container {
        padding-right: 15rem;
    }
    .hero__svg svg {
        width: 10rem;
        max-height: 10rem;
        height: auto;
        top: unset;
        bottom: 0;
        transform: translateY(35%);
    }
}
@media (max-width:768px) {
    .text__container {
        padding-right: 0;
    }
    .hero__svg {
        display: block;
        height: 5rem;
    }
    .contenu {
        padding-top: 2rem;
    }
}