.hero__header {
    position: relative;
    padding: 12px 24px;
    margin-bottom: 12px;
}

.hero__header__title,
.hero__header__infos,
.hero__header__intro {
    margin: 6px 0;
}

.hero__header__title {
    color: var(--grey);
    font-family: 'Aileron-thin';
}

.hero__header__infos {
    margin-top: -6px;
    color: var(--light-grey);
}

.hero__header__intro {
    color: var(--black);
}

.hero__header__decorator {
    position: absolute;
    width: 24px;
    height: 24px;
}

.hero__header__decorator--1 {
    top: 0;
    left: 0;
    border-top: 2px solid var(--grey);
    border-left: 2px solid var(--grey);
}

.hero__header__decorator--2 {
    top: 0;
    right: 0;
    border-top: 2px solid var(--grey);
    border-right: 2px solid var(--grey);
}

.hero__header__decorator--3 {
    bottom: 0;
    left: 0;
    border-bottom: 2px solid var(--grey);
    border-left: 2px solid var(--grey);
}

.hero__header__decorator--4 {
    bottom: 0;
    right: 0;
    border-bottom: 2px solid var(--grey);
    border-right: 2px solid var(--grey);
}