.brand-hero-content {
    width: 100%;
    text-align: center;
}

.brand-hero-content .page-title {
    margin: 0;
    background-image: linear-gradient(
        105deg,
        #041f4a 0%,
        #08367d 16%,
        #0d47a1 34%,
        #2f8de4 52%,
        #0d47a1 70%,
        #08367d 86%,
        #041f4a 100%
    );
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: #0d47a1;
    font-family: 'IRANSansBlack', 'Vazirmatn', Tahoma, sans-serif;
    font-size: clamp(2rem, 4.2vw, 2.8rem);
    font-weight: 900;
    line-height: 1.45;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
    -webkit-text-fill-color: transparent;
}

.brand-hero-content .subtitle {
    margin: 0.45rem 0 0;
    color: #3b4554;
    font-family: 'IRANSans', 'Vazirmatn', Tahoma, sans-serif;
    font-size: clamp(1.05rem, 2.1vw, 1.4rem);
    font-weight: 400;
    line-height: 1.8;
    text-align: center;
    text-shadow:
        -0.6px -0.6px 0 rgba(255, 255, 255, 0.82),
        0.8px 0.8px 0 rgba(15, 23, 42, 0.24),
        0 2px 3px rgba(15, 23, 42, 0.13);
}

.hero-slogan {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    margin: 1.15rem auto 0;
    color: #b27a12;
    font-family: 'IRANSansBlack', 'Vazirmatn', Tahoma, sans-serif;
    font-size: clamp(1.35rem, 2.4vw, 1.85rem);
    font-weight: 800;
    line-height: 1.7;
    text-align: center;
}

.hero-slogan__text {
    display: inline-block;
    background-image: linear-gradient(
        105deg,
        #9a6508 0%,
        #f0c660 20%,
        #fff1a8 32%,
        #2563eb 48%,
        #7c3aed 64%,
        #f0c660 82%,
        #9a6508 100%
    );
    background-position: 100% 50%;
    background-size: 240% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter:
        drop-shadow(0 2px 2px rgba(0, 0, 0, 0.38))
        drop-shadow(0 4px 6px rgba(0, 0, 0, 0.2));
    -webkit-text-fill-color: transparent;
}

.hero-slogan::before,
.hero-slogan::after {
    width: clamp(1.5rem, 5vw, 3.5rem);
    height: 1px;
    background: linear-gradient(90deg, transparent, #c28b22 28%, #f0c660 50%, #c28b22 72%, transparent);
    box-shadow: 0 0 7px rgba(194, 139, 34, 0.24);
    content: "";
    opacity: 0.45;
    flex: 0 1 auto;
}

.content-page-heading {
    margin: 0 0 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid currentColor;
    text-align: center;
}

.content-page-heading__title {
    margin: 0;
    color: #0d47a1;
    font-family: 'IRANSansBlack', 'Vazirmatn', Tahoma, sans-serif;
    font-size: clamp(1.55rem, 2.5vw, 2.15rem);
    font-weight: 800;
    line-height: 1.6;
}

.content-page-heading__subtitle {
    margin: 0.4rem 0 0;
    line-height: 1.8;
    opacity: 0.78;
}

/* The article identifier is the primary locator on article detail pages. */
.article-detail-page .content-page-heading__subtitle {
    color: #263238;
    font-family: 'Vazirmatn', 'IRANSans', Tahoma, sans-serif;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    font-weight: 700;
    line-height: 1.9;
    opacity: 0.92;
}

body.dark-mode.article-detail-page .content-page-heading__subtitle,
html.dark-mode .article-detail-page .content-page-heading__subtitle,
.dark-mode .article-detail-page .content-page-heading__subtitle {
    color: #e6edf5;
}

body.dark-mode .content-page-heading__title,
html.dark-mode .content-page-heading__title,
.dark-mode .content-page-heading__title {
    color: #4da3ff;
}

.content-page-heading {
    border-bottom-color: color-mix(in srgb, currentColor 18%, transparent);
}

body.dark-mode .hero-slogan__text,
html.dark-mode .hero-slogan__text,
.dark-mode .hero-slogan__text {
    color: #f0c660;
}

body.dark-mode .brand-hero-content .page-title,
html.dark-mode .brand-hero-content .page-title,
.dark-mode .brand-hero-content .page-title {
    background-image: linear-gradient(
        105deg,
        #1e6fc0 0%,
        #328ee8 18%,
        #4da3ff 36%,
        #a7d8ff 52%,
        #4da3ff 70%,
        #328ee8 86%,
        #1e6fc0 100%
    );
    color: #4da3ff;
}

body.dark-mode .brand-hero-content .subtitle,
html.dark-mode .brand-hero-content .subtitle,
.dark-mode .brand-hero-content .subtitle {
    color: #c8d2df;
    text-shadow:
        -0.6px -0.6px 0 rgba(255, 255, 255, 0.12),
        0.8px 0.8px 0 rgba(0, 0, 0, 0.72),
        0 2px 4px rgba(0, 0, 0, 0.34);
}

.brand-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    width: calc(100% - 30px);
    max-width: 960px;
    margin: 0 auto 25px;
    padding: 18px 25px;
    border: 1px solid rgba(13, 71, 161, 0.1);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.42);
    color: #555;
    position: relative;
    z-index: 1;
    text-align: center;
}

