html[lang=ar]{--sans:'Noto Sans Arabic',Tahoma,Arial,sans-serif;--serif:'Noto Naskh Arabic',Georgia,serif;direction:rtl}
html[lang=ar] body{font-family:var(--sans);line-height:1.95}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4{font-family:var(--serif);letter-spacing:0;line-height:1.35;font-weight:400}
html[lang=ar] p,html[lang=ar] a,html[lang=ar] button,html[lang=ar] label,html[lang=ar] summary,html[lang=ar] span{letter-spacing:0}
html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea{font-family:var(--sans)}
html[lang=ar] .wordmark{direction:ltr;font-family:'Jost',Arial,sans-serif;letter-spacing:5px;text-align:center}
html[lang=ar] .wordmark span{font-family:var(--sans);direction:rtl;letter-spacing:0;font-size:8px}
html[lang=ar] .page-links,html[lang=ar] .left-nav{font-size:11px}
html[lang=ar] .header-cta,html[lang=ar] .enquire{font-size:11px}
html[lang=ar] .header-actions{justify-self:end}
html[lang=ar] .language-switch nav{right:auto;left:0;text-align:start}
html[lang=ar] .language-switch nav a{font-family:var(--sans);text-align:start}
html[lang=ar] .direction-icon{transform:scaleX(-1)}
html[lang=ar] .eyebrow{letter-spacing:0;font-size:11px;line-height:1.8;margin-bottom:20px}
/* Preserve the photograph's composition: RTL text sits within its existing clear area. */
html[lang=ar] .act .words{width:55%;max-width:55%;text-align:right}
html[lang=ar] .act h1{font-size:clamp(60px,7vw,106px);line-height:1.25}
html[lang=ar] .act h2{font-size:clamp(48px,5.4vw,78px);line-height:1.3}
html[lang=ar] .act .intro{font-size:15px;line-height:1.9}
html[lang=ar] .act .support{font-size:13px;line-height:1.9;max-width:none}
html[lang=ar] .personal .words,html[lang=ar] .invitation .words{width:80%;max-width:80%;text-align:center}
html[lang=ar] .hero .intro{max-width:none}
html[lang=ar] .film-copy{width:54%;max-width:54%;text-align:right}
html[lang=ar] .film-copy h1,html[lang=ar] .film-copy h2{font-size:clamp(47px,5.2vw,76px);line-height:1.35}
html[lang=ar] .film-copy>p:not(.eyebrow){font-size:15px;line-height:1.95;margin-top:20px}
html[lang=ar] .film-chapters{width:54%;justify-content:flex-start;gap:25px}
html[lang=ar] .film-chapters button,html[lang=ar] .film-controls button{font-size:11px;letter-spacing:0}
html[lang=ar] .film-progress span,html[lang=ar] .timeline>span{font-size:10px;letter-spacing:0}
html[lang=ar] .film-note,html[lang=ar] .art-note{font-size:9px;line-height:1.7;letter-spacing:0}
html[lang=ar] .scene-note{font-size:10px;letter-spacing:0}
html[lang=ar] .text-cta,html[lang=ar] .text-link,html[lang=ar] .button,html[lang=ar] .pill,html[lang=ar] .underlined{letter-spacing:0;font-size:12px}
html[lang=ar] .text-cta span,html[lang=ar] .enquire span{margin-left:0;margin-right:12px}
html[lang=ar] .story-nav button{font-size:10px;letter-spacing:0;white-space:normal}
html[lang=ar] .timeline input::-webkit-slider-runnable-track{background:linear-gradient(270deg,currentColor var(--progress,0%),#a2998560 var(--progress,0%))}
html[lang=ar] .film-progress input::-webkit-slider-runnable-track{background:linear-gradient(270deg,#eee8d9 var(--progress,0%),#ffffff35 var(--progress,0%))}
html[lang=ar] .programme-thread{font-size:10px;letter-spacing:0}
html[lang=ar] .programme-thread span{margin-right:0;margin-left:18px}
html[lang=ar] .process-notes article{padding-left:0;padding-right:34px}
html[lang=ar] .process-notes span{left:auto;right:0}
html[lang=ar] .decision-grid,html[lang=ar] .steps{text-align:right}
html[lang=ar] .chapter-nav{font-size:12px;letter-spacing:0}
html[lang=ar] .legal-copy h3{font-size:31px}
html[lang=ar] .legal-section h2{font-family:var(--sans);font-size:12px;letter-spacing:0}
html[lang=ar] .legal-copy p,html[lang=ar] .answers details p{font-size:15px;line-height:2}
html[lang=ar] .contents a{font-size:12px}
html[lang=ar] .preview-context{border-left:0;border-right:2px solid var(--gold)}
html[lang=ar] a[href^='mailto:'],html[lang=ar] input[type=email]{direction:ltr;unicode-bidi:isolate}
html[lang=ar] .footer nav{flex-wrap:wrap;gap:18px;font-size:11px}
html[lang=ar] .footer>p{font-size:10px}
html[lang=ar] .year-mark,html[lang=ar] .film-year{direction:ltr}
@media(min-width:701px) and (max-height:760px){
 html[lang=ar] .act h1{font-size:72px}html[lang=ar] .act h2{font-size:54px}
 html[lang=ar] .film-copy h1,html[lang=ar] .film-copy h2{font-size:54px}
 html[lang=ar] .act .intro,html[lang=ar] .film-copy>p:not(.eyebrow){font-size:13px}
 html[lang=ar] .act .support{font-size:11px}
}
@media(max-width:700px){
 html[lang=ar] .wordmark{font-size:16px;letter-spacing:2px;text-align:right}
 html[lang=ar] .wordmark span{font-size:6px}
 html[lang=ar] .header-actions{gap:12px}
 html[lang=ar] .header-actions .header-cta,html[lang=ar] .header-actions .enquire{font-size:10px;max-width:100px}
 html[lang=ar] .language-switch summary{font-size:12px}
 html[lang=ar] .act .words,html[lang=ar] .personal .words,html[lang=ar] .invitation .words{left:7%;width:86%;max-width:86%;text-align:right}
 html[lang=ar] .act h1{font-size:43px;line-height:1.35;margin-bottom:18px}
 html[lang=ar] .act h2{font-size:36px;line-height:1.35;margin-bottom:16px}
 html[lang=ar] .act .intro{font-size:14px;line-height:1.9;max-width:none}
 html[lang=ar] .act .support{font-size:12px;line-height:1.8;max-width:none;margin-top:16px}
 html[lang=ar] .act .eyebrow{font-size:9px;line-height:1.7;margin-bottom:15px}
 html[lang=ar] .film-copy{left:7%;width:86%;max-width:86%}
 html[lang=ar] .film-copy h1,html[lang=ar] .film-copy h2{font-size:35px;line-height:1.45}
 html[lang=ar] .film-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-top:16px}
 html[lang=ar] .film-copy .eyebrow{font-size:10px;line-height:1.7;margin-bottom:15px}
 html[lang=ar] .film-chapters{left:7%;width:86%;gap:17px;overflow-x:auto}
 html[lang=ar] .film-chapters button{font-size:10px;white-space:nowrap}
 html[lang=ar] .film-controls{gap:14px}
 html[lang=ar] .film-controls button,html[lang=ar] .story-nav button{font-size:9px;max-width:90px}
 html[lang=ar] .film-progress span,html[lang=ar] .timeline>span{font-size:8px;max-width:115px}
 html[lang=ar] .film-note,html[lang=ar] .art-note{font-size:7px;max-width:86%;line-height:1.6}
 html[lang=ar] .scene-note{font-size:8px}
 html[lang=ar] .text-cta,html[lang=ar] .film-copy .text-link{font-size:11px;margin-top:18px}
 html[lang=ar] .programme-thread{font-size:7px;gap:10px}
 html[lang=ar] .programme-thread span{margin-left:4px}
 html[lang=ar] .programme-thread i{width:12px}
 html[lang=ar] .chapter-nav{justify-content:flex-start;font-size:11px;gap:24px}
 html[lang=ar] .legal-hero h1{font-size:40px;line-height:1.5}
 html[lang=ar] .topic-title h2,html[lang=ar] .intro-copy h2{font-size:38px}
 html[lang=ar] .answers summary{font-size:15px;line-height:1.9}
 html[lang=ar] .decisions{text-align:right}
 html[lang=ar] .team-grid h3{font-size:26px}
 html[lang=ar] .year-mark span{font-size:78px}
 html[lang=ar] .year-mark i{font-size:10px;letter-spacing:0}
}
@media(max-width:700px) and (max-height:700px){
 html[lang=ar] .act h1{font-size:36px}html[lang=ar] .act h2{font-size:29px;line-height:1.35;margin-bottom:13px}
 html[lang=ar] .act .intro{font-size:12.5px;line-height:1.75}
 html[lang=ar] .act .support{font-size:11px;line-height:1.75;margin-top:12px}
 html[lang=ar] .film-copy h1,html[lang=ar] .film-copy h2{font-size:29px;line-height:1.4}
 html[lang=ar] .film-copy>p:not(.eyebrow){font-size:12.5px;line-height:1.85;margin-top:13px}
 html[lang=ar] .film-copy .eyebrow{margin-bottom:12px}
 html[lang=ar] .text-cta{margin-top:13px}
}