[dir="rtl"] body {
  font-family: "Rubik", "Inter", system-ui, sans-serif;
}

[dir="rtl"] body:has(.site--project) .nav .nav__expandable .nav__link {
  transform: translateX(10px);
}

[dir="rtl"] body:has(.site--project) .nav:is(:hover, :focus-within) .nav__expandable .nav__link {
  transform: translateX(0);
}

[dir="rtl"] .nav,
[dir="rtl"] body:has(.site--project) .nav,
[dir="rtl"] body:has(.site--project) .nav:is(:hover, :focus-within) {
  padding-inline: 10px 14px;
}

[dir="rtl"] .project-back svg,
[dir="rtl"] .btn__icon {
  transform: scaleX(-1);
}

[dir="rtl"] .hero__chip-icon {
  transform: scaleX(-1);
}

[dir="rtl"] .back-to-top {
  right: auto;
  left: 24px;
}

@media (max-width: 900px) {
  [dir="rtl"] .back-to-top {
    left: 16px;
    bottom: calc(72px + env(safe-area-inset-bottom, 0px));
  }
}

[dir="rtl"] .hero__intro,
[dir="rtl"] .hero__statement,
[dir="rtl"] .work-card__footer,
[dir="rtl"] .work-card__title,
[dir="rtl"] .work-card__desc,
[dir="rtl"] .cv__intro,
[dir="rtl"] .cv__title,
[dir="rtl"] .cv__text,
[dir="rtl"] .footer__title,
[dir="rtl"] .footer__bio,
[dir="rtl"] .cta__text,
[dir="rtl"] .cv-modal__dialog,
[dir="rtl"] .project-back,
[dir="rtl"] .project-header__desc,
[dir="rtl"] .project-header__markline,
[dir="rtl"] .project-header__headline,
[dir="rtl"] .project-brief-meta__row,
[dir="rtl"] .project-brief-story__title,
[dir="rtl"] .project-brief-story__text,
[dir="rtl"] .stt-story-hero__title,
[dir="rtl"] .stt-story-hero__lead,
[dir="rtl"] .jw-case__intro-question,
[dir="rtl"] .jw-case__deck,
[dir="rtl"] .jw-case__body,
[dir="rtl"] .jw-case__text,
[dir="rtl"] .jw-case__section-title,
[dir="rtl"] .jw-case__h4,
[dir="rtl"] .jw-case__quote-card blockquote,
[dir="rtl"] .jw-case__pillar p,
[dir="rtl"] .jw-case__summary,
[dir="rtl"] .jw-case__meta-list,
[dir="rtl"] .stt-chapter__title,
[dir="rtl"] .stt-chapter__text,
[dir="rtl"] .stt-chapter__caption,
[dir="rtl"] .jw-case__intro-kicker,
[dir="rtl"] .jw-case__tags li,
[dir="rtl"] .jw-case__toolbar,
[dir="rtl"] .jw-case__meta-card,
[dir="rtl"] .jw-case__quote-card cite,
[dir="rtl"] .jw-case__pillar h4 {
  text-align: right;
}

[dir="rtl"] .jw-case,
[dir="rtl"] .jw-case__title,
[dir="rtl"] .jw-case__section-title {
  font-family: "Rubik", system-ui, sans-serif;
}

[dir="rtl"] .jw-case__title,
[dir="rtl"] .jw-case__section-title,
[dir="rtl"] .jw-case__intro-question {
  letter-spacing: 0;
}

[dir="rtl"] .jw-case .project-panel--magic-case .magic-layers-canva__step,
[dir="rtl"] .jw-case .project-panel--magic-case .magic-layers-canva__step-title {
  font-family: "Rubik", system-ui, sans-serif;
  text-align: right;
}

[dir="rtl"] .ns-home-page,
[dir="rtl"] .ns-home-page .ns-home__nav a,
[dir="rtl"] .ns-home-page .ns-home__intro-lead,
[dir="rtl"] .ns-home-page .ns-home__intro-body,
[dir="rtl"] .ns-home-page .ns-home__role,
[dir="rtl"] .ns-home-page .ns-work__eyebrow,
[dir="rtl"] .ns-home-page .ns-work__title,
[dir="rtl"] .ns-note-footer,
[dir="rtl"] .ns-note-footer__meta-label,
[dir="rtl"] .ns-note-footer__meta-value,
[dir="rtl"] .ns-note-footer__copy,
[dir="rtl"] .ns-note-footer__lang .lang-btn {
  font-family: "Rubik", system-ui, sans-serif;
}