.brand-footer__identity {
    display: flex;
    justify-content: center;
    align-items: center;
    direction: rtl;
    gap: 0.75rem;
    max-width: 100%;
    font-family: 'IRANSansBlack', 'Vazirmatn', Tahoma, sans-serif;
    font-weight: 800;
    line-height: 1.5;
    animation: brand-signature-enter 0.65s cubic-bezier(.2, .75, .25, 1) both;
}

.brand-footer__signature {
    display: flex;
    align-items: center;
    gap: clamp(0.55rem, 1.7vw, 1rem);
    padding: 0.12rem 0.1rem;
}

.brand-footer__identity-part,
.brand-footer__copyright-part {
    unicode-bidi: isolate;
    white-space: nowrap;
}

.brand-footer__identity-part {
    background-image:
        linear-gradient(105deg, transparent 25%, rgba(255, 255, 255, 0.82) 50%, transparent 75%),
        linear-gradient(
            105deg,
            #9a6508 0%,
            #f0c660 20%,
            #fff1a8 32%,
            #2563eb 48%,
            #7c3aed 64%,
            #f0c660 82%,
            #9a6508 100%
        );
    background-position: -45% 50%, 100% 50%;
    background-repeat: no-repeat;
    background-size: 22% 100%, 240% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: #b27a12;
    filter:
        drop-shadow(0 1px 1px rgba(0, 0, 0, 0.8))
        drop-shadow(0 2px 3px rgba(0, 0, 0, 0.58));
    -webkit-text-fill-color: transparent;
}

.brand-footer__identity:hover .brand-footer__identity-part {
    animation: brand-text-shimmer 0.9s ease-out 1 forwards;
}

.brand-footer__identity-part--fa {
    font-family: 'IRANSansBlack', 'Vazirmatn', Tahoma, sans-serif;
    font-size: clamp(1.05rem, 1.8vw, 1.3rem);
    font-weight: 800;
    text-shadow: 0 1px 3px rgba(13, 71, 161, 0.2);
}

.brand-footer__identity-part--en {
    font-family: 'IRANSansBlack', 'Vazirmatn', Tahoma, sans-serif;
    font-size: clamp(1.05rem, 1.8vw, 1.3rem);
    font-weight: 800;
    letter-spacing: normal;
}

.brand-footer__separator {
    width: 2px;
    height: 1.8rem;
    border-radius: 999px;
    background: linear-gradient(to bottom, transparent, #c28b22 22%, #f0c660 50%, #c28b22 78%, transparent);
    box-shadow: 0 0 8px rgba(194, 139, 34, 0.28);
    opacity: 0.9;
}

.brand-footer__fields {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 500;
    line-height: 1.55;
    opacity: 0.82;
}

.brand-footer__copyright {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    direction: rtl;
    gap: 0 0.35rem;
    margin: 0.05rem 0 0;
    padding-top: 0.35rem;
    border-top: 1px solid currentColor;
    font-size: 0.78rem;
    line-height: 1.55;
    opacity: 0.66;
}

body.dark-mode .brand-footer,
html.dark-mode .brand-footer,
.dark-mode .brand-footer {
    border-color: rgba(96, 165, 250, 0.25);
    background: rgba(30, 30, 30, 0.96) !important;
    box-shadow: 0 0 50px rgba(13, 110, 253, 0.3);
    color: #d5d9df !important;
}

body.dark-mode .brand-footer__identity-part,
html.dark-mode .brand-footer__identity-part,
.dark-mode .brand-footer__identity-part {
    filter:
        drop-shadow(0 2px 2px rgba(0, 0, 0, 0.55))
        drop-shadow(0 4px 8px rgba(0, 0, 0, 0.28));
}

body.dark-mode .hero-slogan__text,
html.dark-mode .hero-slogan__text,
.dark-mode .hero-slogan__text {
    background-image: linear-gradient(
        105deg,
        #9a6508 0%,
        #f0c660 20%,
        #fff1a8 32%,
        #2563eb 48%,
        #7c3aed 64%,
        #f0c660 82%,
        #9a6508 100%
    );
    background-position: 100% 50%;
    background-size: 240% 100%;
    filter: none;
}

@keyframes brand-signature-enter {
    from { opacity: 0; transform: translateY(8px) scale(0.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes brand-text-shimmer {
    0% { background-position: -45% 50%, 100% 50%; }
    100% { background-position: 145% 50%, 100% 50%; }
}

@media (prefers-reduced-motion: reduce) {
    .brand-footer__identity { animation: none; }
    .brand-footer__identity:hover .brand-footer__identity-part { animation: none; }
}

@media (max-width: 420px) {
    .brand-hero-content .page-title {
        font-size: 1.85rem;
    }

    .brand-hero-content .subtitle {
        font-size: 1rem;
    }

    .hero-slogan {
        gap: 0.55rem;
        margin-top: 1.15rem;
    }

    .hero-slogan::before,
    .hero-slogan::after {
        width: 1.5rem;
    }

    .brand-footer__identity {
        gap: 0.55rem;
    }

    .brand-footer__signature {
        flex-direction: column;
        gap: 0.05rem;
    }

    .brand-footer__separator {
        width: 4rem;
        height: 1px;
        background: linear-gradient(to right, transparent, #c28b22 25%, #f0c660 50%, #c28b22 75%, transparent);
    }
}