/* ---- Hero banner: image upar 70% clear, text + search neeche 30% ---- */
.hero.has-slides {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: clamp(520px,50vw,680px);
    background: #070B1E;
}

    .hero.has-slides:before, .hero.has-slides:after,
    .hero.has-slides .hero-grid {
        display: none
    }

/* slides: poori hero me background */
.hero-slides {
    position: absolute;
    inset: 0;
    z-index: 0
}

    .hero-slides .slide {
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        opacity: 0;
        transition: opacity 1s ease;
    }

        .hero-slides .slide.on {
            opacity: 1
        }

/* shade: upar ka 70% bilkul clear, sirf neeche ka hissa dark */


.hero-shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(7,11,30,0) 0%, rgba(7,11,30,0) 45%, rgba(7,11,30,.55) 58%, rgba(7,11,30,.85) 72%, rgba(7,11,30,.96) 100%);
}

/* content: neeche chipka hua, compact */
.hero.has-slides .wrap {
    position: relative;
    z-index: 2;
    display: block;
    padding: 0 18px 22px;
    margin-top: auto;
}

.hero.has-slides h1 {
    font-size: clamp(22px,3.6vw,38px)
}

.hero.has-slides .kicker {
    display: none
}

.hero.has-slides p.lead {
    display: none
}

.hero.has-slides .hstats {
    display: none
}

.hero.has-slides .planner {
    margin-top: 14px
}

    .hero.has-slides .planner,
    .hero.has-slides .planner .planner-in,
    .hero.has-slides .ai {
        max-width: none;
        width: 100%
    }

.hero.has-slides .intent {
    margin-top: 10px;
    font-size: 13px
}

@media(max-width:860px) {
    .hero.has-slides {
        min-height: clamp(440px,95vw,560px)
    }

        .hero.has-slides .wrap {
            padding-bottom: 16px
        }
}