/* ========================= SLIDES ========================== */

.horizontal-viewport{
position:absolute;
left:0;
right:0;
top:270px;
bottom:122px;
overflow:hidden;
}

.horizontal-track{
height:100%;
display:flex;
transition:transform .62s cubic-bezier(.2,.8,.2,1);
will-change:transform;
}

.slide{
flex:0 0 100vw;
height:100%;
display:flex;
align-items:center;
justify-content:center;
padding:0 min(7vw,90px);
}

/* ========================= CONTENU ========================== */

.slide-inner{
width:min(1060px,88vw);
height:100%;
max-height:320px;
display:flex;
flex-direction:column;
justify-content:flex-start;
border-top:1px solid rgba(255,255,255,.10);
border-bottom:none;
padding:10px 0;
position:relative;
}

.slide-inner::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:-80px;
height:1px;
background:rgba(255,255,255,.08);
}

/* ========================= TITRE ========================== */

.kicker{
color:var(--green2);
font-size:12px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.20em;
margin-bottom:16px;
}

/* ========================= LIEN ========================== */

.slide-more{
position:absolute;
right:0;
bottom:-68px;
color:var(--green2);
font-size:12px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.12em;
text-decoration:none;
z-index:2;
}

.slide-more:hover{color:#0074D4;}

.link-arrow{
display:inline-block;
font-size:22px;
line-height:1;
vertical-align:middle;
transform:translateY(-3.5px);
}

/* ========================= RESPONSIVE ========================== */

@media(max-width:800px){

.horizontal-viewport{
position:absolute;
left:0;
right:0;
top:245px;
bottom:70px;
width:100%;
overflow:hidden;
}

.horizontal-track{
height:100%;
display:flex;
transform:translateX(0);
transition:transform .45s cubic-bezier(.2,.8,.2,1);
will-change:transform;
}

.slide{
flex:0 0 100%;
width:100%;
height:100%;
padding:0 20px;
align-items:flex-start;
justify-content:center;
overflow-y:auto;
overflow-x:hidden;
}

.slide-inner{
width:100%;
height:auto;
min-height:100%;
max-height:none;
padding:14px 0 75px;
justify-content:flex-start;
}

.slide-inner::after{
left:0;
right:0;
bottom:55px;
}

.kicker{
font-size:10px;
letter-spacing:.18em;
margin-bottom:14px;
}

.slide-more{
position:absolute;
right:0;
bottom:18px;
font-size:10px;
letter-spacing:.09em;
}

.link-arrow{
font-size:19px;
transform:translateY(-2.5px);
}

}