/* Article Header Specific Styles */
.article-header-swiper {
    min-height: 400px;
    max-height: 70vh;
    position: relative;
}
#articleHeader h3{
    color: var(--rich-gold);
    font-size:var(--text-base);
}
#articleHeader .slide-content {
    width: 85%;
    margin: auto auto;
    text-align: center;
    backdrop-filter: blur(8px);
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
    border-radius: 3px;
    padding-bottom:0;
}
    #articleHeader .slide-content h2 {
        color: white;
        margin: 0 auto var(--space-md) auto;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
        line-height: var(--leading-display);
        letter-spacing: var(--tracking-wide);
        /*font-family: var(--font-display);*/
        background: white;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

/* Responsive adjustments */
@media (min-width: 992px) {
    #articleHeader .slide-content {
        margin: auto auto 5%;
    }
}
@media (max-width: 568px) {
    #articleHeader .slide-content {
        width: 95%;
        /*margin-top: calc(var(--navbar-height) + 60px);*/
        margin: auto auto;
    }
    #articleHeader .slide-content {
        margin: auto auto;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .article-header-swiper .swiper-slide {
        transition: none;
    }
}