/********** BLOC HERO_A (Home Page) **********/

.bloc.hero_a {
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
}
.bloc.hero_a.half {
    height: auto;    
}

.bloc.hero_a .cta{
    position: absolute;
    top: 100px;
    right: 0;    
    padding: var(--gap) var(--gap-6);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    font-size: 2rem;
    font-weight: var(--font-primary-bold);
    transition: all 250ms ease-in-out;
    text-decoration: none;
}

.bloc.hero_a.position-right{
    justify-content: flex-end;        
}

.bloc.hero_a .wrapper{
    height: 100%;      
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    justify-content: flex-end;
    padding: var(--gap-8) var(--gap-2) var(--gap-8) var(--gap-8);
}
.bloc.hero_a.position-right .wrapper{
    justify-content: flex-end;
    align-items: flex-end;
    padding: var(--gap-8) var(--gap-8) var(--gap-8) var(--gap-2);    
}

.bloc.hero_a.position-right .wrapper{
    text-align: right;
}
.bloc.hero_a .wrapper h1{
    font-size: 13rem;
    font-weight: var(--font-primary-bold);
    line-height: 100%;
    margin-bottom: var(--gap-2);
    width: 100%;
    text-transform: uppercase;
}
.bloc.hero_a .wrapper h1 + *{
    max-width: 1200px;
}

/******************** RESPONSIVE max-width: 480px ********************/
@media (max-width : 480px) {
}