/* Shared language control and company screenshot. */
.lang{display:flex;align-items:center;white-space:nowrap;gap:5px;flex-shrink:0}
.lang a{padding:9px 2px;min-height:36px;display:inline-flex;align-items:center}
.lang a[lang=ar]{font-family:Tahoma,Arial,sans-serif;font-size:12px;letter-spacing:0}
.lang a[aria-current=page]{color:#dfbc84}
.company-signature{grid-template-columns:minmax(100px,160px) 1fr;align-items:start}
.company-site-image{display:block;border:1px solid #665b49;background:#f6f3e9;margin-top:4px}
.company-site-image img{width:100%;height:auto;object-fit:contain}
/* Native RTL flow: the portrait is repositioned, never mirrored. */
html[dir=rtl] body{font-family:Tahoma,Arial,sans-serif;line-height:1.9}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .serif{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.5}
html[dir=rtl] h1 em,html[dir=rtl] h2 em{font-style:normal}
html[dir=rtl] h2{font-size:clamp(34px,3.8vw,53px)}
html[dir=rtl] .brand,html[dir=rtl] .lang,html[dir=rtl] .monogram,html[dir=rtl] .hero-signature,html[dir=rtl] .lyra-name,html[dir=rtl] .lyra-sub,html[dir=rtl] .laila-word{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .brand-name,html[dir=rtl] .hero-signature{font-family:Georgia,Arial,serif}
html[dir=rtl] .eyebrow,html[dir=rtl] .hero-role,html[dir=rtl] .project-stage,html[dir=rtl] .small-label,html[dir=rtl] .case-meta span,html[dir=rtl] .disciplines,html[dir=rtl] .project-label{letter-spacing:0}
html[dir=rtl] .eyebrow{font-size:11px;line-height:1.9}
html[dir=rtl] .nav{font-size:12px;gap:24px}
html[dir=rtl] .lang{border-left:0;border-right:1px solid #ffffff26;padding-left:0;padding-right:20px}
html[dir=rtl] .hero-art{left:0;right:auto}
html[dir=rtl] .hero-art:after{background:linear-gradient(270deg,#0b1014 0%,#0b1014b0 12%,transparent 42%),linear-gradient(0deg,#0b1014 0%,transparent 25%)}
html[dir=rtl] .hero h1{font-size:clamp(53px,5.5vw,80px);line-height:1.4;margin-bottom:24px;letter-spacing:0}
html[dir=rtl] .hero h1 em{display:inline-block}
html[dir=rtl] .hero-content{padding-bottom:135px;padding-top:0}
html[dir=rtl] .hero-intro{font-size:15px;line-height:2;max-width:440px}
html[dir=rtl] .hero-bottom p,html[dir=rtl] .hero-bottom strong{letter-spacing:0}
html[dir=rtl] .hero-bottom p{font-size:11px}
html[dir=rtl] .intro-strip>p{font-family:Tahoma,Arial,sans-serif;font-size:23px;line-height:1.8}
html[dir=rtl] .disciplines span:not(:last-child):after{margin-left:0;margin-right:10px}
html[dir=rtl] .project-label{left:auto;right:23px}
html[dir=rtl] .project-arrow{right:auto;left:23px}
html[dir=rtl] .project-name h3{font-size:26px}
html[dir=rtl] .crm-image{padding:32px 32px 0 0}
html[dir=rtl] .crm-image img{object-position:top right}
html[dir=rtl] .tnd-feature .crm-image{padding:28px}
html[dir=rtl] .crm-copy h3{font-size:28px}
html[dir=rtl] .service-body{padding-left:0;padding-right:45px}
html[dir=rtl] .service-body ul,html[dir=rtl] .case-block ul,html[dir=rtl] .catalog-outputs{padding-left:0;padding-right:19px}
html[dir=rtl] .about-copy .lead{font-family:Tahoma,Arial,sans-serif;font-size:24px;line-height:1.9}
html[dir=rtl] .years small{letter-spacing:0;line-height:1.9}
html[dir=rtl] .contact-email{direction:ltr;unicode-bidi:isolate;text-align:right}
html[dir=rtl] .field input,html[dir=rtl] .field select,html[dir=rtl] .field textarea{text-align:right}
html[dir=rtl] #reply-contact{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .faq summary{padding-left:25px;padding-right:0}
html[dir=rtl] .footer-top p{font-family:Tahoma,Arial,sans-serif;font-size:18px}
html[dir=rtl] .page-hero h1{font-size:clamp(44px,5vw,70px);letter-spacing:0;line-height:1.5}
html[dir=rtl] .catalog-hero h1{font-size:clamp(46px,6vw,80px)}
html[dir=rtl] .catalog-group-head h2{font-size:34px}
html[dir=rtl] .catalog-card h3{font-size:26px;letter-spacing:0}
html[dir=rtl] .catalog-description{line-height:2}
html[dir=rtl] .research-lead h3{font-family:Georgia,serif;font-size:34px;direction:ltr;text-align:right}
html[dir=rtl] .ori-count>strong{direction:ltr;unicode-bidi:isolate;text-align:right}
html[dir=rtl] .program-grid h3{font-size:23px}
html[dir=rtl] .tnd-subtitle{font-family:Tahoma,Arial,sans-serif;font-size:32px;line-height:1.65;letter-spacing:0}
html[dir=rtl] .tnd-flow li:not(:last-child):after{content:'←';right:auto;left:0}
html[dir=rtl] .tnd-outcome aside{border-left:0;border-right:2px solid #8e7853}
html[dir=rtl] .screen-enlarge{right:auto;left:12px}
html[dir=rtl] .screen-dialog-image{direction:ltr}
html[dir=rtl] .screen-dialog-bar h2{font-family:Tahoma,Arial,sans-serif;line-height:1.6;font-size:15px}
html[dir=rtl] .privacy h2{font-size:29px}
@media(max-width:1100px){.nav{gap:17px}.lang{padding-left:14px}html[dir=rtl] .nav{gap:16px;font-size:11px}html[dir=rtl] .hero h1{font-size:65px}html[dir=rtl] .hero-intro{font-size:14px;max-width:400px}html[dir=rtl] .hero-bottom p{font-size:9px}html[dir=rtl] .research-lead h3{font-size:29px}}
@media(max-width:900px) and (min-width:761px){.brand-name small{letter-spacing:1px}.nav{gap:11px;font-size:10px}.lang{padding-left:10px}html[dir=rtl] .nav{gap:10px;font-size:10px}html[dir=rtl] .lang{padding-right:10px}.brand{gap:7px}}
@media(max-width:760px){
 .lang{gap:12px}.company-signature{grid-template-columns:1fr;gap:20px}.company-site-image{max-width:400px}
 html[dir=rtl] .nav{font-size:16px;gap:10px}html[dir=rtl] .nav .lang{border:0;padding:0;margin-top:12px;align-self:flex-end}
 html[dir=rtl] .hero-art{left:0;right:0}html[dir=rtl] .hero-art:after{background:linear-gradient(0deg,#0b1014 0%,#0b1014e0 14%,transparent 60%),linear-gradient(270deg,#0b101425,transparent)}
 html[dir=rtl] .hero-content{padding-top:365px;padding-bottom:160px}html[dir=rtl] .hero h1{font-size:48px;line-height:1.5;margin-bottom:17px}html[dir=rtl] .hero-role{font-size:10px}html[dir=rtl] .hero .eyebrow{font-size:9px;letter-spacing:0}html[dir=rtl] .hero-intro{font-size:13px;max-width:100%}html[dir=rtl] .hero-bottom p{font-size:8px}html[dir=rtl] .hero-bottom strong{font-size:11px}
 html[dir=rtl] h2{font-size:34px;line-height:1.6}html[dir=rtl] .intro-strip>p{font-size:20px}html[dir=rtl] .about-copy .lead{font-size:21px}html[dir=rtl] .service-body{padding-right:39px}html[dir=rtl] .crm-image{padding:20px 20px 0 0}html[dir=rtl] .tnd-feature .crm-image{padding:15px 15px 0}html[dir=rtl] .footer-top p{font-size:14px}
 html[dir=rtl] .page-hero h1{font-size:40px;line-height:1.55}html[dir=rtl] .catalog-group-head h2{font-size:29px}html[dir=rtl] .tnd-subtitle{font-size:25px}html[dir=rtl] .tnd-hero .lead{font-size:14px}html[dir=rtl] .case-meta span{margin-right:0;margin-left:15px}
 html[dir=rtl] .tnd-flow li{border-left:0;border-right:1px solid #66593f;margin-left:0;margin-right:16px;padding:0 31px 29px 0}html[dir=rtl] .tnd-flow li:before{left:auto;right:-17px}html[dir=rtl] .tnd-flow li:last-child{border-right-color:transparent;padding-bottom:0}html[dir=rtl] .tnd-next h2,html[dir=rtl] .tnd-outcome h2,html[dir=rtl] .tnd-overview h2{font-size:32px;letter-spacing:0}html[dir=rtl] .tnd-screen h3{font-size:23px}html[dir=rtl] .screen-enlarge{left:8px}html[dir=rtl] .screen-dialog-bar h2{font-size:12px}
}
@media(max-width:380px){html[dir=rtl] .hero h1{font-size:43px}html[dir=rtl] .hero-content{padding-top:350px}html[dir=rtl] .hero .actions{gap:16px}html[dir=rtl] .hero-bottom p{font-size:7px}html[dir=rtl] .hero-bottom strong{font-size:10px}html[dir=rtl] .research-lead h3{font-size:28px}html[dir=rtl] .page-hero h1{font-size:36px}}