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

.hero{
    background:#090909;
    color:#fff;

    padding:80px 0;

    display:flex;
    justify-content:center;
    align-items:center;
}

.hero-tag{
    color:#f4c430;
    text-transform:uppercase;
    letter-spacing:5px;
    font-size:0.95rem;
    margin-bottom:30px;
}

.hero h1{
    font-size:clamp(3.5rem,8vw,6.5rem);
    line-height:1.05;
    font-weight:800;
    margin-bottom:30px;
}

.hero h1 span{
    display:block;
    color:#f4c430;
}

.hero-text{
    max-width:700px;
    margin:0 auto 40px;
    font-size:1.4rem;
    color:#b8b8b8;
}

.hero-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.hero-content{
    width:min(900px,92%);
    margin:auto;
    text-align:center;
}