/* Preserve the current visual system and give translated text room. */
.language-nav{display:flex;align-items:center;gap:.1rem;font-family:Inter,Arial,sans-serif;font-size:.875rem;white-space:nowrap;color:#b3b3b3;margin-left:1.25rem}
.language-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:38px}
.language-nav a[aria-current="page"]{color:var(--paper);text-decoration:underline;text-underline-offset:.4em;text-decoration-thickness:1px}
.language-nav a:hover{color:var(--orange)}
.language-nav span{opacity:.45}
/* Base stylesheet shows the image as fallback; mask-capable browsers use only the metallic layer. */
/* Keep the three-word slogan readable as one composition on wide screens. */
@media(min-width:1200px){
 .hero-title{width:92%;max-width:none;margin-inline:auto}
}
html[lang="tr"] .studio-title{font-size:clamp(2rem,7.7vw,4.2rem);line-height:1.18;letter-spacing:-.045em}
html[lang="tr"] .studio-title .line-mask{padding-bottom:.13em;margin-bottom:0;overflow:visible}
html[lang="tr"] .recognition-intro{align-items:start}
html[lang="tr"] .recognition-title{font-size:clamp(2rem,4.35vw,5rem);line-height:1.2;letter-spacing:-.045em;display:flex;flex-direction:column;gap:.08em;min-width:0}
html[lang="tr"] .recognition-title>span{display:block;position:static;transform:none}
html[lang="tr"] .recognition-copy{padding-top:.25rem}
html[lang="tr"] .brand-legend{flex-wrap:wrap;row-gap:.75rem}
html[lang="tr"] .brand-legend>span{line-height:1.5}
html[lang="tr"] .case-story p{hyphens:none}
html[lang="tr"] #contact-title{font-size:clamp(3.7rem,13.5vw,7rem);line-height:1.08;letter-spacing:-.065em}
html[lang="tr"] #contact-title br{display:block}
html[lang="tr"] .contact-talk{margin-left:0;max-width:100%}
html[lang="tr"] .ai-header h1{max-width:none}
html[lang="tr"] .ai-contact h2{max-width:21ch}
html[lang="tr"] .project-kind{line-height:1.45}
@media(min-width:900px){
 .site-header{column-gap:1rem}
 .header-location{margin-left:1.5rem}
 .main-nav{gap:clamp(1rem,2.5vw,2.5rem)}
 html[lang="tr"] .header-location{max-width:16rem}
 html[lang="tr"] .studio-title{font-size:clamp(2rem,3.85vw,4.7rem)}
 html[lang="tr"] #contact-title{font-size:clamp(3.5rem,6.2vw,7.6rem)}
}
@media(max-width:899px){
 .header-location .header-punctuation{display:none}
 .site-header{display:grid;grid-template-columns:minmax(0,1fr) max-content;column-gap:1rem;row-gap:.3rem}
 .site-header>a{grid-column:1;grid-row:1;align-self:center}
 .site-header .logo{width:clamp(7.3rem,32vw,10.8rem)}
 .header-location{grid-column:2;grid-row:1;margin:0;text-align:right;font-size:.875rem}
 .language-nav{grid-column:2;grid-row:2;justify-self:end;margin:0;gap:.1rem}
 .language-nav a{min-width:36px;min-height:36px}
 .main-nav{grid-column:auto}
 html[lang="tr"] .studio-title{font-size:clamp(2rem,7.7vw,4.2rem)}
 html[lang="tr"] .recognition-title{font-size:clamp(2rem,8.2vw,4.3rem);margin-bottom:1.5rem}
}
@media(max-width:359px){
 .site-header{column-gap:.6rem}
 .site-header .logo{width:7.3rem}
 .header-location{font-size:.8125rem}
 html[lang="tr"] #contact-title{font-size:13.1vw}
}

/* Keep Istanbul film controls centred on their covers, including the full click target. */
.film-series.centered-film-controls .case-player button.film-play{inset:0;width:100%;max-width:none;padding:0;background:none;border-radius:0;font-size:1rem;justify-content:center}
.film-series.centered-film-controls .case-player .play-icon{width:3.5rem;height:3.5rem}