/* Language control for the three home headers only. Cinematic scene rules unchanged. */
.header .language-switcher {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.header .language-switcher .lang {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 36px;
  padding: 6px 10px;
  border: 1px solid rgba(212, 175, 55, .28);
  border-radius: 999px;
  color: var(--gold-light);
  font-size: 13px;
}
.header .language-switcher .active {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--deep);
}
@media (max-width: 720px) {
  .header .header-inner { gap: 12px; }
  .header .brand { gap: 10px; }
  .header .brand-mark { width: 42px; height: 42px; font-size: 17px; }
  .header .brand-name { font-size: 19px; }
  .header .brand-subtitle { font-size: 11px; }
  .header .language-switcher { margin-left: auto; gap: 4px; }
  .header .language-switcher .lang { min-width: 34px; padding-inline: 7px; }
  .header nav:not(.language-switcher) { order: 3; }
  .header .motion-toggle { order: 4; margin-left: auto; }
}
@media (max-width: 360px) {
  .header .brand-copy { max-width: 140px; }
  .header .brand-subtitle { font-size: 10px; }
  .header .language-switcher { flex-basis: 100%; margin-left: 0; }
}
