/* Quiet decoration while retaining controls, content and navigation cues. */
:is(.hero__grid, .hero__orb, .hero__pulse, .about-hero__grid,
    .about-hero__orbit, .footer__radar, .brands__scan) { display: none !important; }
:is(.purpose-card, .about-journey, .about-purpose, .footer__cta,
    .places, .ranking, .brands__stage)::before,
:is(.purpose-card, .about-journey, .footer__cta, .places,
    .ranking, .brands__stage)::after { content: none !important; }
:is(.hero__eyebrow, .hero__copyFoot, .hero__outcome, .about-hero__eyebrow,
    .about-hero__intro, .about-hero__index, .purpose-card__top,
    .about-stats, .values-grid, .value-card, .footer__legal,
    .brands__head, .section-head) { border-top: 0 !important; border-bottom: 0 !important; }
.about-hero__intro::before, .purpose-card__top::before { content: none !important; }
.landing-page .built__list > div:nth-child(n) { border: 0; }
.landing-page .div { border-color: rgba(10, 25, 47, .1); }
.language-switch { display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0; margin: 0; color: inherit; direction: ltr; }
.language-switch button { appearance: none; border: 0; background: transparent; color: inherit; font: inherit; font-size: 12px; line-height: 1.6; padding: 8px 2px; cursor: pointer; opacity: .6; }
.language-switch button[aria-pressed="true"] { opacity: 1; font-weight: 700; }
.language-switch button:hover { opacity: 1; }
.language-switch button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.language-switch > span { opacity: .35; }
/* Arabic uses connected glyphs and generous line height instead of Latin display metrics. */
html[dir="rtl"] { --display: Tahoma, Arial, sans-serif; }
html[dir="rtl"] body,
html[dir="rtl"] body :is(h1,h2,h3,h4,p,a,button,input,textarea,label,span,blockquote,dt,dd) {
  font-family: Tahoma, Arial, sans-serif !important;
  letter-spacing: normal !important;
  text-transform: none;
}
html[dir="rtl"] :is(h1,h2,h3,.hero__title,.about-hero h1,.footer__headline,.footer__headline strong) { line-height: 1.4; }
html[dir="rtl"] :is(p,blockquote,.section-lede,.story__p) { line-height: 1.9; }
html[dir="rtl"] :is(.hero__title,.about-hero h1,.story__lead,.footer__headline) { max-width: none; }
html[dir="rtl"] :is(.section-lede--left,.div__btn,.field,.about-story__copy) { text-align: start; }
html[dir="rtl"] :is(input[type="email"],input[type="tel"],.footer__mail,.contact__direct a,.clock time) { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .div__inner { padding-left: 0; padding-inline-start: 40px; }
html[dir="rtl"] .mega__cardText { text-align: start; }
html[dir="rtl"] .footer__word { direction: ltr; }
/* Scroll tracks use physical offsets; preserve their geometry in both languages.
   Each panel restores RTL reading order for its Arabic content. */
html[dir="rtl"] :is(.story__pin, .story__track, .work__viewport, #workTrack) { direction: ltr; }
html[dir="rtl"] :is(.story__panel, #workTrack .case) { direction: rtl; }
@media (min-width: 761px) {
  html[dir="rtl"] .hero__copy {
    left: auto;
    right: clamp(28px,5vw,78px);
    transform: translate(calc(var(--hero-p)*34vw),-46%) scale(calc(1 - var(--hero-p)*.12));
    transform-origin: right center;
  }
  html[dir="rtl"] .hero__visual { left: 3%; right: calc(63% - var(--hero-p)*60%); }
  html[dir="rtl"] .hero__outcome { left: 7%; right: calc(66% - var(--hero-p)*59%); }
}
@media (max-width: 760px) {
  html[dir="rtl"] .hero__copy {
    top: 120px;
    transform: translateX(calc(var(--hero-p)*112vw)) scale(calc(1 - var(--hero-p)*.08));
    transform-origin: right top;
  }
  html[dir="rtl"] .hero__title { font-size: clamp(40px, 11vw, 64px); line-height: 1.2; }
  html[dir="rtl"] .hero__kicker { margin-bottom: 12px; }
  html[dir="rtl"] .hero__copyFoot { margin-top: 18px; gap: 12px; }
  html[dir="rtl"] .hero__lede { font-size: 13px; line-height: 1.65; }
  html[dir="rtl"] .hero__visual { top: calc(max(66%, 470px) * (1 - var(--hero-p)) + 2.5% * var(--hero-p)); }
}
@media (max-width: 600px) {
  .header-actions { gap: 10px; }
  .language-switch { gap: 4px; }
  .language-switch button { font-size: 11px; }
  .site-header .header-cta { display: none; }
  html[dir="rtl"] .about-hero h1 { font-size: clamp(48px, 12vw, 76px); }
}