.language-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;flex:none;width:132px;height:42px;padding:4px;border:1px solid rgba(239,232,222,.38);border-radius:99px;background:#191511;color:#efe8de;isolation:isolate;box-shadow:inset 0 1px 0 #ffffff0f}
.language-switch a{position:relative;z-index:1;display:grid;place-items:center;height:32px;border-radius:99px;font:600 12px/1.2 'Noto Sans Arabic',sans-serif;letter-spacing:0;text-decoration:none;cursor:pointer;transition:color .24s}
.language-switch a[aria-current=true]{color:#fff}.language-switch a:not([aria-current=true]){color:#c3b6aa}.language-switch a:hover{color:#fff}.language-switch a:focus-visible{outline:2px solid #efe8de;outline-offset:2px}
.language-switch__active{position:absolute;inset:4px auto 4px 4px;width:calc(50% - 4px);border-radius:99px;background:#d4683f;box-shadow:0 3px 14px #d4683f40;transition:transform .35s cubic-bezier(.16,1,.3,1)}
html[data-language=ar] .language-switch__active,.language-switch[data-next=ar] .language-switch__active{transform:translateX(100%)}.language-switch[data-next=en] .language-switch__active{transform:translateX(0)}
body{transition:opacity .24s ease}.language-leaving body{opacity:.08}
@font-face{
  font-family:'Thmanyah Serif Display';
  src:url('fonts/thmanyahserifdisplay-Black.woff2') format('woff2'),
      url('fonts/thmanyahserifdisplay-Black.otf') format('opentype');
  font-weight:800 900;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Thmanyah Serif Display';
  src:url('fonts/thmanyahserifdisplay-Bold.woff2') format('woff2'),
      url('fonts/thmanyahserifdisplay-Bold.otf') format('opentype');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Thmanyah Serif Display';
  src:url('fonts/thmanyahserifdisplay-Medium.woff2') format('woff2'),
      url('fonts/thmanyahserifdisplay-Medium.otf') format('opentype');
  font-weight:500 600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Thmanyah Serif Display';
  src:url('fonts/thmanyahserifdisplay-Regular.woff2') format('woff2'),
      url('fonts/thmanyahserifdisplay-Regular.otf') format('opentype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
.nav{mix-blend-mode:normal;background:rgba(18,16,14,.9);backdrop-filter:blur(12px)}
html[lang=ar]{--f-brand:'Thmanyah Serif Display','Noto Sans Arabic',sans-serif;--f-display:'Noto Sans Arabic',sans-serif;--f-body:'Noto Sans Arabic',sans-serif;--f-serif:'Thmanyah Serif Display','Noto Sans Arabic',serif}
html[lang=ar] :is(.hero__title,.hero__title .arabic-reveal,.loader__name,.footer__big,.nav__logo span){font-family:var(--f-brand)}
html[lang=ar] :is(.hero__title,.hero__title .split,.hero__title .arabic-reveal){font-family:var(--f-brand,'Thmanyah Serif Display','Noto Sans Arabic',sans-serif);font-weight:800}

/* Hero floating cards (Arabic desktop mirror) */
html[lang=ar] .hero .fl--1{right:auto;left:2.5%}
html[lang=ar] .hero .fl--2{left:auto;right:44%}
html[lang=ar] .hero .fl--3{right:auto;left:2%}
html[lang=ar] .hero .fl--4{left:auto;right:54%}
html[lang=ar] .hero .fl--5{left:auto;right:37%}
html[lang=ar] .hero .fl--6{right:auto;left:19%}

/* Marquee & clients RTL */
html[lang=ar] .marquee,html[lang=ar] .clients__row{direction:rtl}
html[lang=ar] .marquee__track{direction:rtl;animation:arabic-marq 38s linear infinite}
html[lang=ar] .clients__track{direction:rtl;animation:arabic-marq 55s linear infinite}
@keyframes arabic-marq{to{transform:translateX(50%)}}

/* Horizontal scroll & card--end RTL */
html[lang=ar] .hscroll,html[lang=ar] .hscroll__track{direction:rtl}
html[lang=ar] .hscroll__track{margin-right:0;margin-left:0}
html[lang=ar] .card--end{text-align:right;align-items:flex-start}
html[lang=ar] .card--end .link-arrow{align-self:flex-start}
html[lang=ar] .badge__ring{overflow:visible;fill:var(--ink,#efe8de);font-family:'Noto Sans Arabic',sans-serif;font-size:12px;letter-spacing:0}
html[lang=ar] .nav__logo span{font-size:1.15rem;letter-spacing:0}
html[lang=ar] .footer__big{letter-spacing:0}
html[lang=ar] body{line-height:1.7}
html[lang=ar] .progress{transform-origin:100% 50%}
html[lang=ar] .dot{margin-right:0;margin-left:.6em}
html[lang=ar] .nav{gap:1.4rem}
html[lang=ar] .nav__logo{font-size:1rem}
html[lang=ar] .nav__links{gap:1.5rem}
html[lang=ar] .nav__links a::after{transform-origin:left}
html[lang=ar] .nav__links a:hover::after{transform-origin:right}
html[lang=ar] .menu{clip-path:circle(0% at 44px 42px)}
html[lang=ar] .menu-open .menu{clip-path:circle(150% at 44px 42px)}
html[lang=ar] .serif{font-style:normal;font-weight:500;letter-spacing:0}

/* Match English section sizes & proportions across all sections */
html[lang=ar] :is(.h2,.hero__title,.contact__title,.manifesto__text,.srow__t,.tl__body h3,.card__meta h3,.client__name,.footer__big){letter-spacing:0}
html[lang=ar] :is(.kicker,.eyebrow,.filter,.tl__role,.gi__cap span,.lb__cat,.footer__row,.cursor__label){letter-spacing:0;text-transform:none}
html[lang=ar] .h2{font-size:clamp(2.4rem,1.2rem + 5vw,6.5rem);line-height:1.12}
html[lang=ar] .work .h2{font-size:clamp(2.2rem,1rem + 4vw,5rem);line-height:1.12}

/* Hero section: match English proportions and show circular Arabic badge ring */
html[lang=ar] .hero{height:100svh;min-height:600px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-content:stretch;grid-template-columns:minmax(0,1fr);row-gap:12px;padding-top:110px;padding-bottom:40px}
html[lang=ar] .hero .hero__top{gap:2rem}
html[lang=ar] .hero .hero__title{font-family:var(--f-brand);font-size:clamp(3.5rem,min(15vw,calc((100svh - 410px)/3.35)),20rem);font-weight:800;line-height:1.05;letter-spacing:0;margin:0;padding-top:0;align-self:end}
html[lang=ar] .hero .hero__title .line{line-height:1.05;padding-top:0;padding-bottom:0;overflow:visible}
html[lang=ar] .hero .hero__title .arabic-reveal{font-family:var(--f-brand);font-weight:800;line-height:1.05;letter-spacing:0;white-space:nowrap}
html[lang=ar] .hero .hero__title .line--indent{padding-right:10vw;padding-left:0;gap:.12em}
html[lang=ar] .hero .hero__star{font-size:.25em}
html[lang=ar] .hero .hero__bottom{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%;flex-shrink:0;gap:24px;margin-top:0;min-width:0}
html[lang=ar] .hero .hero__lede{flex:0 1 38ch;max-width:38ch;min-width:0;font-size:clamp(1.05rem,.9rem + .6vw,1.4rem);line-height:1.55;margin:0;overflow:visible;white-space:normal}
html[lang=ar] .hero .badge{position:relative;margin-inline-start:auto;align-self:flex-end;transform:none}
html[lang=ar] .hero .badge__ring{display:block!important;font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0}

/* Manifesto & About: match English font-size and section height */
html[lang=ar] .manifesto__text{font-size:clamp(1.6rem,.9rem + 2.6vw,3.6rem);line-height:1.38}
html[lang=ar] .about__photo figcaption{text-align:right;line-height:1.4}
html[lang=ar] .stats{direction:rtl}
html[lang=ar] .stat{padding-right:0;padding-left:1.5rem}
html[lang=ar] .stat:nth-child(odd){border-right:0;border-left:1px solid var(--line)}
html[lang=ar] .stat:nth-child(even){padding-left:0;padding-right:1.5rem}
html[lang=ar] .stat__num{direction:ltr;display:inline-block;letter-spacing:0}

/* Selected Work & Expertise: match English sizes */
html[lang=ar] .card__meta h3{line-height:1.25}
html[lang=ar] .card__meta p{text-align:left;letter-spacing:0}
html[lang=ar] .card--end p{font-size:clamp(1.6rem,1rem + 2vw,2.8rem);line-height:1.28}
html[lang=ar] .link-arrow .ico{transform:scaleX(-1)}
html[lang=ar] .link-arrow:hover span{transform:translateX(-6px)}
html[lang=ar] .srow{grid-template-columns:70px 1.1fr 1fr 40px}
html[lang=ar] .srow__n{padding-left:0;padding-right:.5rem}
html[lang=ar] .srow__t{font-size:clamp(1.8rem,1rem + 3.2vw,4.6rem);line-height:1.12}
html[lang=ar] .srow__d{line-height:1.65}
html[lang=ar] .srow:hover .srow__t{transform:translateX(-1.2rem)}
html[lang=ar] .srow__a .ico{transform:scaleX(-1)}
html[lang=ar] .srow:hover .srow__a{transform:rotate(-45deg)}

/* Statement & Journey: match English sizes */
html[lang=ar] .statement__text{font-size:clamp(2rem,1rem + 5vw,6.4rem);line-height:1.18;letter-spacing:0}
html[lang=ar] .timeline{padding-left:0;padding-right:clamp(24px,4vw,60px)}
html[lang=ar] .timeline__line{left:auto;right:0}
html[lang=ar] .tl::before{left:auto;right:calc(-1 * clamp(24px,4vw,60px) - 6px)}
html[lang=ar] .tl__date{text-align:right;unicode-bidi:isolate}
html[lang=ar] .tl__body h3{font-size:clamp(1.5rem,1rem + 1.8vw,2.8rem);line-height:1.2}
html[lang=ar] .bar i{left:auto;right:0;transform-origin:right}
html[lang=ar] .bar small{margin-left:0;margin-right:.4rem}

/* Archive & Lightbox */
html[lang=ar] .gi__cap h3{font-size:1.15rem;line-height:1.3}
html[lang=ar] .lb{direction:ltr}
html[lang=ar] .lb__fig figcaption{direction:rtl}
html[lang=ar] .lb__close{right:auto;left:24px}
html[lang=ar] .lb__idx{unicode-bidi:isolate}

/* Contact & Footer: match English headline size, keep Arabic name style, fix Local Time alignment */
html[lang=ar] .contact__title{font-size:clamp(3rem,1rem + 9vw,11rem);line-height:1.04;letter-spacing:0}
html[lang=ar] .contact__title .line{overflow:visible;line-height:1.04;padding-bottom:.04em}
html[lang=ar] .contact__title .serif{font-size:1.02em;font-weight:600}
html[lang=ar] .contact__info{direction:rtl}
html[lang=ar] .contact__info > div{text-align:right}
html[lang=ar] .clock{direction:ltr;unicode-bidi:isolate;display:inline-block;text-align:right}
html[lang=ar] .footer__big{font-size:clamp(3rem,10vw,12rem);word-spacing:.1em;line-height:1}
html[lang=ar] .loader__name{font-size:clamp(4rem,14vw,12rem);line-height:1.6;letter-spacing:0}
html[lang=ar] .loader__count{direction:ltr}

.arabic-reveal{display:inline-block;animation:arabic-entrance .85s both cubic-bezier(.16,1,.3,1);animation-play-state:paused}
.arabic-reveal.is-visible{animation-play-state:running}
@keyframes arabic-entrance{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

@media(min-width:821px){
  html[lang=ar] .hero .hero__top{display:flex;justify-content:space-between;align-items:center;width:100%}
  html[lang=ar] .hero .eyebrow--right{display:block;margin-inline-start:auto;text-align:left}
}
@media(max-width:1100px) and (min-width:821px){
  .nav{gap:1rem}.nav__links{gap:1rem}.language-switch{width:118px}
  html[lang=ar] .nav__links{gap:.8rem}html[lang=ar] .nav__cta{padding:.5rem .8rem}
}
@media(max-width:1024px){
  html[lang=ar] .srow{grid-template-columns:50px 1fr 30px}
}
@media(max-width:820px){
  .language-switch{margin-inline-start:auto;width:120px;height:40px}.language-switch a{height:30px}.nav{gap:.75rem}
  html[lang=ar] .hero .hero__top{gap:.4rem}
  html[lang=ar] .hero .hero__title{font-size:clamp(3.5rem,19vw,10rem);align-self:center;margin-block:auto;padding-top:0}
  html[lang=ar] .hero .hero__title .line--indent{padding-right:6vw}
  html[lang=ar] .hero .hero__lede{font-size:1rem;max-width:28ch}
  html[lang=ar] .srow__t{font-size:clamp(1.8rem,1rem + 3.2vw,3rem)}
  .clients__row{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y}
  .clients__row::-webkit-scrollbar{display:none}
  .clients:hover .clients__track{animation-play-state:running}
  .clients__row:active .clients__track,.clients__row:focus-within .clients__track{animation-play-state:paused}
}
@media(max-width:560px){
  .nav__logo{gap:.4rem;font-size:.85rem}.nav__logo svg{width:30px;height:30px}
  .language-switch{width:108px;height:38px}.language-switch a{height:28px;font-size:11px}
  .nav{gap:.4rem}.nav__burger{width:36px;flex:none}
  html[lang=ar] .nav__logo{font-size:.85rem}
  html[lang=ar] .card__meta p{text-align:right}
  html[lang=ar] .stat{padding:1.4rem 0 1.4rem 1rem}
  html[lang=ar] .stat:nth-child(even){padding-left:0;padding-right:1rem}
  html[lang=ar] .hero{padding-top:100px;padding-bottom:32px}
  html[lang=ar] .hero .hero__title{font-size:clamp(3.25rem,20vw,6.75rem);align-self:center;margin-block:auto}
  html[lang=ar] .hero .hero__bottom{align-items:center;gap:16px}
  html[lang=ar] .hero .hero__lede{max-width:25ch;font-size:.9375rem}
  html[lang=ar] .hero .badge{width:92px}
  html[lang=ar] .gi__cap{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
  .arabic-reveal{animation:none;opacity:1;transform:none}
  .language-leaving body{opacity:1}
  .language-switch__active,body{transition:none}
}

/* English only: Trusted-by logos move right to left (Arabic keeps its own direction). */
html:not([lang=ar]) .clients__track{animation-direction:normal}

/* Arabic call button: label on the right, number kept as one left-to-right block. */
html[lang=ar] .btn[href^="tel:"]{direction:rtl}
html[lang=ar] .btn[href^="tel:"] bdi{unicode-bidi:isolate;direction:ltr;display:inline-block}