/* MEAN* type 1.2.2 (reviewer and Website 8, 29 Sep: the project-heading rule covers h3 section headings too (The Migrant Kitchen); OP-342: at 768 to 991 px project section headings take line height 1.2 as on desktop (25/30), so the blue line sits 21 px above the letters (L14), not 24). 1.2.1 (reviewer, 29 Sep: team names keep their own phone size, since at 20 px they broke inside the name (L38); the 10 px project-heading rule is limited to project pages; every other h2.heading, such as Studio's Collaborators, is a 20/26 subtitle like its siblings). 1.2.0, the site's one type stylesheet (linked from the site head; was arabic-lyon-1.1.2.css). 1.2.0 (Riyad, 29 Sep: "make the titles, subtitles and slogan headings on phone text similar to desktop in spacing ... right now it looks weak on the page"; his picks, all recommended): on phones (767 px and below) slogans and section titles take desktop's normal letter spacing instead of Webflow's -2 px, at 36/36 px, desktop's slogan-to-body proportion (59.7/26 x 16); subtitles 20/26 px bold, one step above the 16 px body (phone-only exception to L15), Arabic subtitles at the same 20 px (L19); page titles set solid (line height = size, as desktop 40/40); project section headings 1.2 line height and 10 px to their image (L17). Phone rules below the Arabic ones.
    OP-180 Arabic face 1.1.2 (Riyad, 28 Sep, OP-309: chose "B: English Size" for the Arabic body too: 26/17/15 px, so an Arabic subtitle and its paragraph match, as in English). 1.1.1 (Riyad, 28 Sep, L19: chose "B: English Size": Arabic subtitles at the English subtitle size, 26/17/15 px, in Lyon Arabic Text Bold, instead of 45/32/27; Arabic titles balance their lines so no line holds a single word, Website 10's 1024 check). 1.1.0, sitewide (Riyad, 28 Sep: "for the spacing, and other settings follow this document. apply the font sitewide", the Commercial Type Lyon Arabic Text specimen): every Arabic role in Lyon Arabic Text Semibold, no tracking.
   Slogans and headers: the specimen's display setting, line height 1.2. Subheadings: its lead setting, 1.75 to the body's 1.05 (x1.67), line height 1.35, old-style figures.
   Body: its column setting, line height 1.45, old-style proportional figures. Latin inside Arabic: Helvetica Medium beside the Semibold, at the English size. Fonts download only when Arabic text is on screen. */
