.site-header { position: relative; z-index: 10; color: var(--paper); background: var(--ink); }
.nav { display: flex; align-items: center; min-height: 68px; gap: 28px; }
.brand { margin-right: auto; color: var(--paper); font-size: 1.5rem; font-weight: 600; letter-spacing: -.045em; text-decoration: none; }
.nav-links { display: flex; align-items: center; gap: 26px; }
.nav-links a, .language-button { position: relative; padding: 24px 0 20px; border: 0; color: rgba(244, 240, 233, .86); background: none; font-size: .9rem; letter-spacing: .012em; text-decoration: none; }
.nav-links a::after { position: absolute; right: 0; bottom: 14px; left: 0; height: 2px; background: var(--cyan); content: ''; transform: scaleX(0); transform-origin: left; transition: transform .18s ease; }
.nav-links a:hover::after, .nav-links a[aria-current='page']::after { transform: scaleX(1); }
.nav-links a:hover, .nav-links a[aria-current='page'], .language-button:hover { color: var(--cyan); }
.language-button { margin-left: 6px; padding-left: 17px; border-left: 1px solid rgba(244, 240, 233, .25); color: var(--paper); }
.menu-button { display: none; padding: 10px 0 10px 17px; border: 0; border-left: 1px solid rgba(244, 240, 233, .25); color: var(--paper); background: none; font-size: .8125rem; }

@media (max-width: 980px) {
  .nav { min-height: 62px; }
  .brand { font-size: 1.25rem; }
  .menu-button { display: block; }
  .nav-links { position: absolute; top: 62px; right: 0; left: 0; display: none; align-items: stretch; gap: 0; padding: 12px max(20px, calc((100% - var(--content)) / 2)) 22px; background: var(--ink-soft); box-shadow: 0 18px 30px rgba(0, 0, 0, .22); }
  .nav-links[data-open='true'] { display: flex; flex-direction: column; }
  .nav-links a, .language-button { padding: 12px 0; font-size: .95rem; }
  .nav-links a::after { right: auto; bottom: 5px; width: 30px; }
  .language-button { margin: 8px 0 0; padding-left: 0; border-top: 1px solid rgba(244, 240, 233, .25); border-left: 0; text-align: left; }
}