/* The existing nine-guardian artwork stays together beside the homepage name. */
.home-page .nav{
 display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;
 height:auto;min-height:136px;padding-top:14px;padding-bottom:14px;
}
.home-page .home-brand{
 display:flex;align-items:center;gap:14px;min-width:0;
}
.home-page .home-brand .brand{display:block}
.home-page .home-brand .brand img.brand-logo{width:178px;height:auto}
.home-page .home-brand .brand-guardians{
 display:block;width:250px;height:auto;max-width:100%;
 object-fit:contain;object-position:center;flex-shrink:0;
}
.home-page .nav>nav{display:flex;gap:16px;justify-content:center;min-width:0}
.home-page .nav>nav a{font-size:13px}
.home-page .nav-tools{gap:12px}
@media(max-width:1220px){
 .home-page .nav{grid-template-columns:minmax(0,1fr) auto;gap:18px}
 .home-page .nav>nav{display:none}
}
@media(max-width:760px){
 .home-page .nav{
  grid-template-columns:minmax(0,1fr) auto;row-gap:8px;
  padding-top:16px;padding-bottom:14px;min-height:0;
 }
 .home-page .home-brand{display:contents}
 .home-page .home-brand .brand{grid-column:1;grid-row:1;justify-self:start}
 .home-page .home-brand .brand img.brand-logo{width:152px;height:auto}
 .home-page .nav-tools{grid-column:2;grid-row:1}
 .home-page .home-brand .brand-guardians{
  grid-column:1/-1;grid-row:2;justify-self:center;
  width:330px;max-width:100%;height:auto;
 }
}
@media(max-width:360px){
 .home-page .home-brand .brand img.brand-logo{width:138px}
 .home-page .nav{column-gap:10px}
}