:root{--header-height:73px}html{scroll-padding-top:calc(var(--header-height) + 16px)}body{padding-top:var(--header-height)}
body>nav{position:fixed;top:0;inset-inline:0;width:100%;z-index:1000;background:#faf8fa;visibility:visible}
@media(max-width:1024px){
:root{--header-height:112px}
body>nav{height:auto;min-height:108px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:8px 24px 5px}
body>nav .brand{grid-column:1;grid-row:1;min-width:0}
body>nav .nav-tools{grid-column:2;grid-row:1;margin:0}
body>nav .nav-center,body>nav .nav-center.open{grid-column:1/-1;grid-row:2;position:static;display:flex!important;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-width:0;max-height:none;margin:0;padding:4px 0;overflow-x:auto;overflow-y:hidden;border:0;border-radius:0;background:transparent;scrollbar-width:thin;scrollbar-color:#dcd1e6 transparent}
body>nav .nav-center a{flex-shrink:0;font-size:12px;line-height:1.5;padding:5px 9px;white-space:nowrap}
body>nav .hamburger{display:none}
}
@media(max-width:640px){body>nav{padding-inline:15px;gap:3px 10px;min-height:102px}body>nav .nav-center{gap:5px}body>nav .nav-center a{font-size:11px;padding:5px 8px}.hero-art.has-profile .portrait-slot.has-photo{height:auto}.hero-art.has-profile img{display:block}}
@media(max-width:400px){body>nav{padding-inline:10px}}