#language-switch{position:fixed;bottom:20px;right:20px;z-index:110;display:flex;direction:ltr;gap:4px;padding:5px;background:#080f19ed;border:1px solid #c69a4066;box-shadow:0 6px 30px #0006;backdrop-filter:blur(16px)}#language-switch button{font:13px Inter,"Noto Kufi Arabic",sans-serif;color:#bac5d3;padding:10px 14px;cursor:pointer}#language-switch button[aria-pressed=true]{background:#c69a40;color:#05090f}#language-switch button:focus-visible{outline:2px solid white;outline-offset:2px}html[lang=ar] body,html[lang=ar] .font-display,html[lang=ar] .font-mono,html[lang=ar] .font-sans{font-family:"Noto Kufi Arabic",sans-serif}html[lang=ar] .font-display{line-height:1.5;letter-spacing:0}html[lang=ar] .font-mono{letter-spacing:0}html[lang=ar] .text-left{text-align:right}html[lang=ar] input[type=email],html[lang=ar] input[type=tel],html[lang=ar] a[href^="tel:"],html[lang=ar] a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate}html[lang=ar] #projects{direction:ltr}html[lang=ar] #projects article{direction:rtl}html[lang=ar] [role=dialog]{direction:rtl}@media(max-width:640px){#language-switch{bottom:12px;right:12px}#language-switch button{padding:8px 12px}}
html[lang=ar] #projects h2,html[lang=ar] #projects h3,html[lang=ar] #projects p,html[lang=ar] #projects button{direction:rtl}html[lang=ar] h1{font-size:clamp(2.5rem,10vw,8rem);line-height:1.5}