@font-face{font-family:'Noto Sans Arabic';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/noto-sans-arabic.ttf') format('truetype')}
/* Arabic needs connected lettering and enough room above and below the baseline. */
html[dir='rtl'] body{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif;line-height:1.9}
html[dir='rtl'] :is(h1,h2,h3,.eyebrow,.tag,.art-label,.ad-label){letter-spacing:normal;font-style:normal;line-height:1.6}
html[dir='rtl'] h1>span{font-family:inherit;font-style:normal;letter-spacing:normal}
html[dir='rtl'] .wordmark{font-family:'DM Sans',sans-serif;letter-spacing:-1.8px;line-height:1.4}
html[dir='rtl'] .wordmark>span{font-family:'Lusitana',serif;font-style:italic}
html[dir='rtl'] .hero h1{line-height:1.55}
html[dir='rtl'] .hero-description{max-width:34em;line-height:1.95}
html[dir='rtl'] :is(.hero-copy,.hero-art,.project-copy,.guide-grid>article,.footer>p){min-width:0}
html[dir='rtl'] :is(.hero-art,.project-image,.studio-art){direction:ltr}
html[dir='rtl'] .art-label>span:first-child{direction:rtl}
html[dir='rtl'] .mini-bar>span:first-child{font-family:'DM Sans',sans-serif}
html[dir='rtl'] .link-arrow{transform:scaleX(-1);flex-shrink:0}
html[dir='rtl'] .small-star{margin-right:0;margin-inline-end:8px}
html[dir='rtl'] .language-picker>summary::after{margin-left:0;margin-inline-start:7px}
html[dir='rtl'] .language-picker>div{right:auto;inset-inline-end:0}
html[dir='rtl'] :is(.plan-card ul,.pricing .disclosure-body ul,.free-columns ul,.guide-article ul){padding-left:0;padding-inline-start:24px}
html[dir='rtl'] .guide-article li{padding-left:0;padding-inline-start:4px}
html[dir='rtl'] .guide-example{border-left:0;border-inline-start:3px solid var(--ink)}
html[dir='rtl'] .questions details p{margin-right:0;margin-inline-end:12px}
html[dir='rtl'] :is(.plan-card h3,.one-time-grid h3,.email-layout h2,.legal-copy h2,.guide-article h2){letter-spacing:normal;line-height:1.7}
html[dir='rtl'] .plan-card .plan-price{letter-spacing:normal;line-height:1.7}
html[dir='rtl'] .plan-price>bdi{font-family:'DM Sans',sans-serif}
html[dir='rtl'] :is(p,li,summary){overflow-wrap:break-word}
html[dir='rtl'] :is(.email-address,.free-email,bdi[dir='ltr']){unicode-bidi:isolate}
html[dir='rtl'] #studio-ad-slot{direction:ltr;text-align:left}
@media(max-width:840px){html[dir='rtl'] .hero h1{font-size:clamp(38px,10.5vw,58px)}html[dir='rtl'] .hero .eyebrow{letter-spacing:normal}html[dir='rtl'] .hero-art{margin-top:10px}html[dir='rtl'] .page-intro h1{line-height:1.65}html[dir='rtl'] .questions summary{line-height:1.9}}