[dir="rtl"] .ns-case__shift-arrow {
  transform: scaleX(-1);
}

@media (max-width: 720px) {
  [dir="rtl"] .ns-case__shift-arrow {
    transform: rotate(90deg);
  }
}

[dir="rtl"] .ns-home__intro-lead,
[dir="rtl"] .ns-work__title {
  font-family: "Rubik", system-ui, sans-serif;
  letter-spacing: 0;
}

/* Splash brand mark stays identical in HE — same Latin names + Instrument Serif */
[dir="rtl"] .ns-home__splash {
  direction: ltr;
}

[dir="rtl"] .ns-home__splash-name {
  font-family: "Instrument Serif", Georgia, serif;
  letter-spacing: -0.02em;
}

[dir="rtl"] .ns-home__role {
  font-style: normal;
}

[dir="rtl"] .ns-work__title {
  font-weight: 600;
}

/*
  Rail / nav already use logical start alignment.
  Do NOT use flex-end / text-align:end here — in RTL those push content to the LEFT.
*/
[dir="rtl"] .ns-home__rail,
[dir="rtl"] .ns-home__nav {
  align-items: flex-start;
  text-align: start;
}

[dir="rtl"] .ns-home__intro,
[dir="rtl"] .ns-home__intro-lead,
[dir="rtl"] .ns-home__intro-body,
[dir="rtl"] .ns-work__eyebrow,
[dir="rtl"] .ns-work__title,
[dir="rtl"] .ns-home__about-label,
[dir="rtl"] .ns-home__about-text,
[dir="rtl"] .ns-home__footer,
[dir="rtl"] .ns-home__footer-label,
[dir="rtl"] .ns-home__footer-value,
[dir="rtl"] .ns-home__copy {
  text-align: start;
}

[dir="rtl"] .ns-home__footer {
  flex-direction: row;
}

[dir="rtl"] .ns-home__footer-bottom {
  align-items: flex-start;
}

[dir="rtl"] .ns-note-footer__meta-right {
  text-align: start;
}

[dir="rtl"] .ns-note-footer__meta-value--live {
  justify-content: flex-start;
}

[dir="rtl"] .ns-cv__row {
  direction: rtl;
}

@media (max-width: 800px) {
  [dir="rtl"] .ns-home__rail {
    justify-content: flex-start;
  }

  [dir="rtl"] .ns-home__nav {
    align-items: center;
  }

  [dir="rtl"] body[data-page="index"] .ns-home__avatar,
  [dir="rtl"] body[data-page="cv"] .ns-home__avatar {
    align-self: flex-start;
  }
}

[dir="rtl"] .ns-case {
  font-family: "Rubik", system-ui, sans-serif;
}

[dir="rtl"] .ns-case__title,
[dir="rtl"] .ns-case__heading,
[dir="rtl"] .ns-case__subhead,
[dir="rtl"] .ns-case__eyebrow,
[dir="rtl"] .ns-case__body,
[dir="rtl"] .ns-case__tldr-text,
[dir="rtl"] .ns-case__goal-text,
[dir="rtl"] .ns-case__goal-row .ns-case__goal-text,
[dir="rtl"] .ns-case__goal-tag,
[dir="rtl"] .ns-case__decisions h3,
[dir="rtl"] .ns-case__more-name,
[dir="rtl"] .ns-case__quotes--framed blockquote,
[dir="rtl"] .ns-case__quotes blockquote,
[dir="rtl"] .ns-case__quotes-label {
  font-family: "Rubik", system-ui, sans-serif;
}
[dir="rtl"] .ns-case__toc a,
[dir="rtl"] .ns-case .lang-btn {
  font-family: "Rubik", system-ui, sans-serif;
  letter-spacing: 0;
}

[dir="rtl"] .ns-case__goal-row .ns-case__goal-text {
  font-weight: 500;
}

[dir="rtl"] .ns-case__quotes blockquote {
  font-style: italic;
}

[dir="rtl"] .ns-case__quotes blockquote::before {
  content: "„";
  font-style: normal;
}

