/* ==========================================================================

   Fallen Soldiers — full-width collage banner + hero text (/fallen-soldiers/)

   ========================================================================== */



body.page-fallen-soldiers .fallen-hero-banner {

    margin: 0;

    padding: 0;

    width: 100%;

    overflow: hidden;

    line-height: 0;

}



body.page-fallen-soldiers .fallen-hero-banner__figure {

    margin: 0;

    padding: 0;

    width: 100%;

    height: clamp(450px, 42vw, 500px);

    overflow: hidden;

}



body.page-fallen-soldiers .fallen-hero-banner img {

    display: block;

    width: 100vw;

    max-width: none;

    height: 100%;

    margin-left: calc(50% - 50vw);

    object-fit: cover;

    object-position: center center;

}



body.page-fallen-soldiers .fallen-hero {

    min-height: 0;

    display: block;

    align-items: stretch;

    padding: clamp(3rem, 7vw, 5.5rem) 0 clamp(3.5rem, 8vw, 5.5rem);

    background:

        radial-gradient(circle at 50% 0%, rgba(189, 173, 123, 0.18), transparent 19rem),

        linear-gradient(180deg, var(--color-warm-light) 0%, #F4F0E3 100%);

}



body.page-fallen-soldiers .fallen-hero__container {

    max-width: var(--category-preamble-max, min(76rem, 100%));

}



body.page-fallen-soldiers .fallen-hero__text {

    text-align: left;

    max-width: 38rem;

}



body.page-fallen-soldiers .fallen-hero__text .category-intro__eyebrow {

    margin-left: 0;

    margin-right: auto;

}



body.page-fallen-soldiers .fallen-hero__text .category-intro__title {

    margin-bottom: 0;

}



body.page-fallen-soldiers .fallen-hero__text .category-intro__title + .category-preamble__title {

    margin-top: var(--category-hero-gap-name-headline);

}



body.page-fallen-soldiers .fallen-hero__text .category-preamble__quote {

    max-width: 34rem;

    padding-top: var(--category-hero-gap-body-quote);

}



@media (min-width: 769px) and (max-width: 1023px) {

    body.page-fallen-soldiers .fallen-hero {

        padding: clamp(2.5rem, 6vw, 4.25rem) 0 clamp(3.25rem, 7vw, 5rem);

    }

}



@media (max-width: 768px) {

    body.page-fallen-soldiers .fallen-hero-banner__figure {

        height: clamp(260px, 58vw, 320px);

    }



    body.page-fallen-soldiers .fallen-hero {

        padding: clamp(2.5rem, 11vw, 4rem) 0 clamp(2.75rem, 10vw, 4.25rem);

    }



    body.page-fallen-soldiers .fallen-hero__text .category-preamble__quote {

        max-width: 100%;

    }

}



@media (prefers-reduced-motion: reduce) {

    body.page-fallen-soldiers .fallen-hero.category-preamble--enhanced {

        opacity: 1;

        transform: none;

        transition: none;

    }

}