html[dir="ltr"] .portfolio-hero__orb{right:auto;left:-100px}html[dir="ltr"] .portfolio-hero__actions i,html[dir="ltr"] .portfolio-copy footer i,html[dir="ltr"] .work-actions i{margin:0 0 0 5px;transform:scaleX(-1)}html[dir="ltr"] .portfolio-checks i{margin:0 4px 0 0}html[dir="ltr"] .portfolio-art__stat.top{right:auto;left:-30px}html[dir="ltr"] .portfolio-art__stat.bottom{left:auto;right:-50px}html[dir="ltr"] .portfolio-layout{grid-template-columns:260px minmax(0,1fr)}html[dir="ltr"] .portfolio-filter{grid-column:1;grid-row:1}html[dir="ltr"] .portfolio-projects{grid-column:2;grid-row:1}html[dir="ltr"] .portfolio-filter button{text-align:left}html[dir="ltr"] .portfolio-filter b{margin-right:0;margin-left:auto}html[dir="ltr"] .portfolio-media>a>span{right:auto;left:14px}html[dir="ltr"] .portfolio-thumbs{right:12px;left:12px}html[dir="ltr"] .portfolio-copy>span{justify-self:start}html[dir="ltr"] .work-back i,html[dir="ltr"] .work-scope span>i:last-child{transform:scaleX(-1)}html[dir="ltr"] .work-show-copy,html[dir="ltr"] .work-panel,html[dir="ltr"] .work-contact{text-align:left}@media(max-width:820px){html[dir="ltr"] .portfolio-layout{grid-template-columns:1fr}html[dir="ltr"] .portfolio-filter,html[dir="ltr"] .portfolio-projects{grid-column:1;grid-row:auto}html[dir="ltr"] .portfolio-art__stat.top{left:auto;right:-18px}html[dir="ltr"] .portfolio-art__stat.bottom{right:auto;left:-20px}}

/* The portfolio card is deliberately mirrored in English: copy reads from the left and visual weight sits on the right. */
html[dir="ltr"] .portfolio-list article{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important;direction:ltr}html[dir="ltr"] .portfolio-media{grid-column:2;grid-row:1}html[dir="ltr"] .portfolio-copy{grid-column:1;grid-row:1;text-align:left;direction:ltr}html[dir="ltr"] .portfolio-copy>span{justify-self:start}html[dir="ltr"] .portfolio-copy section{grid-template-columns:67px minmax(0,1fr)!important;text-align:left}html[dir="ltr"] .portfolio-copy section small{padding-top:5px}html[dir="ltr"] .portfolio-copy footer{justify-content:flex-start}html[dir="ltr"] .portfolio-copy footer a:first-child:hover i{transform:translateX(3px) scaleX(-1)}
/* In Arabic the sidebar stays on the right; in English it moves left and all controls follow the reading direction. */
html[dir="rtl"] .portfolio-filter{direction:rtl;text-align:right}html[dir="rtl"] .portfolio-filter button{justify-content:flex-start;text-align:right}html[dir="rtl"] .portfolio-filter b{margin-right:auto;margin-left:0}html[dir="ltr"] .portfolio-filter{direction:ltr;text-align:left}html[dir="ltr"] .aside-filter-card>p,html[dir="ltr"] .aside-filter-card>h2{text-align:left}html[dir="ltr"] .portfolio-filter button{justify-content:flex-start;text-align:left}html[dir="ltr"] .portfolio-filter button i{flex:0 0 auto}html[dir="ltr"] .portfolio-filter b{margin-left:auto;margin-right:0}html[dir="ltr"] .aside-promos{direction:ltr;text-align:left}
html[dir="rtl"] .aside-filter-card{direction:rtl;text-align:right}html[dir="rtl"] .aside-filter-card>p,html[dir="rtl"] .aside-filter-card>h2{direction:rtl;text-align:right}html[dir="rtl"] .aside-filter-card button{direction:rtl;flex-direction:row;text-align:right}html[dir="rtl"] .aside-filter-card button i{margin-left:0;margin-right:0}html[dir="ltr"] .aside-filter-card{direction:ltr;text-align:left}html[dir="ltr"] .aside-filter-card>p,html[dir="ltr"] .aside-filter-card>h2{direction:ltr;text-align:left}html[dir="ltr"] .aside-filter-card button{direction:ltr;flex-direction:row;text-align:left}html[dir="ltr"] .aside-filter-card button b{direction:ltr;text-align:center}
@media(max-width:820px){html[dir="ltr"] .portfolio-list article{grid-template-columns:1fr!important}html[dir="ltr"] .portfolio-media,html[dir="ltr"] .portfolio-copy{grid-column:1;grid-row:auto}html[dir="ltr"] .portfolio-copy section{grid-template-columns:1fr!important;text-align:left}}

/* Keep the English portfolio controls physically on the left side. */
@media(min-width:821px){html[dir="ltr"] .portfolio-layout{direction:ltr!important;grid-template-columns:260px minmax(0,1fr)!important;grid-template-areas:"filter projects"}html[dir="ltr"] .portfolio-filter{grid-area:filter!important;justify-self:stretch;align-self:start;direction:ltr!important;text-align:left!important}html[dir="ltr"] .portfolio-projects{grid-area:projects!important;direction:ltr;text-align:left}}

/* Project details: English copy and navigation follow LTR, with the project sidebar on the left. */
html[dir="ltr"] .work-show{direction:ltr;text-align:left}html[dir="ltr"] .work-show-hero__grid{direction:ltr}html[dir="ltr"] .work-show-copy{grid-column:1;text-align:left}html[dir="ltr"] .work-show-art{grid-column:2}html[dir="ltr"] .work-services,html[dir="ltr"] .work-actions,html[dir="ltr"] .work-app-links{direction:ltr;justify-content:flex-start}html[dir="ltr"] .work-services i{margin-right:5px;margin-left:0}html[dir="ltr"] .work-back,html[dir="ltr"] .work-actions a,html[dir="ltr"] .work-app-links a{direction:ltr}html[dir="ltr"] .work-float{direction:ltr;text-align:left}html[dir="ltr"] .work-float.top{right:0;left:auto}html[dir="ltr"] .work-float.bottom{right:auto;left:0}html[dir="ltr"] .work-facts{direction:ltr;text-align:left}html[dir="ltr"] .work-facts article{border-right:1px solid #f1f5f9;border-left:0}html[dir="ltr"] .work-facts article:last-child{border-right:0}html[dir="ltr"] .work-panel header{direction:ltr;text-align:left}html[dir="ltr"] .work-gallery i{right:15px;left:auto}html[dir="ltr"] .work-scope span{direction:ltr;text-align:left}html[dir="ltr"] .work-scope i:last-child{margin-right:0;margin-left:auto}html[dir="ltr"] .work-tech{direction:ltr;justify-content:flex-start}html[dir="ltr"] .work-contact a{direction:ltr}html[dir="ltr"] .work-contact a i{transform:scaleX(-1)}
@media(min-width:901px){html[dir="ltr"] .work-show-layout{direction:ltr;grid-template-columns:300px minmax(0,1fr);grid-template-areas:"aside content"}html[dir="ltr"] .work-show-aside{grid-area:aside}html[dir="ltr"] .work-show-content{grid-area:content}}
@media(max-width:900px){html[dir="ltr"] .work-show-hero__grid,html[dir="ltr"] .work-show-layout{grid-template-columns:1fr}html[dir="ltr"] .work-show-copy,html[dir="ltr"] .work-show-art{grid-column:1}html[dir="ltr"] .work-show-art{order:-1}}