.language-pending body { visibility: hidden; }
.masthead { z-index: 20; }
.masthead-inner { gap: clamp(12px, 1.6vw, 24px); }
.main-nav { gap: clamp(15px, 1.8vw, 26px); margin-inline-start: auto; margin-inline-end: 0; }
.language-picker { position: relative; flex: 0 0 auto; }
.language-picker summary { min-height: 44px; display: flex; align-items: center; gap: 7px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 4px; cursor: pointer; list-style: none; font-size: 15px; font-weight: 550; white-space: nowrap; }
.language-picker summary::-webkit-details-marker { display: none; }
.language-picker summary::after { content: ""; width: 6px; height: 6px; border-inline-end: 1px solid; border-bottom: 1px solid; transform: rotate(45deg); margin-inline: 4px 2px; margin-top: -3px; }
.language-picker[open] summary::after { transform: rotate(225deg); margin-top: 3px; }
.language-globe { font-size: 23px; line-height: 1; }
.language-globe svg { display: block; width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.language-compact { display: none; }
.language-options { position: absolute; inset-inline-end: 0; top: calc(100% + 10px); z-index: 10; width: max-content; min-width: 245px; max-width: calc(100vw - 36px); max-height: min(480px, calc(100dvh - 125px)); overflow-y: auto; overscroll-behavior: contain; padding: 6px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); box-shadow: 0 12px 32px #12293426; }
.language-options button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 46px; padding: 10px 13px; border: 0; border-radius: 4px; text-align: start; color: var(--ink); background: transparent; font-family: system-ui, sans-serif; font-size: 16px; }
.language-options button:hover, .language-options button:focus-visible { background: #edf2f4; }
.language-options button[aria-checked="true"] { color: var(--blue); background: #eaf1f3; font-weight: 650; }
.language-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); }
html:lang(zh), html:lang(ko), html:lang(ar), html:lang(ru) { --type: system-ui, -apple-system, "Segoe UI", sans-serif; }
[dir="rtl"] .hero-photo { inset: 0 41% 0 0; }
[dir="rtl"] .hero-photo::after { background: linear-gradient(270deg, var(--deep) 0%, #12293426 25%, transparent 52%); }
[dir="rtl"] .hero-photo img { object-position: left top; }
[dir="rtl"] .brand { direction: ltr; }
[dir="rtl"] .format-carousel-controls [data-direction="previous"] .arrow { transform: none; }
[dir="rtl"] .format-carousel-controls [data-direction="next"] .arrow { transform: rotate(180deg); }
[dir="rtl"] .detail-callout { border-left: 0; border-right: 4px solid var(--accent); }
html:lang(de) .hero h1, html:lang(ru) .hero h1 { font-size: clamp(42px, 5.1vw, 76px); }
h1, h2, h3 { overflow-wrap: break-word; }
@media (max-width: 1150px) {
  .main-nav { display: none; }
  .language-picker { margin-inline-start: auto; }
  .mobile-menu { display: block; }
  .mobile-menu summary { min-height: 42px; color: var(--deep); background: transparent; padding-inline: 15px; }
  .mobile-menu[open] nav { position: absolute; top: 100%; left: auto; right: auto; inset-inline-end: 18px; z-index: 3; width: min(320px, calc(100% - 36px)); padding: 8px 18px; background: var(--surface); border: 1px solid var(--line); box-shadow: 0 12px 28px #1229341a; }
  .mobile-menu nav a + a { border-top: 1px solid var(--line); }
}
@media (max-width: 820px) {
  .header-contact { display: none; }
  .language-current, .language-globe { display: none; }
  .language-compact { display: inline; }
  .language-picker summary { min-width: 52px; justify-content: center; padding-inline: 8px; }
}
@media (max-width: 700px) {
  [dir="rtl"] .hero-photo { inset: auto; }
  .language-options { inset-inline-end: -55px; }
}
