/* Shared language picker, with native details navigation when JavaScript is off. */
.header{position:relative;z-index:6;gap:24px}
.header>#navigation{margin-inline-start:auto;gap:clamp(20px,2.7vw,48px)}
.header-actions{display:flex;align-items:center;gap:22px;flex-shrink:0}
.language-menu{position:relative;font-size:14px;line-height:1.4}
.language-menu summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:70px;min-height:44px;padding:10px 12px;border:1px solid var(--line);cursor:pointer;list-style:none}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.language-menu[open] summary{border-color:var(--ink)}
.language-menu ul{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:155px;margin:0;padding:6px;list-style:none;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 30px #18251b1a;z-index:12}
.language-menu a{display:block;padding:12px;min-height:44px;border-radius:2px}
.language-menu a:hover,.language-menu a[aria-current=page]{background:#e8ebe3}
.language-menu a[aria-current=page]{font-weight:650}
.language-menu a[lang=fa]{font-family:Vazirmatn,Tahoma,sans-serif}
.header sup{margin-left:0;margin-inline-start:4px}
.nav-contact span{margin-left:0;margin-inline-start:20px}
.hero-top p:last-child,.hero-bottom>span:last-child{text-align:end}
.intro-copy,.studio-copy{margin-inline-start:auto;margin-inline-end:0}
.project-image>span{right:auto;inset-inline-end:16px}
.spotlight-view{text-align:start}
.dialog-close{margin-inline-start:auto;margin-inline-end:0}
.loader-skip{padding-inline-start:16px;padding-inline-end:0}
.loader-skip span{margin-left:0;margin-inline-start:16px}
.contact-email,a[href^="tel:"]{direction:ltr;unicode-bidi:isolate}
.project-caption>div,.hero-content>*{min-width:0}
html[lang=tr] .hero h1{font-size:clamp(56px,6.8vw,118px)}
html[lang=tr] .contact h2{font-size:clamp(48px,7.3vw,120px);line-height:1.08}
html[dir=rtl]{font-family:Vazirmatn,Tahoma,Arial,sans-serif}
html[dir=rtl] :is(h1,h2,h3,.eyebrow,.hero-bottom,.loader-status,.contact-email,.contact-details h3){letter-spacing:0}
html[dir=rtl] :is(h2,.featured-heading h3,.project-card--spotlight .project-caption h3){line-height:1.45}
html[dir=rtl] .hero h1{line-height:1.4;font-size:clamp(60px,7.5vw,124px)}
html[dir=rtl] .contact h2{line-height:1.35;font-size:clamp(58px,8vw,140px)}
html[dir=rtl] :is(.intro-copy,.studio-copy p,.featured-description,.spotlight-description,.service p){line-height:1.95}
html[dir=rtl] .project-caption h3,html[dir=rtl] .team-member h3{line-height:1.5}
html[dir=rtl] .eyebrow,html[dir=rtl] .contact-details h3{text-transform:none}
html[dir=rtl] .intro .eyebrow{max-width:180px}
html[dir=rtl] .loader-line span{transform-origin:right}
html[dir=rtl] .skip-link{left:auto;right:20px}
html[dir=rtl] .dialog-gallery-controls button{direction:rtl}
@media(max-width:1024px){
  .header{height:84px;gap:18px}
  .header .brand-logo{width:100px;max-height:75px}
  .header-actions{margin-inline-start:auto;gap:18px}
  .menu-toggle{display:flex;align-items:center;gap:12px;border:0;background:none;padding:12px 0;font-size:14px;min-height:44px}
  .menu-toggle span{font-size:25px;line-height:1;transition:transform .2s}
  .menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}
  .header>#navigation{position:absolute;top:84px;left:0;right:0;background:var(--paper);z-index:5;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:15px var(--gutter) 28px;margin:0;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;box-shadow:0 20px 30px #18251b1a}
  .header>#navigation[data-open=true]{opacity:1;visibility:visible}
  .header>#navigation a{font-size:22px;border-top:1px solid var(--line)}
  .header .nav-contact{border-bottom:0;display:flex;justify-content:space-between}
}
@media(max-width:950px){.intro-copy,.studio-copy{margin-inline-start:20%;margin-inline-end:0}}
@media(max-width:680px){
  .header{gap:12px}.header-actions{gap:14px}.language-menu summary{min-width:62px;padding:10px;gap:8px}
  .intro-copy,.studio-copy{margin-inline:0}
  .footer-bottom>a:last-child{margin-left:0;margin-inline-start:auto}
  html[lang=tr] .hero h1{font-size:clamp(49px,11vw,75px);line-height:1.1}
  html[lang=tr] .contact h2{font-size:clamp(35px,8.5vw,57px)}
  html[dir=rtl] .hero h1{font-size:clamp(50px,12vw,78px)}
  html[dir=rtl] .hero-top p:first-child{max-width:125px}
  html[dir=rtl] .contact h2{font-size:clamp(44px,10vw,66px)}
  html[dir=rtl] .contact-arrow{margin-top:50px}
}