@font-face{font-family:LAR;src:url(https://cdn.prod.website-files.com/69c518191056258f1a2854ea/fonts/6ab9abfeea0e1f450c9e40aa-LyonArabicText-Regular.otf);font-weight:400;font-display:swap;unicode-range:U+0020-003F,U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:LAR;src:url(https://cdn.prod.website-files.com/69c518191056258f1a2854ea/fonts/6ab9b085f77d8c419792af8f-LyonArabicText-Semibold.otf);font-weight:600;font-display:swap;unicode-range:U+0020-003F,U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:LAR;src:url(https://cdn.prod.website-files.com/69c518191056258f1a2854ea/fonts/6ab9abfeafaa8c16e99444c8-LyonArabicText-Bold.otf);font-weight:700;font-display:swap;unicode-range:U+0020-003F,U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:HLAT;src:url(https://cdn.prod.website-files.com/69c518191056258f1a2854ea/6a72da7c12df900c357504c0_HelveticaNeueLTStd-Roman.woff2);font-weight:400;size-adjust:87%}
@font-face{font-family:HLAT;src:url(https://cdn.prod.website-files.com/69c518191056258f1a2854ea/6a72da63317299aba9f9c2a7_HelveticaNeueLTStd-Md.woff2);font-weight:500 600;size-adjust:87%}
html body [lang=ar]:not(#_):not(#__):not(#___):not(#____):not(#_____),html body [lang=ar]:not(#_):not(#__):not(#___):not(#____):not(#_____) :not([lang=en]):not(#_):not(#__):not(#___):not(#____):not(#_____){font-family:LAR,HLAT,"Helvetica Neue LT Std","Geeza Pro",sans-serif!important;font-weight:600!important;letter-spacing:0!important;font-synthesis:none!important;text-transform:none!important;font-style:normal!important;-webkit-text-stroke:0!important}
html body p[lang=ar]:not(#_):not(#__):not(#___):not(#____):not(#_____),html body [lang=ar] p:not(#_):not(#__):not(#___):not(#____):not(#_____){font-size:26px!important;line-height:1.45!important;font-feature-settings:"onum","pnum"!important}
html body [lang=ar].text-weight-bold:not(.heading-style-h1):not(#_):not(#__):not(#___):not(#____):not(#_____),html body [lang=ar].s22-h:not(.heading-style-h1):not(#_):not(#__):not(#___):not(#____):not(#_____),html body h2.heading[lang=ar]:not(#_):not(#__):not(#___):not(#____):not(#_____),html body [lang=ar] h2.heading:not(#_):not(#__):not(#___):not(#____):not(#_____){font-size:26px!important;line-height:1.35!important;font-weight:700!important;font-feature-settings:"onum"!important}
html body [lang=ar].heading-style-h1:not(#_):not(#__):not(#___):not(#____):not(#_____),html body [lang=ar] .heading-style-h1:not(#_):not(#__):not(#___):not(#____):not(#_____){font-size:56px!important;line-height:1.2!important;font-feature-settings:normal!important;text-wrap:balance!important}
html body .s22-b[lang=ar]:not(#_):not(#__):not(#___):not(#____):not(#_____){font-family:LAR,HLAT,sans-serif!important;font-weight:600!important}
@media (max-width:991px){html body p[lang=ar]:not(#_):not(#__):not(#___):not(#____):not(#_____),html body [lang=ar] p:not(#_):not(#__):not(#___):not(#____):not(#_____){font-size:17px!important}html body [lang=ar].text-weight-bold:not(.heading-style-h1):not(#_):not(#__):not(#___):not(#____):not(#_____),html body [lang=ar].s22-h:not(.heading-style-h1):not(#_):not(#__):not(#___):not(#____):not(#_____),html body h2.heading[lang=ar]:not(#_):not(#__):not(#___):not(#____):not(#_____),html body [lang=ar] h2.heading:not(#_):not(#__):not(#___):not(#____):not(#_____){font-size:17px!important}html body [lang=ar].heading-style-h1:not(#_):not(#__):not(#___):not(#____):not(#_____),html body [lang=ar] .heading-style-h1:not(#_):not(#__):not(#___):not(#____):not(#_____){font-size:44px!important}}
@media (max-width:767px){html body p[lang=ar]:not(#_):not(#__):not(#___):not(#____):not(#_____),html body [lang=ar] p:not(#_):not(#__):not(#___):not(#____):not(#_____){font-size:15px!important}html body [lang=ar].text-weight-bold:not(.heading-style-h1):not(#_):not(#__):not(#___):not(#____):not(#_____),html body [lang=ar].s22-h:not(.heading-style-h1):not(#_):not(#__):not(#___):not(#____):not(#_____),html body h2.heading[lang=ar]:not(#_):not(#__):not(#___):not(#____):not(#_____),html body [lang=ar] h2.heading:not(#_):not(#__):not(#___):not(#____):not(#_____){font-size:20px!important}html body [lang=ar].heading-style-h1:not(#_):not(#__):not(#___):not(#____):not(#_____),html body [lang=ar] .heading-style-h1:not(#_):not(#__):not(#___):not(#____):not(#_____){font-size:34px!important}}
@media (max-width:767px){html body .heading-style-h1:not([lang=ar]):not(#_){letter-spacing:normal!important}html body .heading-style-h1:not(h1:not(.text-weight-bold)):not([lang=ar]):not(#_){font-size:36px!important;line-height:36px!important}html body h1.heading-style-h1:not(.text-weight-bold):not([lang=ar]):not(#_),html body h1[class^=project-title]:not([lang=ar]):not(#_){line-height:1!important}html body:has([class^=project-title]) :is(h2,h3).heading:not([lang=ar]):not(#_){line-height:1.2!important;margin-bottom:10px!important}html body [data-st] .heading:not([lang=ar]):not(#_):not(#__):not(#___):not(#____),html body:not(:has([class^=project-title])) h2.heading:not([lang=ar]):not(#_):not(#__):not(#___):not(#____),html body [data-faq] h2.heading-style-h2:not([lang=ar]):not(#_):not(#__):not(#___):not(#____),html body [data-legal] h2.heading-style-h2:not([lang=ar]):not(#_):not(#__):not(#___):not(#____),html body .section.bg-alternate h2.text-size-large:not([lang=ar]):not(#_):not(#__):not(#___):not(#____){font-size:20px!important;line-height:26px!important}}
@media (min-width:768px) and (max-width:991px){html body:has([class^=project-title]) :is(h2,h3).heading:not([lang=ar]):not(#_){line-height:1.2!important}}