/* Full-width header matching the site's bottom panel. */
html[data-theme] body > .topbar.has-flat-nav {
 position: sticky; top: 0; z-index: 200;
 width: 100%; margin: 0; padding: 0;
 border: 0; border-bottom: 1px solid rgba(255,255,255,.08); border-radius: 0;
 background: rgba(8,8,10,.82); color: #f4f3f5;
 box-shadow: none;
 backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
}
@media(prefers-reduced-transparency:reduce) {
 html[data-theme] body > .topbar.has-flat-nav { background: #101012; backdrop-filter: none; -webkit-backdrop-filter: none; }
}
html body > .topbar.has-flat-nav .site-nav {
 box-sizing: border-box; display: grid; align-items: center;
 grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); grid-template-rows: auto;
 width: min(1400px, calc(100% - 48px)); max-width: none; height: auto; min-height: 80px;
 margin: 0 auto; padding: 10px 14px 10px 24px; gap: 20px;
}
html body > .topbar.has-flat-nav .brand-group { grid-column: 1; grid-row: 1; min-width: 0; max-width: 100%; justify-self: start; }
html body > .topbar.has-flat-nav .brand-lockup { display: flex; align-items: center; gap: 12px; margin: 0; padding: 0; color: #f6f4ed; text-decoration: none; }
html body > .topbar.has-flat-nav .brand-lockup > img { display: block; flex: none; width: 56px; height: 50px; object-fit: contain; filter: none; }
html body > .topbar.has-flat-nav .brand-lockup .brand-copy { display: flex; flex-direction: column; gap: 3px; max-width: none; font: 500 20px/1.25 Inter,Arial,sans-serif; letter-spacing: -.02em; text-transform: none; white-space: nowrap; }
html body > .topbar.has-flat-nav .brand-name { font: inherit; }
html body > .topbar.has-flat-nav .brand-role { color: #929194; font: 400 13px/1.3 Inter,Arial,sans-serif; letter-spacing: 0; }
html body > .topbar.has-flat-nav .navlinks {
 display: flex; grid-column: 2; grid-row: 1; align-items: center; justify-content: center;
 align-self: center; flex-wrap: nowrap; width: auto; margin: 0; padding: 0; gap: 26px;
}
html body > .topbar.has-flat-nav .navlinks > :is(a,span) {
 box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
 min-height: 44px; margin: 0; padding: 0 2px; border: 0; border-radius: 0;
 background: transparent; box-shadow: none; color: #aaa9ae;
 font: 500 13px/1.3 Inter,Arial,sans-serif; letter-spacing: .07em;
 text-transform: uppercase; text-decoration: none; white-space: nowrap;
}
html body > .topbar.has-flat-nav .navlinks > .flat-nav-placeholder { color: #77777e; cursor: default; }
html body > .topbar.has-flat-nav .navlinks > a:is(:hover,[aria-current="page"]) { color: #f4f3f5; background: transparent; }
html body > .topbar.has-flat-nav .navlinks > a:focus-visible { outline: 2px solid #d6ef4d; outline-offset: 5px; border-radius: 3px; }
html body > .topbar.has-flat-nav .nav-contact {
 box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
 grid-column: 3; grid-row: 1; justify-self: end; min-height: 44px;
 margin: 0; padding: 10px 18px; border: 0; border-radius: 999px;
 background: #d6ef4d; color: #1c1c1c; box-shadow: none;
 font: 600 14px/1.3 Inter,Arial,sans-serif; text-decoration: none; white-space: nowrap;
}
html body > .topbar.has-flat-nav .nav-contact:hover { background: #e3f58a; }
html body > .topbar.has-flat-nav .nav-contact:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
html body > .topbar.has-flat-nav .nav-contact-icon { display: none; }
@media(max-width:1100px) {
 html body > .topbar.has-flat-nav .site-nav { grid-template-columns: auto minmax(0,1fr) auto; grid-template-rows: auto; gap: 16px; padding: 10px 0; }
 html body > .topbar.has-flat-nav .brand-lockup .brand-copy { font-size: 16px; }
 html body > .topbar.has-flat-nav .navlinks { grid-column: 2; grid-row: 1; width: auto; gap: 22px; }
 html body > .topbar.has-flat-nav .nav-contact { grid-column: 3; grid-row: 1; }
}
@media(max-width:850px) {
 html[data-theme] body > .topbar.has-flat-nav { position: relative; top: auto; }
 html body > .topbar.has-flat-nav .site-nav { grid-template-columns: minmax(0,1fr) auto; gap: 4px 12px; }
 html body > .topbar.has-flat-nav .nav-contact { grid-column: 2; }
 html body > .topbar.has-flat-nav .navlinks { grid-column: 1 / -1; grid-row: 2; }
}
@media(max-width:600px) {
 html body > .topbar.has-flat-nav .site-nav { width: calc(100% - 24px); min-height: 64px; grid-template-rows: auto; padding: 10px 0; gap: 8px; }
 html body > .topbar.has-flat-nav .brand-lockup { min-width: 32px; min-height: 44px; justify-content: start; gap: 8px; }
 html body > .topbar.has-flat-nav .brand-lockup .brand-copy { font-size: 15px; }
 html body > .topbar.has-flat-nav .brand-role { font-size: 11px; }
 html body > .topbar.has-flat-nav .brand-lockup > img { width: 40px; height: 38px; }
 html body > .topbar.has-flat-nav .nav-contact { width: 44px; height: 44px; min-height: 44px; padding: 0; }
 html body > .topbar.has-flat-nav .nav-contact-label { display: none; }
 html body > .topbar.has-flat-nav .nav-contact-icon { display: block; width: 20px; height: 20px; }
 html body > .topbar.has-flat-nav .navlinks { gap: clamp(6px,2vw,12px); justify-content: center; }
 html body > .topbar.has-flat-nav .navlinks > :is(a,span) { font-size: 11px; letter-spacing: .02em; }
}