/* A steel signature and a quiet, persistent language control. */
.site-header { gap:clamp(20px,2.7vw,48px); }
.site-header>.wordmark { margin-right:auto; flex:0 0 auto; }
.wordmark { gap:6px; white-space:nowrap; letter-spacing:-.03em; }
.wordmark .coded-by,.wordmark .signature-name { margin:0; vertical-align:baseline; }
.wordmark .coded-by { font-size:12px; font-weight:400; letter-spacing:-.015em; color:#999fa8; }
.wordmark .signature-name { font-size:20px; font-weight:600; letter-spacing:-.035em; color:#e0e4e9; }
@supports (background-clip:text) or (-webkit-background-clip:text) {
  .wordmark .signature-name {
    color:transparent;
    background-image:linear-gradient(108deg,#858c96 0%,#d4d9df 15%,#fbfcfd 24%,#747d89 35%,#b6bec9 46%,#f4f6f8 52%,#8a929d 63%,#d4d9df 80%,#f7f8fa 89%,#9099a5 100%);
    background-size:190% 100%; background-position:0% 50%;
    -webkit-background-clip:text; background-clip:text;
    animation:signature-reflection 14s ease-in-out infinite alternate;
  }
}
.site-header .header-role { margin:0 clamp(8px,1.2vw,24px) 0 0; white-space:nowrap; }
.site-header nav { flex:0 0 auto; gap:30px; padding-right:clamp(16px,2vw,36px); }
.language-switch { display:inline-flex; align-items:center; gap:13px; flex:0 0 auto; font-size:12px; line-height:1; color:#a2a6af; }
.language-switch a,.language-switch button,.language-switch span { display:inline-flex; align-items:center; min-height:44px; padding:0; }
.language-switch [aria-current],.language-switch [aria-pressed=true] { color:var(--ink); text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:1px; }
.language-switch a:hover,.language-switch button:hover { color:#fff; }
.menu-dialog .wordmark { margin-right:90px; }
@keyframes signature-reflection { to { background-position:100% 50%; } }
@media(max-width:1100px) {
  .site-header { gap:28px; }
  .site-header .header-role { display:none; }
}
@media(max-width:700px) {
  .site-header { gap:20px; }
  .site-header>.wordmark { order:1; }
  .site-header>nav { order:2; }
  .site-header nav { padding-right:0; }
  .site-header>.menu-trigger { order:3; min-width:36px; }
  .site-header>.language-switch { order:4; }
  .wordmark .signature-name { font-size:18px; }
  .wordmark .coded-by { font-size:11px; }
  .language-switch { gap:12px; font-size:11px; }
  html:not(.js) .site-header { flex-wrap:wrap; }
  html:not(.js) .site-header>nav { order:5; width:100%; }
}
@media(max-width:380px) {
  .site-header { gap:10px; }
  .wordmark { gap:4px; }
  .wordmark .signature-name { font-size:16px; }
  .wordmark .coded-by { font-size:10px; }
  .language-switch { gap:9px; }
}
@media(prefers-reduced-motion:reduce) { .wordmark .signature-name { animation:none; background-position:37% 50%; } }
body.page-hidden .wordmark .signature-name { animation-play-state:paused; }