/* =========================================================
   RTL — [dir="rtl"]
   ========================================================= */
[dir="rtl"]{ text-align:right; }

[dir="rtl"] .nav-utils{ margin-left:0; margin-right:18px; }
[dir="rtl"] .dropdown-menu{ left:auto; right:0; }
[dir="rtl"] .hero-actions,
[dir="rtl"] .footer-social,
[dir="rtl"] .filter-bar,
[dir="rtl"] .main-nav > ul,
[dir="rtl"] .tile i{ direction:rtl; }

[dir="rtl"] .hero-grid{ direction:rtl; }
[dir="rtl"] .hero-grid .hero-copy{ order:2; }
[dir="rtl"] .hero-grid .hero-media{ order:1; }

[dir="rtl"] .stat{ padding-right:0; padding-left:24px; }
[dir="rtl"] .tier--featured .tier-badge{ right:auto; left:30px; }
[dir="rtl"] .art-cover span.card-label{ left:auto; right:20px; }
[dir="rtl"] .card-meta,
[dir="rtl"] .section-head,
[dir="rtl"] .footer-bottom{ direction:rtl; }

[dir="rtl"] .tier-list li i{ margin-top:3px; }
[dir="rtl"] table.matrix th,
[dir="rtl"] table.matrix td{ text-align:right; }

[dir="rtl"] .field .error-msg{ direction:rtl; }

[dir="rtl"] .split-screen > *:nth-child(1){ transform:translateX(110px); }
[dir="rtl"] .split-screen > *:nth-child(2){ transform:translateX(-110px); }

[dir="rtl"] .zz-item.zz-left{ transform:translateX(70px); }
[dir="rtl"] .zz-item.zz-right{ transform:translateX(-70px); }

@media (max-width:1024px){
  [dir="rtl"] .main-nav{ right:0; left:auto; }
}

/* =========================================================
   RTL — new components
   ========================================================= */
[dir="rtl"] .story-timeline{ padding-left:0; padding-right:44px; }
[dir="rtl"] .story-timeline::before{ left:auto; right:9px; }
[dir="rtl"] .story-dot{ left:auto; right:-44px; }
[dir="rtl"] .timeline{ padding-left:0; padding-right:24px; }
[dir="rtl"] .timeline::before{ left:auto; right:5px; }
[dir="rtl"] .timeline-item::before{ left:auto; right:-24px; }
[dir="rtl"] .narrative{ direction:rtl; }
[dir="rtl"] .metric-top,
[dir="rtl"] .vendor-top,
[dir="rtl"] .gala-top,
[dir="rtl"] .curtain-top,
[dir="rtl"] .comms-msg-head,
[dir="rtl"] .theme-card-foot,
[dir="rtl"] .vendor-foot,
[dir="rtl"] .gala-foot,
[dir="rtl"] .dash-hero-top,
[dir="rtl"] .dash-section-head,
[dir="rtl"] .dash-tabs-row{ direction:rtl; }
[dir="rtl"] .director-card{ direction:rtl; }
[dir="rtl"] .flip-card-back{ direction:rtl; }