/* Language selection and direction-aware adjustments. */
.language-switcher{display:flex;align-items:center;flex:none;gap:3px;padding:3px;border:1px solid var(--line);border-radius:6px;direction:ltr;background:#faf6f0}
.language-switcher button{border:0;background:transparent;border-radius:3px;padding:5px 9px;color:var(--navy);font-size:12px;line-height:1.8;min-height:32px;white-space:nowrap}
.language-switcher button[aria-pressed="true"]{background:var(--navy);color:#fff}
.language-switcher button[lang="ar"]{font-family:var(--font-ar-body)}
.language-switcher button[lang="en"]{font-family:var(--font-en-body);font-weight:600}
.nav{gap:15px}.navlinks{gap:18px}.nav .brand img{width:clamp(166px,16vw,210px)}
html[lang="en"] body,html[lang="en"] h3,html[lang="en"] .eyebrow,html[lang="en"] .btn,html[lang="en"] .textlink,html[lang="en"] .contact-label,html[lang="en"] summary,html[lang="en"] label,html[lang="en"] .work-entries span,html[lang="en"] .photo-tag small{font-family:var(--font-en-body)}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] .photo-tag{font-family:var(--font-en-heading)}
html[lang="en"] body{line-height:1.7}
html[lang="en"] .hero h1{font-size:clamp(42px,4.4vw,64px);line-height:1.12}
html[lang="en"] h2{line-height:1.2}
html[lang="en"] h3{font-size:21px;line-height:1.5}
html[lang="en"] p{line-height:1.8}
html[lang="en"] .hero:after{background:linear-gradient(90deg,rgba(2,25,34,.88),rgba(2,25,34,.39) 60%,rgba(2,25,34,.13))}
html[lang="en"] .project button{text-align:left}
html[lang="en"] .intro-photo{padding-left:0;padding-right:30px}
html[lang="en"] .photo-tag{left:auto;right:0}
html[lang="en"] .badge{right:auto;left:15px}
html[lang="en"] .work-entries span{right:auto;left:24px}
html[lang="en"] .checks li:before{margin-left:0;margin-right:15px}
html[lang="en"] details p{padding-left:0;padding-right:20px}
html[lang="en"] .strip b{margin-left:0;margin-right:10px}
html[lang="en"] .stats .wrap b{margin:0 0 2px}
html[lang="en"] .navlinks{font-size:13px;gap:15px}
html[lang="en"] .nav .btn{font-size:11px;padding:10px 12px}
html[lang="en"] .service p{min-height:81px}
@media(max-width:1200px){
 .nav{height:88px}.nav .btn{display:none}.menu{display:block;flex:none;margin-inline-start:0}
 .language-switcher{margin-inline-start:auto}
 .navlinks{display:none;position:absolute;top:88px;left:0;right:0;padding:22px 6%;background:var(--cream);border-bottom:1px solid var(--line)}
 .navlinks.open{display:flex;flex-direction:column;gap:15px}
}
@media(max-width:650px){
 .nav{height:76px;gap:10px}.navlinks{top:76px}.nav .brand img{width:156px}
 .language-switcher button{font-size:11px;padding:4px 7px;min-height:31px}
 html[lang="en"] .hero h1{font-size:42px;line-height:1.15}
 html[lang="en"] .hero:after{background:linear-gradient(90deg,#101e2de8,#101e2d65)}
 html[lang="en"] .hero-content{max-width:100%}
 html[lang="en"] .hero-actions{max-width:300px}
 html[lang="en"] .intro-photo{padding-right:20px}
 html[lang="en"] .work-entries span{left:10px;right:8px;font-size:13px}
 html[lang="en"] .service p{min-height:0}
 html[lang="en"] .photo-tag{font-size:22px}
 html[lang="en"] .step h3{font-size:17px}
 html[lang="en"] .stats .wrap span{width:auto}
 html[lang="en"] .stats .wrap{font-size:11px}
 html[lang="en"] .floatwa{font-size:10px}
}
@media(max-width:380px){.nav{gap:6px}.nav .brand img{width:137px}.language-switcher button{padding:4px 5px}.menu{font-size:24px}}
.arrow{font-family:Arial,sans-serif!important;display:inline-block;font-weight:400!important}
.close{z-index:4;font-family:Arial,sans-serif!important}
/* Instant anchor navigation is predictable with sticky headers and reduced-motion needs. */
html{scroll-behavior:auto}
.arrow{position:relative;width:12px;height:12px;font-size:0!important;line-height:0;flex:none;vertical-align:middle}
.arrow:before{content:"";position:absolute;right:1px;top:1px;width:7px;height:7px;border-top:1.4px solid currentColor;border-right:1.4px solid currentColor}
.arrow:after{content:"";position:absolute;right:1px;top:1px;width:12px;border-top:1.4px solid currentColor;transform-origin:right top;transform:rotate(-45deg)}
.checks li:before{content:"";display:inline-block;position:relative;width:7px;height:7px;border-top:1.4px solid currentColor;border-right:1.4px solid currentColor;vertical-align:middle}