/* ==========================================================
   HERO
========================================================== */
.hero{

    min-height:100vh;

    display:flex;
    align-items:center;

    background-image:url("../images/hero-bg.webp");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;

}

.hero .container{

    width:100%;

}

.hero-content{

    max-width:700px;
    padding:180px 0 120px;

}

.hero h1{

    font-size:clamp(3rem,7vw,6rem);
    line-height:1.05;
    font-weight:400;
    margin-bottom:30px;
    color:#1f1b16;

}

.hero p{

    max-width:600px;
    font-size:1.25rem;
    line-height:1.8;
    margin-bottom:40px;
    color:#2f2b27;

}

.hero-buttons{

    display:flex;
    gap:18px;
    flex-wrap:wrap;

}

@media(max-width:768px){

    .hero-content{

        padding:140px 0 80px;

    }

    .hero-buttons{

        flex-direction:column;
        align-items:flex-start;

    }

}