/* ==========================================================================
   MUT DESIGN SYSTEM
   HERO
   ========================================================================== */

.mut-hero{

    position:relative;

    overflow:hidden;

    padding:140px 0 100px;

    background:var(--mut-gradient-light);

}

.mut-hero-grid{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:80px;

    align-items:center;

}

.mut-hero-content{

    max-width:720px;

}

.mut-hero-badge{

    display:inline-flex;

    align-items:center;

    gap:.5rem;

    padding:10px 18px;

    border-radius:999px;

    background:#FDECEC;

    color:var(--mut-primary);

    font-weight:600;

    margin-bottom:24px;

}

.mut-hero-title{

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

    line-height:1.1;

    margin-bottom:24px;

}

.mut-hero-text{

    font-size:1.2rem;

    color:var(--mut-text-body);

    margin-bottom:40px;

    max-width:640px;

}

@media (max-width:992px){

    .mut-hero-grid{

        grid-template-columns:1fr;

        text-align:center;

    }

    .mut-hero-content{

        margin:auto;

    }

}