header nav{gap:clamp(14px,1.45vw,22px);white-space:nowrap}
header nav>a:not(.btn){position:relative}
header nav>a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:#d9e2e8;transform:scaleX(0);transform-origin:left;transition:transform .22s ease,box-shadow .22s ease}
header nav>a:not(.btn):hover::after,header nav>a[aria-current=page]::after{transform:scaleX(1);box-shadow:0 0 12px #0a8cff}
header nav .btn{min-width:max-content;padding-left:20px;padding-right:20px}
@media(max-width:1320px){
  .menu{display:block}
  header nav{display:none;position:absolute;top:92px;left:0;right:0;padding:28px max(5vw,24px) 34px;background:#101b30f7;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;white-space:normal;max-height:calc(100vh - 92px);overflow:auto;box-shadow:0 24px 54px #02071299}
  header nav.open{display:flex}
  header nav>a:not(.btn){padding:14px 0;border-bottom:1px solid #d7e5f01a;font-size:14px;letter-spacing:.05em}
  header nav>a:not(.btn)::after{display:none}
  header nav .btn{margin-top:20px;text-align:center}
}
@media(max-width:760px){
  header nav{top:80px;max-height:calc(100vh - 80px);padding:18px 5vw 26px}
  header nav>a:not(.btn){padding:12px 0}
}