/* Quiet desktop utility; mobile languages live inside the navigation menu. */
.language-picker{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;background:none;white-space:nowrap;color:inherit;direction:ltr}
.language-picker select{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer;font:400 16px/1.5 Arial,sans-serif}
.language-picker [data-language-code]{pointer-events:none;font:400 .875rem/1.5 'Manrope',Arial,sans-serif;letter-spacing:.04em;text-decoration-thickness:1px;text-underline-offset:5px}
.language-picker:hover [data-language-code]{text-decoration:underline}
.language-picker select:focus-visible~[data-language-code]{outline:2px solid currentColor;outline-offset:6px}
.language-picker option{background:#fff;color:#222;font-size:16px}
.language-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.standalone-language{display:flex;justify-content:flex-end;padding:8px 20px;background:#fff;border-bottom:1px solid #eee}
.menu-languages{display:none}
.header-contact-icon{width:20px;height:20px;display:block}
html[lang=ar] body{font-family:Tahoma,Arial,sans-serif;line-height:1.85}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .eyebrow,html[lang=ar] .nav-main,html[lang=ar] button,html[lang=ar] label{letter-spacing:0;line-height:1.65}
html[lang=ar] .brand,html[lang=ar] .footer-brand{direction:ltr;font-family:'Manrope','Helvetica Neue',Arial,sans-serif}
html[lang=ar] .brand strong{line-height:1.15;letter-spacing:.035em}
html[lang=ar] .brand small{letter-spacing:.38em}
html[lang=ar] input[type=tel],html[lang=ar] a[href^="tel:"],html[lang=ar] input[type=email]{direction:ltr;unicode-bidi:isolate}
html[lang=ar] .contact-info{padding-left:0;padding-right:35px;border-left:0;border-right:1px solid var(--line)}
html[lang=ar] .lightbox-close{margin-left:0;margin-right:auto}
html[lang=ar] .menu-toggle,html[lang=ar] .contact-form label,html[lang=ar] .text-body{text-align:start}
/* Galleries and spatial controls retain their physical orientation. */
html[lang=ar] [data-gallery],html[lang=ar] [data-gallery-track],html[lang=ar] .hero-controls,html[lang=ar] model-viewer,html[lang=ar] canvas{direction:ltr}
html[lang=ar] .home-selection-track,html[lang=ar] .project-related-rail,html[lang=ar] .category-rail-track{direction:ltr}
html[lang=ar] .home-selection-card,html[lang=ar] .project-related-rail .project-caption,html[lang=ar] .category-rail-card{direction:rtl}
html[lang=ar] [data-catalogue-track]{direction:ltr}
html[lang=ar] [data-catalogue-track]>*{direction:rtl}
@media(max-width:650px){
 .site-header .masthead{grid-template-columns:44px minmax(0,1fr) 44px;padding-inline:16px;column-gap:6px;direction:ltr}
 .site-header .brand{min-width:0}
 .site-header .brand strong{font-size:clamp(20px,5.9vw,28px)}
 .site-header .header-actions{gap:0;min-width:44px;justify-content:flex-end}
 .site-header .header-actions .language-picker{display:none}
 .site-header .header-actions>a{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;min-height:44px;padding:0}
 .site-header .header-actions .desktop-label{display:none}
 .site-header .header-actions .mobile-label{display:flex;align-items:center;justify-content:center}
 #site-menu .menu-languages{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 16px;padding:0 0 14px;margin:0 0 6px;border-bottom:1px solid #dedede}
 .menu-language-label{font-size:.875rem;font-weight:400;opacity:.7;line-height:1.5}
 .language-options{display:flex;align-items:center;flex-wrap:wrap;gap:0 16px;direction:ltr}
 .language-options button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:6px 0;border:0;border-radius:0;background:none;color:inherit;font:400 .875rem/1.5 'Manrope',Arial,sans-serif;text-decoration:none;text-underline-offset:6px;text-decoration-thickness:1px}
 .language-options button[lang=ar]{font-family:Tahoma,Arial,sans-serif}
 .language-options button[aria-pressed=true]{text-decoration:underline}
 .language-options button:hover{opacity:.7}
 html[lang=ar] .contact-info{padding-right:0;border-right:0}
 .nav-main{flex-wrap:wrap}
}
