/* Language entry is part of the hero, not the fixed three-link navigation. */
.language-picker{position:absolute;z-index:10;inset-inline-end:7%;top:115px;direction:inherit}
.language-trigger{display:block;border:0;background:none;color:var(--red);font:30px/1.2 GreatRebellion,sans-serif;cursor:pointer;padding:7px 8px;transform:rotate(-7deg);touch-action:manipulation}
.language-trigger:hover{transform:rotate(-7deg) translateY(-2px)}
.language-trigger:focus-visible,.language-options a:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.language-options{position:absolute;top:100%;right:0;display:grid;gap:2px;background:var(--paper,#f7f7f5);border:1px solid #1112;border-radius:12px;padding:5px;min-width:68px;box-shadow:0 8px 24px #0001}
.language-options[hidden]{display:none}
.language-options a{display:block;padding:10px 12px;text-align:center;font:600 14px/1 Arial,sans-serif;border-radius:7px;color:#111;text-decoration:none}
.language-options a:hover,.language-options a[aria-current=page]{color:var(--red);background:#f13e4b0c}
@font-face{font-family:TsapTsarap;src:url('assets/Tsap-Tsarap.ttf') format('truetype');font-display:swap}
@font-face{font-family:ArefRuqaa;src:url('assets/ArefRuqaa-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Cairo;src:url('assets/Cairo.ttf') format('truetype');font-weight:200 1000;font-display:swap}
html:lang(ru) .hand.hand-brush{font-family:TsapTsarap,cursive;letter-spacing:-.06em;filter:none}
html:lang(ru) .hero h1{letter-spacing:-.075em}
html:lang(ru) .contact-title{letter-spacing:-.065em}
html:lang(ar) body,html:lang(ar) button,html:lang(ar) .project-pointer{font-family:Cairo,Arial,sans-serif}
html:lang(ar) header,html:lang(ar) .hero h1,html:lang(ar) .hero-copy strong,html:lang(ar) .project,html:lang(ar) .reveal-words,html:lang(ar) .contact-title,html:lang(ar) .section-label,html:lang(ar) .slot-row{letter-spacing:0}
html:lang(ar) .hand.hand-brush{font-family:ArefRuqaa,serif;font-weight:700;letter-spacing:0;filter:none;line-height:1.35}
html:lang(ar) .hero h1{line-height:1.2}
html:lang(ar) .hero-copy{margin-left:0;margin-right:8px}
html:lang(ar) .hero-copy strong{line-height:1.45}
html:lang(ar) .hero-copy .text-link,html:lang(ar) .about-bottom .text-link{transform-origin:right center}
html:lang(ar) .project{text-align:right}
html:lang(ar) .project.active,html:lang(ar) .project:hover,html:lang(ar) .project:focus-visible{transform:translateX(-20px)}
html:lang(ar) .film-frame{right:auto;left:4%}
html:lang(ar) .arrow-icon{transform:scaleX(-1)}
html:lang(ar) .footer-bottom>a .arrow-icon{transform:none}
html:lang(ar) #workRange,html:lang(ar) .number,html:lang(ar) #workCount,html:lang(ar) #filmVersions{direction:ltr;unicode-bidi:isolate}
html:lang(ar) .contact-title{line-height:1.4}
html:lang(ar) .reveal-words{line-height:1.45}
html:lang(ar) .liquid-line{white-space:nowrap}
html:lang(ar) .slot-row{font-family:Cairo,Arial,sans-serif;font-style:normal}
html:lang(ar) .slot-serif{font-family:ArefRuqaa,serif;font-weight:700}
html:lang(ar) .slot-mono{font-weight:400}
html:lang(ar) .slot-heavy{font-weight:900}
html:lang(ar) .slot-cell,html:lang(ar) .slot-window,html:lang(ar) .slot-row{height:1.5em;line-height:1.5}
html:lang(ar) .language-options{right:auto;left:0}
html:lang(ar) .work-bottom.mobile-preview-hint{padding-right:0;padding-left:24px}
html:lang(ar) .mobile-preview-hint>span:last-child{right:auto;left:2%;writing-mode:horizontal-tb;transform-origin:0 0;transform:rotate(-90deg);letter-spacing:0}
@media(max-width:600px){
 .language-picker{top:75px;inset-inline-end:6%}
 .language-trigger{font-size:25px;min-width:44px;min-height:44px}
 html:lang(ru) header:not(.nav-docked){font-size:clamp(16px,4.65vw,20px);letter-spacing:-.8px}
 html:lang(ru) header .works-type{letter-spacing:-1.1px}
 html:lang(ar) header:not(.nav-docked){font-size:clamp(16px,4.65vw,20px)}
 html:lang(ar) .hero-copy{margin:10px 0 0}
 html:lang(ar) .hero .hand.hand-brush{font-size:clamp(58px,16vw,70px)}
 html:lang(ar) .hero h1{font-size:clamp(52px,16vw,68px)}
 html:lang(ar) header.nav-docked{right:auto;left:6%;align-items:flex-end}
 html:lang(ar) .project.active,html:lang(ar) .project:hover{transform:translateX(-5px)}
 html:lang(ar) .work-backdrop .film-frame{right:auto;left:4%}
 html:lang(ru) .project,html:lang(ar) .project{font-size:clamp(28px,7.8vw,42px)}
 html:lang(ru) .reveal-words{font-size:clamp(34px,10.1vw,60px)}
 html:lang(ar) .reveal-words{font-size:clamp(34px,10.1vw,60px)}
 html:lang(ru) .contact-title{font-size:clamp(44px,10.8vw,65px)}
}
@media(prefers-reduced-motion:reduce){.language-trigger{transition:none}}
html:lang(ar) .language-trigger{font-family:GreatRebellion,sans-serif}
html:lang(ar) .tile-a{left:auto;right:-4%;rotate:15deg}
html:lang(ar) .tile-b{right:auto;left:-7%;rotate:-12deg}
html:lang(ar) .tile-c{right:auto;left:-6%;rotate:-14deg}
html:lang(ar) .hero .portrait-wrap .portrait{transform:scaleX(-1)}
@media(max-width:600px){
 html:lang(ar) .tile-a{right:-7%}
 html:lang(ar) .tile-b{left:-9%}
 html:lang(ar) .tile-c{left:-7%}
}

/* v36: unboxed, hand-drawn language choices and unclipped liquid glyph edges. */
.language-options{background:none;border:0;border-radius:0;box-shadow:none;padding:0;min-width:0;gap:0}
.language-options a{padding:7px 8px;min-width:44px;min-height:44px;border-radius:0;color:var(--red);font:30px/1.2 GreatRebellion,sans-serif}
.language-options a:hover,.language-options a[aria-current=page]{background:none}
.language-options a[hidden]{display:none}
.language-options svg{width:1.6em!important;height:1.2em!important;overflow:visible;display:block}
.language-options .ink-fill{fill:currentColor}
.language-options .ink-outline{stroke:currentColor}
.liquid-fill{inset:auto;inset-block-start:0;inset-inline-start:0;inline-size:max-content;overflow:visible;text-align:start;font:inherit;letter-spacing:inherit;line-height:inherit}
html:lang(ru) .hero-copy strong{letter-spacing:-.7px}
@media(max-width:600px){
 .language-options a{font-size:25px}
 html:lang(ru) header:not(.nav-docked){font-size:clamp(14px,4.2vw,18px)}
 html:lang(ru) .project>span:nth-child(2){overflow-wrap:normal;white-space:normal;line-height:1.15}
}
.language-options .ink-outline{fill:none;stroke-width:var(--brush-stroke,7);stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;animation:reference-outline 380ms linear var(--letter-delay) both}
.language-options .ink-fill{stroke:none;animation:reference-fill 420ms ease-out calc(var(--letter-delay) + 110ms) both}
/* v37: two contact rows on mobile; email keeps its natural LTR reading order. */
@media(max-width:600px){
 .contact-details{display:grid;grid-template-columns:max-content max-content;justify-content:start;column-gap:28px;row-gap:16px}
 .contact-details>a:first-child{grid-column:1;grid-row:1}
 .contact-details>a:last-child{grid-column:2;grid-row:1}
 .contact-details>a[href^="mailto:"]{grid-column:1 / -1;grid-row:2;white-space:nowrap;justify-self:start;font-size:clamp(14px,4.3vw,18px)}
}

/* Keep the first portrait upright; mirror the second once more horizontally. */
html:lang(ar) .hero .portrait-wrap .portrait.alternate{transform:none}
.language-trigger,.language-options{direction:ltr}

/* Language column shares the centre line of Contact, including mirrored RTL navigation. */
.language-picker{inset-inline-end:auto;left:var(--language-x);transform:translateX(-50%);width:64px}
.language-trigger,.language-options a{width:64px;display:grid;place-items:center;transform:none;transition:transform .18s ease-out;transform-origin:center;font-size:30px}
.language-options{left:0!important;right:auto!important;width:64px}
.language-picker svg{width:1.6em!important;height:1.2em!important;overflow:visible;display:block}
.language-trigger{transform:rotate(-7deg)}
.language-trigger:hover{transform:rotate(-7deg)}
.language-picker .language-emphasis{transform:scale(1.28)}
.language-picker .language-trigger.language-emphasis{transform:rotate(-7deg) scale(1.28)}
@media(max-width:600px){.language-picker{inset-inline-end:auto}.language-trigger,.language-options a{font-size:25px}}
@font-face{font-family:LemonBrushArabic;src:url('assets/LemonBrushArabic.woff') format('woff');font-display:swap}
html:lang(ar) .hand.hand-brush{font-family:LemonBrushArabic,ArefRuqaa,serif;font-weight:400}

/* v46: one red ink palette and physical alignment after RTL logical rules. */
.language-picker{inset-inline:auto;left:var(--language-x);right:auto;color:var(--red)}
.language-picker .language-trigger,.language-picker .language-options a{color:var(--red)}
.language-picker .ink-fill{fill:currentColor;stroke:none}
.language-picker .ink-outline{fill:none;stroke:currentColor;stroke-width:var(--brush-stroke,7);stroke-linejoin:round;stroke-linecap:round}
/* Lemon Brush has smaller visible glyphs; compensate without changing other scripts. */
html:lang(ar) .cursor .hover-lettering{font-size:clamp(105px,14vw,210px)}
html:lang(ar) .cursor.long-label .hover-lettering{font-size:clamp(90px,12vw,180px)}
html:lang(ar) .brush-word .about-ink{font-size:1.85em}
html:lang(ar) .hover-lettering svg{height:auto!important}
@media(max-width:600px){
 html:lang(ar) .cursor .hover-lettering{font-size:clamp(82px,21vw,130px)}
 html:lang(ar) .cursor.long-label .hover-lettering{font-size:clamp(72px,18vw,112px)}
 html:lang(ar) .cursor .hover-lettering svg{max-width:84vw}
 html:lang(ar) .brush-word .about-ink svg{max-width:88vw}
}

@media(max-width:600px){html:lang(ar) .hero .hand.hand-brush{line-height:.85}}