/* Logan's Martial Arts - News Hero Modernization
   Matches the compact cinematic hero treatment used on Gallery & Videos. */
.news-cinematic-hero {
    position: relative;
    overflow: hidden;
    padding: 3.25rem 0 2.75rem;
    border-bottom: 1px solid rgba(202, 162, 75, .18);
    background:
        radial-gradient(circle at 20% 15%, rgba(202, 162, 75, .18), transparent 30%),
        linear-gradient(135deg, rgba(127, 29, 20, .35), rgba(9, 9, 10, .92) 48%, rgba(202, 162, 75, .08));
}

.news-cinematic-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .2)), url('/assets/brand/bg_dragon.png') center/cover no-repeat;
    opacity: .28;
    pointer-events: none;
}

.news-cinematic-hero .container {
    position: relative;
    z-index: 1;
}

.news-hero-panel {
    max-width: 860px;
    padding: 1.4rem 1.6rem;
    border-left: 4px solid var(--gold);
    background: linear-gradient(90deg, rgba(0, 0, 0, .42), rgba(0, 0, 0, .12));
    box-shadow: 0 24px 60px rgba(0, 0, 0, .3);
}

.news-hero-panel .eyebrow {
    margin: 0;
}

.news-hero-panel h1 {
    margin: .2rem 0 .65rem;
    font-size: clamp(1.45rem, 3vw, 2.85rem);
    line-height: 1.07;
    letter-spacing: -0.015em;
    overflow-wrap: anywhere;
    text-shadow: 0 3px 16px rgba(0, 0, 0, .65);
}

.news-hero-panel .lead {
    margin-bottom: 0;
}

.news-index-section,
.news-detail-section {
    position: relative;
}

.news-detail-section .inline-feature-image {
    max-height: 520px;
    object-fit: cover;
}

@media (max-width: 780px) {
    .news-cinematic-hero {
        padding: 2rem 0;
    }

    .news-hero-panel {
        padding: 1rem 1.1rem;
    }

    .news-hero-panel h1 {
        font-size: clamp(1.35rem, 7vw, 2.35rem);
    }
}