[dir="rtl"] .ns-case__quotes--framed blockquote::before {
  content: "„";
}

[dir="rtl"] .ns-case__back span:first-child {
  transform: scaleX(-1);
}

[dir="rtl"] .ns-case__screen-carousel-btn--next svg {
  transform: scaleX(-1);
}

[dir="rtl"] .ns-case__screen-carousel-btn--prev svg {
  transform: scaleX(-1);
}

[dir="rtl"] .project-block__title,
[dir="rtl"] .project-block__text,
[dir="rtl"] .project-block__eyebrow,
[dir="rtl"] .project-list,
[dir="rtl"] .project-list--compact,
[dir="rtl"] .project-card,
[dir="rtl"] .project-card__title,
[dir="rtl"] .project-card__text,
[dir="rtl"] .project-insights__title,
[dir="rtl"] .project-insights__text,
[dir="rtl"] .project-research__lead,
[dir="rtl"] .project-research__method-label,
[dir="rtl"] .project-research__impact-title,
[dir="rtl"] .project-research__impact-label,
[dir="rtl"] .project-research__impact-text,
[dir="rtl"] .project-voices__quote,
[dir="rtl"] .project-competitors__link,
[dir="rtl"] .project-competitors__lead,
[dir="rtl"] .project-canvas__label,
[dir="rtl"] .project-canvas__text,
[dir="rtl"] .project-flow__label,
[dir="rtl"] .project-flow__text,
[dir="rtl"] .project-onboarding__copy,
[dir="rtl"] .project-avatar-group__title,
[dir="rtl"] .project-avatar-tile__label,
[dir="rtl"] .project-assets__chapter-title {
  text-align: right;
}
[dir="rtl"] .project-next__label,
[dir="rtl"] .project-next__name,
[dir="rtl"] .project-next__desc,
[dir="rtl"] .project-meta__label,
[dir="rtl"] .project-meta__stat,
[dir="rtl"] .journey-map__subtitle,
[dir="rtl"] .journey-map__label,
[dir="rtl"] .journey-map__cell,
[dir="rtl"] .testimonial-wall__title,
[dir="rtl"] .testimonial-wall__lead,
[dir="rtl"] .testimonial-wall__quote {
  text-align: right;
}

[dir="rtl"] .magic-layers-canva__title,
[dir="rtl"] .magic-layers-canva__step {
  text-align: right;
}

[dir="rtl"] .nav,
[dir="rtl"] .cv__frame,
[dir="rtl"] .footer__top,
[dir="rtl"] .footer__bottom,
[dir="rtl"] .work__grid,
[dir="rtl"] .work-card,
[dir="rtl"] .project-meta__row,
[dir="rtl"] .project-header__brand,
[dir="rtl"] .project-header__split,
[dir="rtl"] .project-body__grid,
[dir="rtl"] .project-body__grid--3,
[dir="rtl"] .project-insights,
[dir="rtl"] .project-onboarding,
[dir="rtl"] .project-insights,
[dir="rtl"] .project-canvas,
[dir="rtl"] .project-research__methods,
[dir="rtl"] .project-research__impact-list,
[dir="rtl"] .project-voices,
[dir="rtl"] .project-voices__footer,
[dir="rtl"] .project-competitors,
[dir="rtl"] .project-next__inner,
[dir="rtl"] .project-flow,
[dir="rtl"] .journey-map__head,
[dir="rtl"] .journey-map__stages,
[dir="rtl"] .journey-map__grid,
[dir="rtl"] .project-ux,
[dir="rtl"] .project-ux__copy {
  direction: rtl;
}

[dir="rtl"] .project-meta__row {
  flex-direction: row;
}

[dir="rtl"] .project-meta__label {
  text-align: right;
}

[dir="rtl"] .project-meta__values,
[dir="rtl"] .project-meta__stat {
  text-align: right;
}

[dir="rtl"] .project-meta__values--grid {
  direction: rtl;
}

[dir="rtl"] .project-voices__footer {
  flex-direction: row-reverse;
}

[dir="rtl"] .project-competitors__link {
  flex-direction: row;
  justify-content: flex-start;
  gap: 16px;
}

[dir="rtl"] .project-list li,
[dir="rtl"] .project-list--compact li {
  padding: 12px 20px 12px 0;
  text-align: right;
}

[dir="rtl"] .project-list--compact li {
  padding: 10px 20px 10px 0;
}

