html[dir="rtl"] body {
    font-family:
        "Segoe UI",
        Tahoma,
        Arial,
        sans-serif;
}


html[dir="rtl"] .brand {
    direction: rtl;
}


html[dir="rtl"] .brand-text {
    text-align: right;
}


html[dir="rtl"] .main-nav {
    direction: rtl;
}


html[dir="rtl"] .hero-content,
html[dir="rtl"] .section-heading,
html[dir="rtl"] .intro-grid,
html[dir="rtl"] .project-card,
html[dir="rtl"] .experience-content,
html[dir="rtl"] .contact-content,
html[dir="rtl"] .site-footer {
    text-align: right;
}


html[dir="rtl"] .hero h1 {
    letter-spacing: -0.04em;
}


html[dir="rtl"] .eyebrow {
    letter-spacing: 0;
}


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


html[dir="rtl"] .panel-lines strong {
    text-align: left;
}


html[dir="rtl"] .project-top {
    direction: rtl;
}


html[dir="rtl"] .experience-content {
    direction: rtl;
}


html[dir="rtl"] .contact-layout {
    direction: rtl;
}


html[dir="rtl"] .footer-layout {
    direction: rtl;
}


@media (max-width: 820px) {

    html[dir="rtl"] .main-nav > a,
    html[dir="rtl"] .language-switch {
        text-align: right;
    }

}

/* Arabic typography refinement */

html[dir="rtl"] .section-heading h2 {
    font-size: clamp(
        2.15rem,
        4vw,
        3.75rem
    );

    line-height: 1.12;

    letter-spacing: -0.025em;
}


html[dir="rtl"] .contact-section h2 {
    font-size: clamp(
        2.6rem,
        5vw,
        4.7rem
    );

    line-height: 1.08;

    letter-spacing: -0.025em;
}


html[dir="rtl"] .experience-number {
    font-size: clamp(
        3.7rem,
        7vw,
        6rem
    );
}