/* CityWar v0.2.7
   Clean final hero rules based on the user's actual live website.
   Removes the old v024 selector conflict and uses the CITY WAR plate artwork. */

.cw-home .cw-hero{
    position:relative!important;
    height:350px!important;
    overflow:hidden!important;
    background:#02080d!important;
}

.cw-home .cw-hero .cw-art{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-image:url('/assets/img/citywar-hero-v027.jpg?v=027')!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:center center!important;
    filter:none!important;
    opacity:1!important;
    transform:none!important;
    z-index:0!important;
}
.cw-home .cw-hero .cw-art:before,
.cw-home .cw-hero .cw-art:after{
    content:none!important;
    display:none!important;
}

/* Readability only; no duplicate artwork/text layers. */
.cw-home .cw-hero .cw-overlay{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:linear-gradient(
        90deg,
        rgba(1,6,10,.96) 0%,
        rgba(1,6,10,.84) 18%,
        rgba(1,6,10,.50) 30%,
        rgba(1,6,10,.10) 43%,
        rgba(1,6,10,0) 57%
    )!important;
}

.cw-home .cw-copy{
    position:absolute!important;
    z-index:3!important;
    left:6.5%!important;
    top:38px!important;
    width:540px!important;
    max-width:34vw!important;
}

/* CITY / WAR: no Y-W overlap. */
.cw-home .cw-copy h1{
    display:flex!important;
    align-items:baseline!important;
    gap:4px!important;
    white-space:nowrap!important;
    letter-spacing:0!important;
    font-size:61px!important;
}
.cw-home .cw-copy h1 span,
.cw-home .cw-copy h1 b{
    display:inline-block!important;
    margin:0!important;
    padding:0!important;
    letter-spacing:-2px!important;
}

.cw-home .cw-logo{letter-spacing:0!important}
.cw-home .cw-logo > span:not(.cw-crown),
.cw-home .cw-logo > b{letter-spacing:-1px!important}
.cw-home .cw-logo > b{margin-left:2px!important}

.cw-home .cw-stats{
    position:relative!important;
    z-index:20!important;
    margin:0 auto 9px!important;
    background:#06141d!important;
}

@media(max-width:950px){
    .cw-home .cw-hero{height:430px!important}
    .cw-home .cw-hero .cw-art{
        background-size:auto 100%!important;
        background-position:61% center!important;
    }
    .cw-home .cw-hero .cw-overlay{
        background:linear-gradient(90deg,rgba(1,6,10,.90),rgba(1,6,10,.35))!important;
    }
    .cw-home .cw-copy{
        left:22px!important;
        top:34px!important;
        width:calc(100% - 44px)!important;
        max-width:none!important;
    }
}