@font-face{font-family:"Jannat";src:url("/assets/fonts/jannat-regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Azahar";src:url("/assets/fonts/azahar-bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
.header-actions{display:flex;align-items:center;gap:18px;position:relative;z-index:102}
.language-switch{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:#fff;font:400 14px "DM Sans",Arial,sans-serif;letter-spacing:.04em;direction:ltr;cursor:pointer;transition:opacity .2s}
.language-switch:hover{opacity:.6}
.language-switch:focus-visible{outline:1px solid currentColor;outline-offset:3px}
html[lang="ar"] body,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] textarea,html[lang="ar"] select{font-family:"Jannat",Arial,sans-serif;font-synthesis:none;letter-spacing:0}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] .closing-cta strong,html[lang="ar"] .mobile-nav a{font-family:"Azahar","Jannat",sans-serif;font-weight:700;letter-spacing:0;line-height:1.5;font-synthesis:none}
html[lang="ar"] h1 span,html[lang="ar"] h2 span,html[lang="ar"] h3 span{font-family:inherit}
html[lang="ar"] .eyebrow,html[lang="ar"] .section-kicker,html[lang="ar"] .card-copy p,html[lang="ar"] .desktop-nav a,html[lang="ar"] .project-meta,html[lang="ar"] .case-meta{letter-spacing:0;font-family:"Jannat",sans-serif}
html[lang="ar"] .home-hero h1,html[lang="ar"] .page-hero h1,html[lang="ar"] .project-story h2,html[lang="ar"] .card-copy,html[lang="ar"] .content-title{text-align:right}
html[lang="ar"] .hero-note,html[lang="ar"] .page-intro,html[lang="ar"] .case-intro-copy p,html[lang="ar"] .case-section-head p:not(.section-kicker),html[lang="ar"] .rf-chapter p:not(.section-kicker),html[lang="ar"] .project-story p,html[lang="ar"] .case-closing p,html[lang="ar"] .about-copy>p:not(.section-kicker),html[lang="ar"] .timeline-item p,html[lang="ar"] .contact-details>p:not(.section-kicker){text-align:justify;text-align-last:right;line-height:1.9}
html[lang="ar"] .motion-word{overflow:visible}
html[lang="ar"] .footer-meta{align-items:flex-start;text-align:right}
html[lang="ar"] .contact-list a strong,html[lang="ar"] a[href^="mailto:"]:not(.contact-list a),html[lang="ar"] a[href^="tel:"]:not(.contact-list a),html[lang="ar"] input[type="email"],html[lang="ar"] input[type="password"],html[lang="ar"] input[name="username"],html[lang="ar"] input[name="login"],html[lang="ar"] .recovery-code{direction:ltr;unicode-bidi:isolate}
/* Align Arabic heading blocks and their wrapped lines with the reading edge. */
html[lang="ar"] main h1,html[lang="ar"] main h2,html[lang="ar"] main h3,html[lang="ar"] .closing-cta strong{text-align:right;text-align-last:right}
html[lang="ar"] .about-copy h2{margin-inline-start:0;margin-inline-end:0;justify-self:start}
html[lang="ar"] .hero-note,html[lang="ar"] .page-intro,html[lang="ar"] .lm-page-hero .lm-hero-copy{align-self:start}
html[lang="ar"] .section-heading p:not(.section-kicker),html[lang="ar"] .marquee-heading p,html[lang="ar"] .lm-chapter-head p,html[lang="ar"] .story-copy p,html[lang="ar"] .project-deck,html[lang="ar"] .fact p,html[lang="ar"] .feedback-note{text-align:justify;text-align-last:right;line-height:1.9}
/* Each contact row remains RTL; isolate only its Latin value. */
html[lang="ar"] .contact-list>a,html[lang="ar"] .contact-list>div{direction:rtl;text-align:right}
html[lang="ar"] .contact-list strong{text-align:right;min-width:0;overflow-wrap:anywhere}
/* Physical scrolling is independent of the document's reading direction. */
.client-marquee,.client-marquee-row,.client-marquee-track,.client-logo-set{direction:ltr}
html[lang="ar"] .language-switch{font-family:"DM Sans",Arial,sans-serif;letter-spacing:.04em}
html[lang="ar"] #ez-talk{direction:rtl}
html[lang="ar"] .ez-talk-head,html[lang="ar"] #ez-talk-panel{text-align:right}
html[lang="ar"] .sidebar{border-right:0;border-left:1px solid #333}
html[lang="ar"] .auth-intro{border-right:0;border-left:1px solid #333}
html[lang="ar"] .details{border-left:0;border-right:1px solid #333;padding-left:0;padding-right:25px}
html[lang="ar"] .message.mine{align-self:flex-end}
html[lang="ar"] .icon:has(path[d="m14 6-6 6 6 6"]){transform:scaleX(-1)}
.studio-language{position:absolute;inset-block-start:20px;inset-inline-end:24px;z-index:30}
.topbar .studio-language{position:static}
@media(max-width:900px){.header-actions{gap:8px}.language-switch{min-width:44px}}
@media(max-width:800px){html[lang="ar"] .auth-intro{border:0}html[lang="ar"] .details{border-right:0;padding-right:0}.studio-language{inset-block-start:16px;inset-inline-end:16px}}
@media(prefers-reduced-motion:reduce){.language-switch{transition:none}}

/* Shared editorial grid: the label and title share the reading edge.
   Logical columns reverse naturally with RTL, while artwork stays untouched. */
.home-hero,.page-hero,.section-heading,.marquee-heading{column-gap:clamp(20px,2.2vw,36px);row-gap:32px}
.home-hero .eyebrow,.page-hero .eyebrow,.section-heading .section-kicker,.marquee-heading .section-kicker{grid-column:1 / 8;grid-row:1;margin:0;text-align:start}
.home-hero h1,.page-hero h1,.section-heading h2,.marquee-heading h2{grid-column:1 / 8;grid-row:2;min-width:0;max-width:none;margin:0;text-align:start}
.home-hero .hero-note,.page-hero .page-intro,.section-heading p:not(.section-kicker),.marquee-heading p:not(.section-kicker){grid-column:9 / 13;grid-row:2;align-self:start;margin:0;min-width:0;text-align:justify;text-align-last:start}
.lm-page-hero .lm-hero-copy{grid-column:9 / 13;grid-row:2;align-self:start;min-width:0;max-width:none;margin:0}
.lm-chapter-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(20px,2.2vw,36px);row-gap:24px;align-items:start}
.lm-chapter-head h2{grid-column:1 / 8;grid-row:1;min-width:0;margin:0;text-align:start}
.lm-chapter-head p{grid-column:9 / 13;grid-row:1;min-width:0;margin:0;font-size:clamp(16px,1.05vw,18px);text-align:justify;text-align-last:start}
html[lang="ar"] .lm-page-hero .lm-hero-copy>p:first-child,html[lang="ar"] .lm-chapter-head p{line-height:1.9;text-align:justify;text-align-last:right}
.case-section-head{column-gap:clamp(20px,2.2vw,36px);row-gap:32px}
.case-section-head .section-kicker{grid-column:1 / 8;grid-row:1;margin:0;text-align:start}
.case-section-head h2{grid-column:1 / 8;grid-row:2;margin:0;min-width:0;text-align:start}
.case-section-head>p:not(.section-kicker){grid-column:9 / 13;grid-row:2;align-self:start;margin:0;min-width:0;text-align:justify;text-align-last:start}
.editorial-heading{--editorial-size:clamp(26px,2.65vw,42px);font-size:var(--editorial-fitted-size,var(--editorial-size))!important;animation:none!important}
.home-hero .editorial-heading,.page-hero .editorial-heading{--editorial-size:clamp(30px,3vw,48px)}
.closing-cta .editorial-heading{--editorial-size:clamp(32px,4vw,64px);min-width:0;max-width:100%}
.editorial-line{display:block;white-space:nowrap;letter-spacing:inherit}
.editorial-white{color:#F4F4F1}
.editorial-gray{color:#AAAAAA}
html[lang="ar"] .editorial-heading{font-optical-sizing:none;font-variation-settings:"opsz" 72;line-height:1.5;font-weight:700}
html[lang="ar"] .editorial-heading span{font:inherit;letter-spacing:0}
html[lang="ar"] .hero-note,html[lang="ar"] .page-intro,html[lang="ar"] .section-heading p:not(.section-kicker),html[lang="ar"] .marquee-heading p:not(.section-kicker){text-align-last:right}
@media(max-width:800px){
  .home-hero,.page-hero,.section-heading,.marquee-heading{grid-template-columns:minmax(0,1fr);row-gap:24px}
  .home-hero .eyebrow,.page-hero .eyebrow,.section-heading .section-kicker,.marquee-heading .section-kicker{grid-column:1;grid-row:1}
  .home-hero h1,.page-hero h1,.section-heading h2,.marquee-heading h2{grid-column:1;grid-row:2}
  .home-hero .hero-note,.page-hero .page-intro,.section-heading p:not(.section-kicker),.marquee-heading p:not(.section-kicker){grid-column:1;grid-row:3}
  .lm-page-hero .lm-hero-copy{grid-column:1;grid-row:3}
  .lm-chapter-head{grid-template-columns:minmax(0,1fr)}
  .lm-chapter-head h2{grid-column:1;grid-row:1}
  .lm-chapter-head p{grid-column:1;grid-row:2}
  .case-section-head{grid-template-columns:minmax(0,1fr);row-gap:24px}
  .case-section-head .section-kicker{grid-column:1;grid-row:1}
  .case-section-head h2{grid-column:1;grid-row:2}
  .case-section-head>p:not(.section-kicker){grid-column:1;grid-row:3}
  .editorial-heading,.home-hero .editorial-heading,.page-hero .editorial-heading{--editorial-size:clamp(26px,5vw,42px)}
}