/* ==========================================
   Hero
========================================== */

.hero{

    position:relative;

    height:100vh;

    overflow:hidden;

}

.hero-slider{

    position:absolute;

    inset:0;

}

.hero-slide{

    position:absolute;

    inset:0;

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    opacity:0;

    transition:opacity 1.5s ease;

}

.hero-slide.active{

    opacity:1;

}

.hero-overlay{

    position:absolute;

    inset:0;

    background:

    linear-gradient(

        rgba(0,0,0,.45),

        rgba(0,0,0,.70)

    );

}

.hero-content{

    position:relative;

    z-index:10;

    height:100%;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    padding:20px;

}

.hero-title{

    font-size:clamp(3rem,8vw,5rem);

    color:white;

    margin-bottom:24px;

}

.hero-text{

    max-width:700px;

    color:#ddd;

    font-size:1.15rem;

    margin-bottom:48px;

}