@import url("language-flags.css");
/* The language picker stays compact; native language names remain easy to recognize. */
.languages{position:relative;direction:ltr;flex-shrink:0;isolation:isolate}
.languages .language-trigger{display:flex;align-items:center;gap:9px;padding:9px 11px;opacity:1;border:1px solid rgb(var(--tone-dfcfd6) / .24);border-radius:22px;background:rgb(var(--tone-09090b) / .45);font-size:11px;letter-spacing:.06em;min-height:37px}
.language-trigger svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.3;opacity:.8}.language-chevron{font-size:13px;opacity:.65;transition:transform .2s}.language-trigger[aria-expanded=true] .language-chevron{transform:rotate(180deg)}
.languages .language-trigger [data-language-current],.languages .language-option>span:first-child{color:var(--text)}
.language-options{position:absolute;inset-block-start:calc(100% + 12px);inset-inline-end:0;width:232px;padding:8px;border:1px solid rgb(var(--tone-dfcfd6) / .22);border-radius:18px;background:rgb(var(--tone-09090b) / .97);box-shadow:0 18px 55px #0009;backdrop-filter:blur(22px);z-index:20;max-height:min(490px,75vh);overflow-y:auto;direction:ltr}
.languages .language-option{display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px;padding:11px 12px;border-radius:10px;opacity:.75;font-size:13px;text-align:start;letter-spacing:0}.language-option .language-code{font-size:10px;color:rgb(var(--tone-a9a4a8));letter-spacing:.08em}.languages .language-option[aria-pressed=true],.languages .language-option:hover{background:rgb(var(--tone-65152f) / .32);opacity:1}.languages .language-option[aria-pressed=true]::after{display:none}.languages .language-option:focus-visible{outline-offset:-2px}.languages .language-auto{border-top:1px solid rgb(var(--tone-dfcfd6) / .14);margin-top:7px;padding:13px 9px 7px;line-height:1.6;width:100%;font-size:11px;text-align:center;opacity:.7;letter-spacing:0}.language-auto:hover{opacity:1}
[dir=rtl] .language-options{direction:rtl}.language-option [lang]{font-family:Manrope,'Segoe UI',Tahoma,Arial,sans-serif}.language-option [lang=ar],.language-option [lang=fa]{font-family:'Segoe UI',Tahoma,sans-serif;font-size:14px}
html:lang(ar){font-family:'Segoe UI',Tahoma,Arial,sans-serif}html:lang(ar) .eyebrow,html:lang(ar) .gallery-kicker,html:lang(ar) .portfolio-kicker,html:lang(ar) .achievement-label{letter-spacing:0;direction:rtl}html:lang(ar) .studio-eyebrow{text-align:center}html:lang(ar) .brand{font-family:Manrope,'Segoe UI',sans-serif}
.main-nav a{white-space:nowrap}.main-nav{gap:clamp(17px,2.6vw,42px)}.site-header{gap:24px}.studio-services,.expertise-card h3,.skill-tags li,.portfolio-link,.spotlight-option h2{overflow-wrap:break-word}
@media(min-width:761px) and (max-width:1050px){.main-nav{gap:16px}.main-nav a{font-size:12px}.site-header{padding-inline:4%;gap:18px}.brand{font-size:11px;letter-spacing:.35em}.header-controls{gap:13px}}
@media(max-width:760px){.languages .language-trigger{padding:8px 10px;min-height:35px;gap:7px}.language-options{width:220px;inset-inline-end:-4px}.header-controls{gap:14px}.languages .language-option{padding-block:10px}}

.languages a.language-option{color:var(--text);font-family:inherit;text-decoration:none;box-sizing:border-box}