@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Tajawal:wght@400;500;600;700&display=swap');
html[lang=ar]{direction:rtl}
html[lang=ar] body{font-family:'Tajawal',sans-serif;direction:rtl}
html[lang=ar] .cinema-hero h1,html[lang=ar] .story-introduction h2,html[lang=ar] .story-chapter h3,html[lang=ar] .hybrid-note-inner h2,html[lang=ar] .inner-title,html[lang=ar] .project-card h2,html[lang=ar] .footer-title,html[lang=ar] .inner-project-hero h1{font-family:'Amiri',serif;letter-spacing:0;line-height:1.16}
html[lang=ar] .cinema-copy{margin-right:0;margin-left:auto;text-align:right}
html[lang=ar] .cinema-hero h1{font-size:clamp(95px,12vw,210px);margin:33px 0 37px;line-height:1.15}
html[lang=ar] .cinema-after{align-items:flex-start}
html[lang=ar] .cinema-after p{font:400 clamp(26px,2.3vw,39px)/1.6 'Amiri',serif}
html[lang=ar] .cinema-art{inset:0 40% 0 0;mask-image:linear-gradient(270deg,transparent 0%,#000 20%,#000 100%);-webkit-mask-image:linear-gradient(270deg,transparent 0%,#000 20%,#000 100%);transform:scaleX(-1)}
html[lang=ar] .cinema-architecture{transform:scaleX(-1)}
html[lang=ar] .cinema-ruby{inset:0 48% 0 0}
html[lang=ar] .cinema-side{right:auto;left:var(--gutter)}
html[lang=ar] .cinema-scroll{right:auto;left:var(--gutter)}
html[lang=ar] .cinema-index{left:auto;right:20px}
html[lang=ar] .cinema-edition{left:auto;right:var(--gutter)}
html[lang=ar] .cinema-corner{left:auto;right:var(--gutter)}
html[lang=ar] .cinema-pre,html[lang=ar] .cinema-link,html[lang=ar] .cinema-edition,html[lang=ar] .cinema-side,html[lang=ar] .cinema-scroll,html[lang=ar] .story-number,html[lang=ar] .story-label,html[lang=ar] .story-eyebrow,html[lang=ar] .story-action,html[lang=ar] .note-mini,html[lang=ar] .project-note-number{font-family:'Tajawal',sans-serif;letter-spacing:.02em}
html[lang=ar] .story-introduction{direction:rtl}html[lang=ar] .story-introduction p{margin-right:auto;margin-left:0;font:400 25px/1.6 'Amiri',serif}
html[lang=ar] .story-chapter{align-items:flex-start}html[lang=ar] .story-body,html[lang=ar] .hybrid-note-inner p{font-family:'Amiri',serif;font-size:clamp(24px,2.3vw,34px);line-height:1.7}
html[lang=ar] .hybrid-note-inner h2{text-transform:none}
html[lang=ar] .work-card,html[lang=ar] .gallery-item{text-align:right!important}
html[lang=ar] .chapter-content{text-align:right;left:auto;right:clamp(22px,3vw,54px)}
html[lang=ar] .desktop-nav{letter-spacing:0}
html[lang=ar] .wordmark{direction:ltr;unicode-bidi:isolate}
html[lang=ar] .inner-hero .inner-title{line-height:1.2}
html[lang=ar] .inner-lead p,html[lang=ar] .editorial-note,html[lang=ar] .project-hero-copy p{font-family:'Amiri',serif;line-height:1.65}
html[lang=ar] .story-visual:after{inset:15px}
html[lang=ar] .story-plate{direction:ltr}
@media(max-width:650px){html[lang=ar] .cinema-hero h1{font-size:clamp(70px,18vw,115px);margin:28px 0 30px}html[lang=ar] .cinema-art{inset:0 8% 32% 0;mask-image:linear-gradient(180deg,#000 5%,#000 55%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 5%,#000 55%,transparent 100%)}html[lang=ar] .story-chapter h3{font-size:clamp(54px,14vw,83px)}html[lang=ar] .story-chapter .story-body{font-size:25px}}