:root { font-family: Tahoma, Arial, sans-serif; }

body { direction: rtl; text-align: right; }

.site-header,
.desktop-nav,
.studio-hero-actions,
.project-form-actions,
.work-ims-toolbar { direction: rtl; }

.brand,
.brand-lockup,
video,
picture,
img,
.work-project-image,
.studio-visual,
.evolution-canvas,
.stage-canvas { direction: ltr; }

.language-switch { white-space: nowrap; }

/* Reading direction must not reverse the safe text area in authored films. */
@media (min-width: 768px) {
  .hero-content,
  .landing-scroll-track > .contact,
  .dm-hero-copy,
  .dm-close-copy,
  .dm-showreel-copy,
  .oa-hero-copy,
  .oa-assessment-copy,
  .studio-hero-copy { direction: ltr; text-align: left; }

  .hero-content > *,
  .contact-copy,
  .dm-hero-copy > *,
  .dm-close-copy > *,
  .dm-showreel-copy > *,
  .oa-hero-copy > *,
  .oa-assessment-copy > *,
  .studio-hero-copy > * { direction: rtl; text-align: right; }

  .contact-copy { width: min(590px, 45vw); }

  .oa-hero-copy > *,
  .oa-assessment-copy > * { max-width: min(650px, 48vw); }

  .dm-hero-copy h1,
  .dm-close-copy h2,
  .oa-hero-copy h1,
  .oa-assessment-copy h2,
  .studio-hero-copy h1 {
    max-width: min(650px, 48vw);
    font-size: clamp(48px, 5.3vw, 76px);
    line-height: 1.3;
  }
}

/* Keep the shared cinematic track in its authored physical direction. The
   controller measures positive offsetLeft values and translates leftward. */
#capability-viewport,
#capability-track { direction: ltr; }

#capability-track .capability-panel { direction: rtl; text-align: right; }

input,
select,
textarea { text-align: right; }

input[type="email"] { direction: ltr; text-align: left; }

.feature-index,
.eyebrow,
.work-kicker { letter-spacing: 0; }

@media (max-width: 760px) {
  .language-switch { font-size: 0.75rem; }
}