[dir="rtl"] .project-list li::before {
  left: auto;
  right: 0;
}

[dir="rtl"] .journey-map__stages {
  margin-left: 0;
  margin-right: 88px;
}

[dir="rtl"] .journey-map__row {
  direction: rtl;
}

[dir="rtl"] .journey-map__svg {
  transform: scaleX(-1);
  transform-origin: center;
}

[dir="rtl"] .journey-map__dots {
  direction: rtl;
}

[dir="rtl"] .journey-map__feelings {
  direction: rtl;
  text-align: center;
}

[dir="rtl"] .journey-map__feelings li,
[dir="rtl"] .journey-map__stage {
  text-align: center;
}

[dir="rtl"] .journey-map__cell {
  border-left: none;
  border-right: 1px solid var(--border);
}

[dir="rtl"] .journey-map__label {
  padding: 16px 0 16px 12px;
}

[dir="rtl"] .journey-map__cell ul {
  padding: 0 14px 0 0;
}

[dir="rtl"] .journey-map__timeline-step,
[dir="rtl"] .journey-map__timeline-body {
  text-align: start;
}

[dir="rtl"] .journey-map__chart {
  border-left: none;
  border-right: 1px solid var(--border);
}

[dir="rtl"] .magic-layers-canva__grid {
  direction: rtl;
}

[dir="rtl"] .magic-layers-canva__visual,
[dir="rtl"] .magic-layers-canva__canvas,
[dir="rtl"] .magic-layers__scene-wrap,
[dir="rtl"] .magic-layers__stage,
[dir="rtl"] .magic-layers__layer-rail {
  direction: ltr;
}

@media (min-width: 901px) {
  [dir="rtl"] .magic-layers-canva__canvas {
    justify-content: center;
    padding: 0;
  }

  [dir="rtl"] .magic-layers-canva__visual {
    justify-content: center;
  }

  [dir="rtl"] .magic-layers__scene-wrap {
    align-items: center;
  }

  [dir="rtl"] .magic-layers__stage {
    margin-inline: auto;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 900px) {
  [dir="rtl"] .magic-layers-canva__grid {
    direction: ltr;
  }

  [dir="rtl"] .magic-layers-canva__visual,
  [dir="rtl"] .magic-layers-canva__canvas {
    justify-content: center;
  }

  [dir="rtl"] .magic-layers-canva__canvas {
    padding: 0;
  }

  [dir="rtl"] .magic-layers__scene-wrap {
    align-items: center;
  }

  [dir="rtl"] .magic-layers__stage {
    margin-inline: auto;
    margin-left: auto;
    margin-right: auto;
  }
}

[dir="rtl"] .project-v1__head,
[dir="rtl"] .project-v1__intro,
[dir="rtl"] .project-v1__lead,
[dir="rtl"] .project-v1-flow__label,
[dir="rtl"] .project-v1-flow__note,
[dir="rtl"] .project-v1-flow__screen-label {
  text-align: right;
}

[dir="rtl"] .project-v2__mark .project-body__inner,
[dir="rtl"] .project-v2__lead {
  text-align: center;
}

[dir="rtl"] .project-v2-insights__head,
[dir="rtl"] .project-v2-card__copy,
[dir="rtl"] .project-v2-card__title,
[dir="rtl"] .project-v2-card__text {
  text-align: right;
}

[dir="rtl"] .project-v2-card__caption {
  text-align: center;
}

[dir="rtl"] .project-research-evidence__caption {
  text-align: right;
}

[dir="rtl"] .project-competitors__name::after {
  margin-left: 0;
  margin-right: 6px;
}

[dir="rtl"] .project-competitors__link:hover .project-competitors__name::after {
  transform: translate(-2px, -2px);
}

[dir="rtl"] .ns-case__competitor:hover .ns-case__competitor-arrow,
[dir="rtl"] .ns-case__competitor:focus-visible .ns-case__competitor-arrow {
  transform: translate(-2px, -2px);
}

[dir="rtl"] .cv-modal__form {
  direction: rtl;
}

[dir="rtl"] .project-voices__quote::before {
  margin-right: 0;
  margin-left: 0.06em;
}

[dir="rtl"] .project-voices__quote::after {
  margin-left: 0;
  margin-right: 0.04em;
}
