/* Shared geometry for every page header. */
body>header{box-sizing:border-box;height:76px;min-height:76px;padding:0 5%;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:24px;background:#080808;backdrop-filter:none;position:sticky;top:0;z-index:100;border-bottom:1px solid #ffffff12;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:17px;line-height:1.5}
body>header .logo{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}body>header .logo img{display:block;width:158px;height:auto;filter:brightness(0) invert(1)}
body>header nav{display:flex;width:auto;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:26px}
body>header nav a{font-family:inherit;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.04em;color:#c8c8ce;text-decoration:none;white-space:nowrap}
body>header nav .nav-link{font-size:12px;line-height:18px;letter-spacing:.48px;display:inline-block;border:1px solid transparent;padding:10px 18px;border-radius:30px;background:transparent;color:#c8c8ce!important}
@media(max-width:760px){body>header{height:66px;min-height:66px;padding:0 5%}body>header .logo img{width:132px}body>header nav a:not(.nav-link){display:none}body>header nav .nav-link{display:inline-block;font-size:12px}}

/* Keep all section links accessible when the single-row header gets tight. */
@media(min-width:851px) and (max-width:1250px){
 html{scroll-padding-top:116px}
 body>header{height:auto;min-height:104px;flex-wrap:wrap;gap:8px 16px;padding:12px 5%}
 body>header .logo{order:0}
 body>header .theme-toggle{order:1;margin-left:auto}
 body>header nav{order:2;margin-left:0;width:100%;justify-content:flex-start;gap:24px;overflow-x:auto;padding:3px 0 5px;scrollbar-width:thin}
}
body>header nav a:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}