/* Genuine Arabic/Sorani shaping and legibility. Latin brand typography is retained. */
@font-face{font-family:"Vantelle Arabic Sans";src:url("assets/fonts/noto-arabic-regular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Vantelle Arabic Sans";src:url("assets/fonts/noto-arabic-bold.woff") format("woff");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Vantelle Arabic Display";src:url("assets/fonts/noto-naskh-arabic.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}

html[dir="rtl"] body{font-family:"Vantelle Arabic Sans",Tahoma,Arial,sans-serif;font-synthesis:none;line-height:1.95}
html[dir="rtl"] :where(button,input,select,summary){font-family:inherit}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] .menu-links a{font-family:"Vantelle Arabic Display","Vantelle Arabic Sans",serif;font-weight:400;font-style:normal;letter-spacing:0;line-height:1.55;font-synthesis:none;overflow:visible}
html[dir="rtl"] :where(em,.eyebrow,.brand small,.coming-pill,.media-title,.media-caption,.motion-card figcaption,.gallery-item>span,.footer-dev-eyebrow){font-style:normal;letter-spacing:0;text-transform:none}
html[dir="rtl"] .hero-words{font-family:inherit;line-height:inherit}
html[dir="rtl"] .hero-words>em{font-family:inherit;font-style:normal;font-size:1em}
html[dir="rtl"] .v-split-title .v-word{font-family:inherit;font-style:normal;letter-spacing:0;line-height:inherit;padding-block:.08em;margin-block:-.08em;vertical-align:baseline}

/* The wordmark is Latin; its descriptor is a separate correctly shaped RTL line. */
html[dir="rtl"] .brand>span{font-family:Vantelle,Georgia,serif;direction:ltr;text-align:left}
html[dir="rtl"] .brand small{display:block;font-family:"Vantelle Arabic Sans",Tahoma,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.9;margin-top:4px;direction:rtl;unicode-bidi:isolate;text-align:right;letter-spacing:0}
html[dir="rtl"] .hero-copy>.eyebrow{font-size:12px;font-weight:700;line-height:1.9;letter-spacing:0}
html[dir="rtl"] .eyebrow{font-size:12px;line-height:1.9;letter-spacing:0}
html[dir="rtl"] .hero h1{font-size:clamp(46px,5.3vw,78px);line-height:1.5;letter-spacing:0}
html[lang="ckb"] .hero h1{font-size:clamp(39px,4.3vw,65px);line-height:1.55}
html[dir="rtl"] .page-intro h1{font-size:clamp(43px,5.8vw,76px);line-height:1.5}
html[dir="rtl"] .hero-intro{font-size:17px;line-height:1.95;max-width:46ch}
html[dir="rtl"] .hero-signoff{font-size:13px;line-height:1.9;letter-spacing:0}

/* Small but meaningful copy must not inherit tiny Latin caption settings. */
html[dir="rtl"] .service-ribbon{font-size:13px;line-height:1.95}
html[dir="rtl"] .coming-pill{font-size:13px;line-height:1.8;font-weight:700;letter-spacing:0}
html[dir="rtl"] .film-caption{font-size:13px;line-height:1.85;letter-spacing:0}
html[dir="rtl"] .film-caption>span{font-size:13px}
html[dir="rtl"] .film-label{font-family:"Vantelle Arabic Sans",Tahoma,Arial,sans-serif;font-size:12px;line-height:1.8;letter-spacing:0}
html[dir="rtl"] .media-title{font-family:"Vantelle Arabic Display","Vantelle Arabic Sans",serif;font-size:24px;line-height:1.5;font-weight:400}
html[dir="rtl"] .media-caption{font-family:"Vantelle Arabic Sans",Tahoma,Arial,sans-serif;font-size:13px;line-height:1.9;font-weight:400}
html[dir="rtl"] .motion-card figcaption span{font-size:17px;line-height:1.85}
html[dir="rtl"] .motion-card figcaption small{font-size:12px;line-height:1.85}
html[dir="rtl"] :where(.work-composition figcaption,.gallery-item>span,.gallery-count,.gallery-hint,.wallpaper-card p,.small-note){font-size:13px;line-height:1.9;letter-spacing:0}
html[dir="rtl"] .wallpaper-card h3{font-size:29px;line-height:1.5}
html[dir="rtl"] .footer-brand span{font-family:"Vantelle Arabic Sans",Tahoma,Arial,sans-serif;font-size:13px;line-height:1.9;letter-spacing:0}
html[dir="rtl"] .site-footer{font-family:"Vantelle Arabic Sans",Tahoma,Arial,sans-serif;font-size:13px;line-height:2}
html[dir="rtl"] .site-footer p{font-size:13px;line-height:2}
html[dir="rtl"] :where(.footer-dev-eyebrow,.footer-dev-brand,.footer-dev-note){font-size:12px;line-height:1.9;letter-spacing:0}

/* Labels follow the page direction. Telephone runs always retain their own sequence. */
html[dir="rtl"] .footer-contact a{direction:rtl;unicode-bidi:normal;flex-wrap:wrap;column-gap:.5em;text-align:start;line-height:2.1}
html[dir="rtl"] .contact-label{direction:rtl;unicode-bidi:isolate;letter-spacing:0}
html[dir="rtl"] .phone-number,html[dir="rtl"] .v-phone-number,html[dir="rtl"] bdi[dir="ltr"]{display:inline-block;direction:ltr;unicode-bidi:isolate;white-space:nowrap;text-align:left;font-family:Quiet,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0;font-style:normal}
html[dir="rtl"] .footer-dev-phone{font-family:Quiet,Arial,sans-serif;direction:ltr;unicode-bidi:isolate;letter-spacing:0}

@media(max-width:760px){
 html[dir="rtl"] .brand small{font-size:12px;line-height:1.9}
 html[dir="rtl"] .hero h1{font-size:clamp(36px,9vw,48px);line-height:1.55}
 html[lang="ckb"] .hero h1{font-size:clamp(32px,8.4vw,43px);line-height:1.6}
 html[dir="rtl"] .hero-copy>.eyebrow{font-size:11px;line-height:1.9;max-width:none}
 html[dir="rtl"] .hero-intro{font-size:16px;line-height:1.95;max-width:none}
 html[dir="rtl"] .page-intro h1{font-size:clamp(37px,9.7vw,54px);line-height:1.55}
 html[dir="rtl"] .eyebrow{font-size:11px}
 html[dir="rtl"] :where(.header-photos,.header-work,.menu-trigger,.lang-select summary){font-size:12px;line-height:1.8}
 html[dir="rtl"] .media-title{font-size:22px;line-height:1.6}
 html[dir="rtl"] .media-caption{font-size:12px;line-height:1.9}
 html[dir="rtl"] .service-ribbon{font-size:12px;line-height:1.9}
 html[dir="rtl"] .site-footer{font-size:13px}
 html[dir="rtl"] .footer-contact a{font-size:13px}
 html[dir="rtl"] .film-label{font-size:11px;line-height:1.8}
}
@media(max-width:350px){
 html[dir="rtl"] .brand small{font-size:12px}
 html[dir="rtl"] .hero h1{font-size:34px}
 html[lang="ckb"] .hero h1{font-size:31px}
 html[dir="rtl"] .media-title{font-size:20px}
}