#blog-img-header {
            background-image: var(--blog-hero-image);
            min-height: clamp(220px, 34vh, 360px);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            display: flex;
            align-items: end;
            margin-bottom: 0;
            z-index: 0;
        }

        #blog-img-header::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(5, 19, 44, 0.22) 0%, rgba(5, 19, 44, 0.55) 100%);
            z-index: 1;
        }

        #blog-img-header .blog-hero-content {
            position: absolute;
            z-index: 2;
            width: 100%;
            bottom: 1.25rem;
            left: 0;
        }

        .blog-hero-inner {
            max-width: min(960px, 92vw);
        }

        .blog-hero-kicker {
            color: #fff;
            text-transform: uppercase;
            font-size: clamp(0.82rem, 1.25vw, 1.2rem);
            font-weight: 700;
            letter-spacing: 0.03em;
            margin: 0 0 0.75rem;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.65);
        }

        .blog-hero-title {
            color: #fff;
            text-transform: uppercase;
            font-size: clamp(2rem, 6vw, 4.25rem);
            font-weight: 900;
            line-height: 0.95;
            margin: 0 0 0.9rem;
            text-shadow: 0 3px 12px rgba(0, 0, 0, 0.55);
            position: relative;
            padding-left: clamp(0.9rem, 1.6vw, 1.3rem);
        }

        .blog-hero-title::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0.08em;
            bottom: 0.08em;
            width: 6px;
            background: rgba(255, 255, 255, 0.92);
        }

        .blog-hero-meta a,
        .blog-hero-meta time,
        .blog-hero-meta span {
            color: rgba(255, 255, 255, 0.95) !important;
            font-weight: 700;
        }

        .blog-breadcrumbs {
            background: #ffffff;
            border-bottom: 1px solid #d8e2f0;
        }

        .blog-breadcrumbs .breadcrumb * {
            --bs-breadcrumb-divider-color: #6d86ab;
            --breadcrumb-color: #164684;
            --bs-breadcrumb-item-active-color: #164684;
            --breadcrumb-hover-color: #245ca7;
        }

        @media (max-width: 767.98px) {
            #blog-img-header {
                min-height: 240px;
            }

            .blog-hero-title {
                font-size: clamp(1.7rem, 8.5vw, 2.45rem);
            }

            .blog-hero-title::before {
                width: 4px;
            }
        }