/* Keep the primary navigation centered independently of the brand width. */
header>.identity-group{grid-column:1;justify-self:start;display:flex;align-items:center;gap:14px;min-width:0}.identity-group>.profile-avatar{position:relative;top:auto;right:auto;grid-column:auto;grid-row:auto;flex:0 0 70px}.identity-group>.brand{font-size:inherit;letter-spacing:0;gap:0}.identity-group .brand small{font-size:12px;line-height:1.8;letter-spacing:.3px}.identity-group .brand small:first-line{color:#e4e8ef}
header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:center}header>.brand{grid-column:1;justify-self:start;width:max-content}header>nav{grid-column:2;justify-self:center;justify-content:center;gap:30px;white-space:nowrap;padding-top:0}header>nav button{min-height:44px}
@media(max-width:800px){
 header{grid-template-columns:1fr;gap:8px;padding:calc(16px + env(safe-area-inset-top,0px)) 6% 0}header>.brand{grid-column:1;grid-row:1}header>nav{grid-column:1;grid-row:2;justify-self:center;gap:28px;visibility:visible}#index-open,#about-open{font-size:14px}#index-open>span{display:inline;font-size:11px}#index-open:before,#about-open:after{content:none}header>nav button{padding:8px 0}.intro{top:max(154px,23dvh)}:root{--mobile-top:calc(138px + env(safe-area-inset-top,0px))}.star-legend{top:143px}#meteor-field{top:155px}.project-open header nav{visibility:hidden}
}
@media(max-width:800px){header>.identity-group{grid-column:1;grid-row:1;gap:12px}.identity-group>.profile-avatar{position:relative;top:auto;right:auto;flex-basis:57px}.identity-group .brand small{font-size:10px;line-height:1.8;letter-spacing:0}}
@media(max-width:360px){.identity-group .brand small{font-size:9px}.identity-group>.profile-avatar{width:52px;height:52px;flex-basis:52px}}
@media(max-height:540px) and (max-width:1000px) and (orientation:landscape){.identity-group>.profile-avatar{width:48px;height:48px;flex-basis:48px}.identity-group .brand small{font-size:9px}}
@media(max-height:540px) and (max-width:1000px) and (orientation:landscape){header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;padding:12px 3%}header>nav{grid-column:2;grid-row:1;gap:22px}header>nav button{font-size:13px}.project-open header nav{visibility:hidden}.intro{top:24%}}
@media(min-width:801px) and (max-width:1100px) and (min-height:541px){header>.identity-group{gap:10px}.identity-group>.profile-avatar{width:54px;height:54px;flex-basis:54px}.identity-group .brand small{font-size:9px;max-width:145px;display:block}header>nav{gap:20px;font-size:13px}}