/*
|--------------------------------------------------------------------------
| DIVAS DRINKS RP
|--------------------------------------------------------------------------
| Hero
|--------------------------------------------------------------------------
*/

.hero{
    position:relative;
    display:flex;
    align-items:center;
    min-height:calc(100vh - 80px);
    padding:120px 0;
    background:url('../img/hero.png') center center/cover no-repeat;
    overflow:hidden;
}

.hero::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(15,15,15,.92) 0%,
        rgba(15,15,15,.75) 45%,
        rgba(15,15,15,.45) 100%
    );
}

.hero .container{
    position:relative;
    z-index:2;
}

.hero-content{
    max-width:650px;
}

.hero-subtitle{
    display:inline-block;
    margin-bottom:20px;
    padding:8px 18px;
    border:1px solid rgba(212,175,55,.35);
    border-radius:50px;
    color:var(--primary);
    font-size:.9rem;
    font-weight:600;
    letter-spacing:1px;
    background:rgba(255,255,255,.03);
}

.hero-title{
    margin-bottom:25px;
    font-size:4rem;
    font-weight:800;
    line-height:1.1;
}

.hero-description{
    max-width:550px;
    margin-bottom:40px;
    color:#d5d5d5;
    font-size:1.1rem;
}

.hero-buttons{
    display:flex;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

.hero .btn{
    min-width:180px;
}