/* ===========================
   HERO NOVA CUSTOMS
=========================== */

.hero{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    background:#050505;
    overflow:visible;
}

.hero-bg{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 80% 30%, rgba(214,0,0,.18), transparent 35%),
        linear-gradient(90deg,#050505 20%,#0b0b0b 100%);
    z-index:1;
}

.hero-container{
    position:relative;
    z-index:2;
    width:92%;
    max-width:1450px;
    margin:0 auto;
    display:grid;
    grid-template-columns:48% 52%;
    align-items:center;
    gap:20px;
    padding-top:220px;
    min-height:100vh;
}


.hero-left{
    max-width:620px;
    padding-left:60px;
}

.hero-tag{
    display:inline-block;
    color:#d60000;
    font-weight:700;
    letter-spacing:4px;
    margin-bottom:20px;
}

.hero h1{
    font-size:78px;
    line-height:1;
    margin-bottom:10px;
    font-weight:900;
}

.hero h2{
    font-size:44px;
    color:#d60000;
    margin-bottom:35px;
    font-weight:800;
}

.hero p{
    color:#cfcfcf;
    font-size:20px;
    line-height:1.7;
    margin-bottom:40px;
}

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

.hero-right{
    display:flex;
    justify-content:center;
    align-items:center;
}

.hero-right img{
    width:85%;
    max-width:900px;
    height:auto;
    margin-left:-40px;
    filter:drop-shadow(0 35px 70px rgba(0,0,0,.7));
}

@media(max-width:992px){

.hero-container{
    grid-template-columns:1fr;
    text-align:center;
}

.hero-left{
    max-width:100%;
}

.hero-buttons{
    justify-content:center;
}

.hero h1{
    font-size:52px;
}

.hero h2{
    font-size:30px;
}

}