/* Logan's Martial Arts - Five Animals Cinematic Hero
   Matches the compact cinematic hero style used on the Gallery & Videos page. */
.animals-cinematic-hero {
    position: relative;
    overflow: hidden;
    padding: 2.45rem 0 2.05rem;
    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));
}

.animals-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;
}

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

.animals-hero-panel {
    max-width: 860px;
    padding: 1.05rem 1.2rem;
    border-left: 3px 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);
}

.animals-hero-panel .eyebrow {
    margin: 0 0 .45rem;
    font-size: .60rem;
    letter-spacing: .15em;
}

.animals-hero-panel h1 {
    margin: .1rem 0 .45rem;
    font-size: clamp(1.1rem, 2.25vw, 2.15rem);
    line-height: 1.04;
    text-shadow: 0 3px 16px rgba(0,0,0,.65);
}

.animals-hero-panel .lead {
    margin-bottom: 0;
    max-width: 48rem;
    font-size: clamp(.86rem, 1.35vw, 1rem);
    line-height: 1.25;
}

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

    .animals-hero-panel {
        padding: .75rem .85rem;
    }

    .animals-hero-panel h1 {
        font-size: clamp(1rem, 5.25vw, 1.75rem);
    }

    .animals-hero-panel .lead {
        font-size: .9rem;
    }
}