/* Supplied reference: compact heavy headings, dark plates and restrained red labels. */
@font-face{font-family:Cairo;src:url('assets/fonts/Cairo-Variable.ttf') format('truetype');font-weight:200 1000;font-style:normal;font-display:swap}
.headline-line{display:contents}
html[lang=ar]{--type-red:#923643;--type-plate:#222428}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h1 em,html[lang=ar] h2 em,html[lang=ar] .footer-title,html[lang=ar] .footer-title em{font-family:Cairo,Tajawal,sans-serif;font-weight:800;line-height:1.55;font-style:normal;letter-spacing:0}
html[lang=ar] .opening h1{font-size:clamp(48px,5.9vw,94px);font-weight:900;line-height:1.55;white-space:normal;text-wrap:balance}
html[lang=ar] .opening h1>br{display:none}
html[lang=ar] .opening h1 .headline-line{display:table;width:auto;max-width:100%;padding:0 .2em .06em;background:var(--type-plate);margin-block:0 .12em;color:#fff;box-decoration-break:clone;-webkit-box-decoration-break:clone}
html[lang=ar] .opening h1 .headline-line:last-child{background:var(--type-red)}
html[lang=ar] .opening h1 em{font-weight:900;color:inherit;font-size:1em}
html[lang=ar] .opening h1 .accent{color:inherit}
html[lang=ar] .opening-type{bottom:18%;width:min(65%,850px)}
html[lang=ar] .hero-bottom-copy{margin-top:26px}
html[lang=ar] .section-heading h2{font-size:clamp(34px,3.8vw,56px);line-height:1.65}
html[lang=ar] .section-heading h2 em{display:inline;padding:0 .15em .04em;background:var(--type-plate);color:#fff;box-decoration-break:clone;-webkit-box-decoration-break:clone}
html[lang=ar] .practice .section-heading h2 em{background:var(--type-red)}
html[lang=ar] .manifesto h2,html[lang=ar] .leadership h2{font-size:clamp(34px,3.6vw,52px);line-height:1.7}
html[lang=ar] .metrics strong{font-family:Cairo,Tajawal,sans-serif;font-weight:800;line-height:1.2;letter-spacing:-.03em;font-size:clamp(50px,5.7vw,82px)}
html[lang=ar] .metrics p{background:var(--type-red);color:#fff;display:inline-block;padding:5px 10px;margin-top:12px;font-size:14px;line-height:1.6;font-weight:700}
html[lang=ar] .story-choice b{font-family:Cairo,Tajawal,sans-serif;font-weight:800;font-size:19px;line-height:1.65}
html[lang=ar] .story-choice[aria-pressed=true]{color:#fff;border-inline-start-color:var(--type-red)}
html[lang=ar] .story-choice[aria-pressed=true] b{background:var(--type-red);padding:2px 8px;display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}
html[lang=ar] .story-choice small{margin-top:10px;font-size:13px;color:#bcbdb8}
html[lang=ar] .story-view h3{font-size:30px;line-height:1.6}
html[lang=ar] .film-caption h3,html[lang=ar] .collection-card .film-caption h3{font-size:21px;line-height:1.6;font-weight:800}
html[lang=ar] #workflow-title{font-size:30px;line-height:1.6}
html[lang=ar] .case-content h2{font-size:38px;line-height:1.6}
html[lang=ar] .identity-lab h3{font-size:36px;line-height:1.5}
html[lang=ar] .footer-title{font-size:clamp(42px,5.3vw,78px);line-height:1.6}
@media(max-width:760px){
 html[lang=ar] .opening-type{left:22px;right:22px;width:auto;bottom:18%}
 html[lang=ar] .opening h1{font-size:clamp(30px,8.6vw,57px);line-height:1.6}
 html[lang=ar] .opening-type>.eyebrow{margin-bottom:18px}
 html[lang=ar] .hero-bottom-copy{margin-top:20px}
 html[lang=ar] .round-play{margin-top:18px}
 html[lang=ar] .section-heading h2,html[lang=ar] .manifesto h2,html[lang=ar] .leadership h2{font-size:30px;line-height:1.75}
 html[lang=ar] .story-choice b{font-size:17px}
 html[lang=ar] .story-view h3,html[lang=ar] #workflow-title,html[lang=ar] .case-content h2{font-size:25px}
 html[lang=ar] .metrics p{font-size:13px;padding:5px 8px}
 html[lang=ar] .identity-lab h3{font-size:29px}
 html[lang=ar] .footer-title{font-size:34px}
}