/* Canonical header. Loaded last on every active page. */
html{scrollbar-gutter:stable;color-scheme:dark}
html body>.topbar{position:sticky;top:0;z-index:200;margin:0;padding:0;border:0;border-bottom:1px solid #202023;background:#08080a;backdrop-filter:none;-webkit-backdrop-filter:none;color:#f4f3f5;font:400 16px/1.55 Inter,Arial,sans-serif}
html body>.topbar .site-nav{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:min(1780px,calc(100% - 48px));max-width:none;min-height:72px;height:72px;margin:0 auto;padding:0;gap:20px;font:400 16px/1.55 Inter,Arial,sans-serif}
html body>.topbar .brand-group{grid-column:1;grid-row:1;justify-self:start;min-width:0;margin:0;padding:0}
html body>.topbar .brand-lockup{display:flex;align-items:center;gap:10px;margin:0;padding:0;color:#fff;white-space:nowrap;text-decoration:none}
html body>.topbar .brand-lockup img{display:block;flex:none;width:38px;height:38px;max-width:none;object-fit:contain;margin:0}
html body>.topbar .brand-lockup span{font:700 26px/1.1 'Portfolio Marker',cursive;letter-spacing:0}
html body>.topbar .navlinks{display:flex;grid-column:2;grid-row:1;align-self:stretch;align-items:center;justify-content:center;flex:none;flex-wrap:nowrap;gap:12px;width:auto;margin:0;padding:0;order:0}
html body>.topbar .header-menu-group{align-self:stretch;margin:0;padding:0}
html body>.topbar .header-menu-control{box-sizing:border-box;align-self:center;height:44px;margin:0;padding:0;border-width:1px}
html body>.topbar .header-menu-direct{box-sizing:border-box;min-height:42px;height:42px;margin:0;padding:10px 4px 10px 16px;font:500 15px/1.3 Inter,Arial,sans-serif;letter-spacing:0;text-decoration:none}
html body>.topbar .header-menu-control .header-menu-trigger{box-sizing:border-box;width:40px;min-width:40px;height:42px;min-height:42px;margin:0;padding:10px 13px 10px 9px;font:500 15px/1.3 Inter,Arial,sans-serif}
/* Hide inherited controls before the shared navigation removes them. */
html body>.topbar .site-nav .navlinks>.nav-presentation,html body>.topbar .theme-switch,html body>.topbar.has-catalog-nav .site-nav .theme-switch{display:none}
html body>.topbar .nav-contact{box-sizing:border-box;display:inline-flex;grid-column:3;grid-row:1;justify-self:end;align-items:center;justify-content:center;min-height:44px;margin:0;padding:10px 18px;border:0;border-radius:999px;background:#d6ef4d;color:#1c1c1c;font:600 14px/1.3 Inter,Arial,sans-serif;letter-spacing:0;white-space:nowrap;text-decoration:none;box-shadow:none;cursor:pointer}
html body>.topbar .nav-contact:hover{background:#e3f58a;color:#1c1c1c;text-decoration:none}
html body>.topbar .nav-contact:active{background:#c4df38}
html body>.topbar .nav-contact:focus-visible{outline:2px solid #fff;outline-offset:4px}
html body>.topbar .header-menu-panel{position:absolute}
@media(max-width:1100px){
 html body>.topbar .site-nav{grid-template-columns:minmax(0,1fr) auto;height:116px;min-height:116px;grid-template-rows:38px 44px;gap:8px 16px;padding-block:13px}
 html body>.topbar .nav-contact{grid-column:2;grid-row:1}
 html body>.topbar .navlinks{grid-column:1/-1;grid-row:2;width:100%}
}
@media(max-width:850px){html body>.topbar .brand-lockup span{font-size:24px}}
@media(max-width:600px){
 html body>.topbar .site-nav{width:calc(100% - 30px);height:112px;min-height:112px;grid-template-rows:34px 44px}
 html body>.topbar .brand-lockup{gap:6px}
 html body>.topbar .brand-lockup img{width:32px;height:32px}
 html body>.topbar .brand-lockup span{font-size:22px}
 html body>.topbar .navlinks{gap:8px}
 html body>.topbar .header-menu-direct{font-size:14px;padding-left:12px}
 html body>.topbar .header-menu-control .header-menu-trigger{width:32px;min-width:32px;padding-inline:8px}
 html body>.topbar .nav-contact{font-size:12px;padding-inline:13px;min-height:40px}
}
@media(max-width:480px){
 html body>.topbar .site-nav{height:160px;min-height:160px;grid-template-rows:34px 40px 44px}
 html body>.topbar .brand-group{grid-column:1/-1}
 html body>.topbar .nav-contact{grid-column:1/-1;grid-row:2}
 html body>.topbar .navlinks{grid-row:3;display:flex;gap:8px;justify-content:center}
 html body>.topbar .header-menu-group{justify-content:center}
 html body>.topbar .brand-lockup span{font-size:18px}
}