.slider-accueil{
    position:relative;
    height:100vh;
    height:100svh;
    overflow:hidden;
    background:#136528;
    color:#fff;
}
.slider-accueil-slide{
    position:absolute;
    inset:0;
    opacity:0;
}
.slider-accueil .slider-accueil-slide img{
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:left bottom;
    transform-origin:left bottom;
}
.slider-accueil-slide.is-leaving{
    z-index:1;
    opacity:1;
}
.slider-accueil-slide.is-active{
    z-index:2;
    opacity:1;
    transition:opacity 1s ease;
}
.slider-accueil-slide.is-active img,
.slider-accueil-slide.is-leaving img{
    animation:slider-accueil-zoom 10s linear forwards;
}
@keyframes slider-accueil-zoom{
    from{transform:scale(1)}
    to{transform:scale(1.08)}
}

.slider-accueil-texte{
    position:absolute;
    inset:0;
    z-index:3;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:0 20px;
    text-align:center;
    text-shadow:0 1px 12px rgba(0,0,0,.45);
    pointer-events:none;
}
.slider-accueil .slider-accueil-texte h1{
    margin:0;
    color:#fff;
    font-family:'Roboto',sans-serif;
    font-size:min(130px,6.77vw);
    font-weight:500;
    line-height:1.23;
    letter-spacing:.077em;
    text-transform:none;
}
.slider-accueil .slider-accueil-texte p{
    margin:.8em 0 0;
    color:#fff;
    font-family:'Raleway',sans-serif;
    font-size:clamp(12px,.94vw,18px);
    font-weight:700;
    line-height:1.7;
    letter-spacing:.67em;
    text-transform:uppercase;
}

.slider-accueil-puces{
    position:absolute;
    top:50%;
    left:50px;
    z-index:4;
    display:flex;
    flex-direction:column;
    gap:25px;
    transform:translateY(-50%);
}
.slider-accueil-puces button{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    padding:0;
    border:0;
    background:none;
    cursor:pointer;
}
.slider-accueil-puces button::after{
    content:'';
    width:5px;
    height:5px;
    border-radius:50%;
    background:#4bb191;
}
.slider-accueil-puces svg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    fill:none;
    stroke:rgba(75,177,145,.8);
    opacity:0;
    transition:opacity .3s ease;
}
.slider-accueil-puces button:hover svg,
.slider-accueil-puces button:focus-visible svg,
.slider-accueil-puces button.is-active svg{
    opacity:1;
}

.slider-accueil-suite{
    position:absolute;
    bottom:116px;
    left:50%;
    z-index:4;
    display:block;
    width:74px;
    height:40px;
    padding:0;
    border:0;
    background:none;
    color:#fff;
    cursor:pointer;
    transform:translateX(-50%) rotate(90deg);
}

@media only screen and (max-width:778px){
    .slider-accueil-puces{display:none}
    .slider-accueil .slider-accueil-texte h1{font-size:9vw}
}
@media only screen and (max-width:480px){
    .slider-accueil .slider-accueil-texte h1{font-size:min(34px,8.5vw);letter-spacing:.2em}
    .slider-accueil .slider-accueil-texte p{margin-top:8px;font-family:'Roboto',sans-serif;font-size:13px;font-weight:500;line-height:20px;letter-spacing:2px}
    .slider-accueil-suite{display:none}
}
@media (prefers-reduced-motion:reduce){
    .slider-accueil-slide.is-active{transition:none}
    .slider-accueil-slide.is-active img,
    .slider-accueil-slide.is-leaving img{animation:none}
}