/* =====================================================
   KICKWISE V2 — ARCHIVE HERO V3 EXACT ALIGNMENT
   Jobs + Employers now use the real .kw-home-page shell.
   All positioning/insets come from kickwise-home.css.
   The only intentional geometry difference is hero height.
===================================================== */

/* Archive shell is the same .kw-home-page shell as Home, but it only
   contains the hero, so it must not inherit Home's page-bottom spacing. */
.kw-home-page.kw-archive-hero-shell {
    padding-bottom: 0;
}

/* No width, margin or top-padding overrides here.
   .kw-home-hero must inherit those values from kickwise-home.css exactly. */
.kw-archive-hero .kw-home-hero__visual {
    min-height: clamp(320px, 30vw, 350px);
    background-position: var(--kw-archive-hero-position-desktop, center center);
}

.kw-archive-hero .kw-archive-hero__count {
    color: rgba(255,255,255,.94);
    font-weight: 650;
}

@media (max-width: 980px) {
    .kw-archive-hero .kw-home-hero__visual {
        min-height: 350px;
    }
}

@media (max-width: 640px) {
    .kw-archive-hero .kw-home-hero__visual {
        min-height: 370px;
        background-position: var(--kw-archive-hero-position-mobile, 58% center);
    }
}

@media (max-width: 390px) {
    .kw-archive-hero .kw-home-hero__visual {
        min-height: 360px;
    }
}