.hero{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:var(--clr-bg);
    padding:120px 5%;
}

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

.eyebrow{
    font-size:1rem;
    letter-spacing:.2em;
    margin-bottom:1rem;
}

.hero-title{
    font-size:clamp(4rem,12vw,10rem);
    line-height:.9;
    margin:0;
}

.hero-subtitle{
    font-size:1.2rem;
    margin-top:1rem;
}