@font-face{font-family:NotoArabic;src:url('assets/fonts/NotoSansArabic.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Naskh;src:url('assets/fonts/NotoNaskhArabic.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
html[dir=rtl] body{direction:rtl;font-family:NotoArabic,'Segoe UI',sans-serif;font-size:16px;line-height:1.95}
html[dir=rtl] :is(h1,h2,h3){font-family:Naskh,Georgia,serif;letter-spacing:0;line-height:1.45}
html[dir=rtl] :is(p,span,small,a,label,button,summary,input,textarea,select){letter-spacing:0}
html[dir=rtl] :is(input,textarea,select,button){font-family:inherit}
html[dir=rtl] :is(.eyebrow,.archive-category,.category,.page-eyebrow){letter-spacing:0;font-size:13px;line-height:1.8}
html[dir=rtl] .brand{font-family:Georgia,serif;font-size:20px;gap:12px}
html[dir=rtl] .brand>span{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .brand small{font-family:NotoArabic,sans-serif;direction:rtl;font-size:10px;line-height:1.8;letter-spacing:0;text-align:right;white-space:normal;max-width:300px}
html[dir=rtl] nav{margin-left:0;margin-inline-start:auto;font-size:14px;gap:20px}
html[dir=rtl] .language-options{right:0;left:auto;text-align:right;min-width:135px}
html[dir=rtl] :is(.button,.outline,.text-link,.article-link,.header-cta){font-family:NotoArabic,sans-serif;font-size:14px;letter-spacing:0}
/* Retain the original photographic composition. Arabic copy reads RTL in its established left column. */
html[dir=rtl] .hero-content{direction:rtl;text-align:right;max-width:650px}
html[dir=rtl] .hero h1{font-size:61px;line-height:1.45;letter-spacing:0}
html[dir=rtl] .hero em{font-style:normal}
html[dir=rtl] .hero-content>p:not(.eyebrow){font-size:17px;line-height:1.9}
html[dir=rtl] .hero-slider-controls{direction:ltr}
html[dir=rtl] .hero-note{font-size:13px;letter-spacing:0}
html[dir=rtl] .portrait{padding:0 0 25px 25px}
html[dir=rtl] .portrait:before{inset:35px 35px 0 0}
html[dir=rtl] .portrait-caption{left:0;right:25px;text-align:right;font-family:Georgia,serif}
html[dir=rtl] .portrait-caption span{font-family:NotoArabic,sans-serif;font-size:12px;line-height:1.8}
html[dir=rtl] :is(.about-copy,.clinic-copy,.contact-copy){text-align:right}
html[dir=rtl] :is(.about-copy>p:not(.eyebrow),.clinic p,.contact>div>p){font-size:16px;line-height:1.95}
html[dir=rtl] :is(.phone,a[href^="tel:"],a[href^="mailto:"],.milestones strong,.counter-value,.slide-count,.photo-controls>span){direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .contact .phone{text-align:right}
html[dir=rtl] .socials a{unicode-bidi:isolate}
html[dir=rtl] form{text-align:right}
html[dir=rtl] :is(label,.form-note,#form-status,.form-privacy){font-size:14px;line-height:1.85}
html[dir=rtl] :is(input,textarea){font-size:16px;line-height:1.8;text-align:right}
html[dir=rtl] input[dir=ltr]{text-align:left}
html[dir=rtl] .blog-card>h3{height:4.5em;min-height:4.5em;font:26px/1.5 Naskh,serif}
html[dir=rtl] .archive-copy h2{font:28px/1.55 Naskh,serif;height:4.65em;min-height:4.65em}
html[dir=rtl] .archive-copy p{font-size:15px;line-height:1.95}
html[dir=rtl] .article-body{font:17px/2.05 NotoArabic,sans-serif;text-align:right}
html[dir=rtl] .article-body :is(p,li){font:inherit}
html[dir=rtl] :is(.article-body ul,.article-body ol,.consent-body ul,.consent-body ol){padding-left:0;padding-right:1.6em}
html[dir=rtl] :is(.article-heading h1,.page-hero h1,.inner-hero h1){line-height:1.45;letter-spacing:0}
html[dir=rtl] :is(.article-meta,.article-breadcrumb,.breadcrumb){font-family:NotoArabic,sans-serif;font-size:14px;letter-spacing:0}
html[dir=rtl] :is(.consent-body,.legal-body){font-family:NotoArabic,sans-serif;line-height:2}
html[dir=rtl] :is(.service-card h3,.specialty-card h2){font-family:Naskh,serif;font-size:29px;line-height:1.5}
html[dir=rtl] :is(.service-card p,.documents p,.milestones span,.profile-links span){font-size:15px;line-height:1.9}
html[dir=rtl] .footer-bottom button{margin-left:0;margin-inline-start:25px}
html[dir=rtl] :is(.update,.footer-bottom,.footer-main p){font-family:NotoArabic,sans-serif;font-size:13px;line-height:2}
html[dir=rtl] bdi{unicode-bidi:isolate}
html[dir=rtl] .close-modal{float:left}
html[dir=rtl] .modal-post button{text-align:right}
html[dir=rtl] :is(.photo-controls,.blog-pagination){direction:rtl}
@media(max-width:1100px){html[dir=rtl] .menu-toggle{margin-left:0;margin-inline-start:auto}html[dir=rtl] nav{margin:0}html[dir=rtl] nav>a,html[dir=rtl] nav>button,html[dir=rtl] nav>details{text-align:right}html[dir=rtl] .brand small{font-size:9px}}
@media(max-width:760px){html[dir=rtl] .brand{font-size:17px}html[dir=rtl] .brand small{max-width:245px;font-size:8px}html[dir=rtl] .hero h1{font-size:43px;line-height:1.5}html[dir=rtl] .hero-content{max-width:none}html[dir=rtl] .hero-content>p:not(.eyebrow){font-size:16px;max-width:none}html[dir=rtl] .hero-note{font-size:11px}html[dir=rtl] .hero .actions{gap:15px;margin-top:22px}html[dir=rtl] .portrait{padding-right:0;padding-left:20px}html[dir=rtl] .portrait-caption{right:20px;left:0}html[dir=rtl] h2{font-size:37px}html[dir=rtl] :is(.article-heading h1,.page-hero h1){font-size:37px}html[dir=rtl] .blog-card>h3{font-size:24px}html[dir=rtl] .footer-bottom button{margin:0 0 0 20px}html[dir=rtl] .archive-copy h2{height:auto;min-height:0}}
@media print{html[dir=rtl] body{font-family:NotoArabic,sans-serif}html[dir=rtl] .consent-body{direction:rtl}}
html[dir=rtl] .ebru-honey{left:auto;right:0;top:0;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
html[dir=rtl] .slider-controls{direction:ltr}
html[dir=rtl] .clinic-map{direction:ltr}
