.keshilla-hero {
    position: relative;
    min-height: 72vh;
    display: flex;
    align-items: end;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.keshilla-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 26, 17, 0.1), rgba(7, 26, 17, 0.86));
}

.keshilla-hero > .container {
    position: relative;
}

@media (max-width: 991.98px) {
    .keshilla-hero {
        min-height: 720px;
    }
}

.keshilla-eyebrow,
.keshilla-meta-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
}

.keshilla-eyebrow {
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.keshilla-meta-pill {
    font-weight: 600;
}

.keshilla-article-title {
    max-width: 940px;
    font-size: clamp(3rem, 7vw, 6.2rem);
    line-height: 0.94;
    letter-spacing: -0.06em;
}

@media (max-width: 575.98px) {
    .keshilla-article-title {
        letter-spacing: -0.045em;
    }
}