/* Fine navigation links and an unframed two-line control. */
.header-links{position:absolute;right:112px;top:40px;display:flex;align-items:center;gap:26px;pointer-events:auto;z-index:43;color:#292929}.header-links a{font:400 .875rem/1.5 Arial,sans-serif;letter-spacing:.015em;text-decoration:none;color:inherit}.header-links a:before,.header-links a:after{display:none}
.header>.menu{top:26px;right:28px;width:56px;height:48px;background:transparent;border:0;border-radius:0;box-shadow:none}.header .menu span,.header .menu[aria-expanded=true] span{left:9px;width:38px;background:#292929}.header .menu span:first-child{top:19px}.header .menu span:nth-child(2){top:25px}.header .menu[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.header .menu[aria-expanded=true] span:nth-child(2){transform:translateY(-3px) rotate(-45deg)}
body:has(.opening-identity) .header-links{animation:mono-control .8s 4.2s both}.header.menu-active .header-links{display:none}.header.scrolled{background:#fffffff2;backdrop-filter:blur(8px)}.header.menu-active{background:transparent;backdrop-filter:none}
.header-links a:focus-visible,.header>.menu:focus-visible{outline:1px solid currentColor;outline-offset:5px}
@media(max-width:1000px){.header-links{display:none}}
@media(max-width:700px){.header>.menu{right:18px;top:24px;width:48px}.header .menu span,.header .menu[aria-expanded=true] span{left:8px;width:32px}}
@media(prefers-reduced-motion:reduce){body:has(.opening-identity) .header-links{animation:none}}
/* Staggered line sweep on the closed menu control. */
@keyframes menu-line-sweep{
  0%{clip-path:inset(0 0 0 0)}
  44%{clip-path:inset(0 0 0 100%)}
  45%{clip-path:inset(0 100% 0 0)}
  100%{clip-path:inset(0 0 0 0)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .header .menu[aria-expanded=false]:hover span:first-child{animation:menu-line-sweep .73s cubic-bezier(.25,.46,.45,.94) both}
  .header .menu[aria-expanded=false]:hover span:nth-child(2){animation:menu-line-sweep .75s cubic-bezier(.25,.46,.45,.94) .12s both}
}
@media(prefers-reduced-motion:no-preference){
  .header .menu[aria-expanded=false]:focus-visible span:first-child{animation:menu-line-sweep .73s cubic-bezier(.25,.46,.45,.94) both}
  .header .menu[aria-expanded=false]:focus-visible span:nth-child(2){animation:menu-line-sweep .75s cubic-bezier(.25,.46,.45,.94) .12s both}
}