/* Center the seven hero orbs in their reading order. */
.hero .hero-orb-hub{
  width:min(940px,calc(100vw - 20px));
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)) var(--online-size) repeat(3,minmax(0,1fr));
  grid-template-rows:100%;
  align-items:center;
  justify-items:center;
}
.hero .hero-orb-hub>.orb-frame-center{
  position:relative;
  grid-column:4;
  grid-row:1;
  left:auto;
  top:auto;
  height:100%;
  transform:none;
  justify-self:center;
  align-self:center;
}
.hero .hero-orb-hub .navigation-strip.helmet-nav>.orb-action{
  position:relative;
  grid-row:1;
  top:auto;
  right:auto;
  bottom:auto;
  left:auto;
  transform:none;
}
.hero .hero-orb-hub .navigation-strip.helmet-nav>.orb-action-register{grid-column:2}
.hero .hero-orb-hub .navigation-strip.helmet-nav>.orb-action-download{grid-column:3}
.hero .hero-orb-hub .navigation-strip.helmet-nav>.harbor-online-stack{
  position:relative;
  grid-column:4;
  grid-row:1;
  top:auto;
  right:auto;
  bottom:auto;
  left:auto;
  margin:0;
  transform:none;
}
.hero .hero-orb-hub>.navigation-strip.helmet-nav,
.hero .hero-orb-hub .navigation-strip.helmet-nav .nav-side{
  display:contents;
}
.hero .hero-orb-hub .nav-side-left>a:first-of-type{grid-column:1;grid-row:1}
.hero .hero-orb-hub .nav-side-middle>.nav-ranking-first{grid-column:5;grid-row:1}
.hero .hero-orb-hub .navigation-strip.helmet-nav .nav-feature{
  grid-column:6;
  grid-row:1;
  z-index:6;
  justify-self:center;
}
.hero .hero-orb-hub .nav-side-right>.navigation-account{grid-column:7;grid-row:1}
@media(max-width:720px){
  .hero .hero-orb-hub{
    width:calc(111.111vw - 16px);
    height:auto;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(4,var(--large-orb-size));
    row-gap:14px;
    transform:translate(-50%,0);
  }
  .hero .hero-orb-hub .nav-side-left>a:first-of-type{grid-column:1;grid-row:1}
  .hero .hero-orb-hub .navigation-strip.helmet-nav>.orb-action-register{grid-column:2;grid-row:1}
  .hero .hero-orb-hub .navigation-strip.helmet-nav>.orb-action-download{grid-column:1;grid-row:2}
  .hero .hero-orb-hub>.orb-frame-center,
  .hero .hero-orb-hub .navigation-strip.helmet-nav>.harbor-online-stack{grid-column:2;grid-row:2}
  .hero .hero-orb-hub .navigation-strip.helmet-nav>.harbor-online-stack{width:min(var(--online-size),calc(var(--large-orb-size) * .85))}
  .hero .hero-orb-hub .nav-side-middle>.nav-ranking-first{grid-column:1;grid-row:3}
  .hero .hero-orb-hub .navigation-strip.helmet-nav .nav-feature{grid-column:2;grid-row:3}
  .hero .hero-orb-hub .nav-side-right>.navigation-account{grid-column:1 / -1;grid-row:4;justify-self:center}
  .hero .hero-orb-hub:has(.nav-feature[open]){grid-template-rows:repeat(5,var(--large-orb-size))}
  .hero .hero-orb-hub:has(.nav-feature[open]) .nav-side-right>.navigation-account{grid-row:5}
  .wrap>.hero+.main,
  body[data-route="home"] .wrap>.hero+.main{padding-top:calc(min(142px,37vw) * 4 + 90px)}
  .wrap>.hero:has(.nav-feature[open])+.main,
  body[data-route="home"] .wrap>.hero:has(.nav-feature[open])+.main{padding-top:calc(min(142px,37vw) * 5 + 105px)}
}