html[dir="rtl"] body {
    direction: rtl;
    font-family: "Noto Sans Arabic", Inter, Arial, sans-serif;
    text-align: right;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] .mobile-menu-links a,
html[dir="rtl"] .hero-role,
html[dir="rtl"] .quote-text,
html[dir="rtl"] .fact strong {
    font-family: "Noto Naskh Arabic", "Noto Sans Arabic", Georgia, serif;
}

html[dir="rtl"] .brand,
html[dir="rtl"] .header-actions,
html[dir="rtl"] .hero-links,
html[dir="rtl"] .social-list,
html[dir="rtl"] .mobile-social,
html[dir="rtl"] .footer-socials,
html[dir="rtl"] .meta-row,
html[dir="rtl"] .breadcrumb,
html[dir="rtl"] .pagination,
html[dir="rtl"] .search-form {
    direction: rtl;
}

html[dir="rtl"] .site-header .brand-name,
html[dir="rtl"] .hero-copy,
html[dir="rtl"] .section-title,
html[dir="rtl"] .body-copy,
html[dir="rtl"] .prose,
html[dir="rtl"] .tile-body,
html[dir="rtl"] .fact-panel,
html[dir="rtl"] .quote-inner,
html[dir="rtl"] .footer,
html[dir="rtl"] .inner-hero {
    text-align: right;
}

html[dir="rtl"] .hero-copy {
    margin-left: 0;
    margin-right: 0;
}

html[dir="rtl"] .eyebrow,
html[dir="rtl"] .btn,
html[dir="rtl"] .nav-links a,
html[dir="rtl"] .tile-kicker,
html[dir="rtl"] .date,
html[dir="rtl"] .footer-title,
html[dir="rtl"] .breadcrumb,
html[dir="rtl"] .quote-author,
html[dir="rtl"] .fact span {
    letter-spacing: 0;
}

@media (min-width: 1101px) {
    html[dir="rtl"] .hero-copy {
        background: linear-gradient(270deg, rgba(21, 21, 21, .95), rgba(21, 21, 21, .86) 72%, rgba(21, 21, 21, .7));
    }

    html[dir="rtl"] .hero-image img {
        transform: scaleX(-1);
    }

    html[dir="rtl"] .hero-image::after {
        background: linear-gradient(270deg, #111, rgba(21, 21, 21, .2) 30%, rgba(21, 21, 21, .08) 62%, rgba(21, 21, 21, .24)), linear-gradient(180deg, rgba(0, 0, 0, .14), rgba(0, 0, 0, .03) 42%, rgba(0, 0, 0, .32));
    }
}

html[dir="rtl"] .breadcrumb-sep {
    transform: rotate(180deg);
}

html[dir="rtl"] .video-source {
    right: 22px;
    left: auto;
    letter-spacing: 0;
}

html[dir="rtl"] .text-link,
html[dir="rtl"] .book-meta span,
html[dir="rtl"] .memory-reader-kicker,
html[dir="rtl"] .memory-meta-grid span,
html[dir="rtl"] .memory-feature-meta,
html[dir="rtl"] .memory-card-meta,
html[dir="rtl"] .memory-card-kicker,
html[dir="rtl"] .memory-credit,
html[dir="rtl"] .memory-memorial-card dt,
html[dir="rtl"] .memory-memorial-credit,
html[dir="rtl"] .memory-note strong {
    letter-spacing: 0;
}

html[dir="rtl"] .memory-prose {
    font-family: "Noto Naskh Arabic", "Noto Sans Arabic", serif;
    font-size: 21px;
    line-height: 2;
}

html[dir="rtl"] .memory-prose .memory-standfirst,
html[dir="rtl"] .memory-closing,
html[dir="rtl"] .memory-reader-heading h1,
html[dir="rtl"] .memory-memorial-intro h2,
html[dir="rtl"] .memory-memorial-name {
    font-family: "Noto Naskh Arabic", "Noto Sans Arabic", serif;
}

html[dir="rtl"] .memory-memorial-card figcaption {
    right: 26px;
    left: 26px;
}

html[dir="rtl"] .memory-figure {
    margin-right: 50%;
    margin-left: 0;
    transform: translateX(50%);
}

html[dir="rtl"] .memory-hero-credit,
html[dir="rtl"] .memory-card-credit,
html[dir="rtl"] .memory-feature-image span {
    right: auto;
    left: 18px;
}

html[dir="rtl"] .foundation-link {
    justify-content: flex-start;
}

html[dir="rtl"] .mobile-menu {
    left: 19px;
    right: 19px;
}

html[dir="rtl"] .mobile-close,
html[dir="rtl"] .search-close {
    right: auto;
    left: 18px;
}

html[dir="rtl"] .search-form button {
    right: auto;
    left: 0;
}

@media (max-width: 900px) {
    html[dir="rtl"] .hero-copy {
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

    html[dir="rtl"] .hero-links {
        justify-content: center;
    }

    html[dir="rtl"] .hero-image img {
        transform: scaleX(-1);
    }

    html[dir="rtl"] .hero-image::after {
        background: linear-gradient(180deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .05) 25%, rgba(0, 0, 0, .72) 100%), linear-gradient(270deg, rgba(0, 0, 0, .68), rgba(0, 0, 0, .24) 48%, rgba(0, 0, 0, .04) 78%);
    }

    html[dir="rtl"] .memory-figure {
        margin-right: 0;
        transform: none;
    }
}