/* One size for the four menu orbs and the two primary action orbs. */
.hero .hero-orb-hub{--large-orb-size:min(142px,11.83vw)}
.hero .hero-orb-hub .orb-action{
  width:var(--large-orb-size);
  height:var(--large-orb-size);
}
.hero .hero-orb-hub .orb-action-register{left:calc(50% - 15.5cqw)}
.hero .hero-orb-hub .orb-action-download{right:calc(50% - 15.5cqw)}
.hero-orb-hub .shortcut-orb-frame{width:110%;height:118%}
/* Balance two menu orbs on each side of the original three. */
.hero .navigation-strip.helmet-nav{
  --dock-feature-size:min(142px,11.83vw);
  --dock-orb-size:var(--dock-feature-size);
  --dock-center-gap:calc(43cqw + 4vw);
  position:absolute;
  top:50%;
  left:50%;
  z-index:6;
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--dock-center-gap) minmax(0,1fr);
  align-items:center;
  gap:0;
  width:min(1200px,calc(111.111vw - 24px));
  max-width:none;
  height:var(--dock-feature-size);
  min-height:0;
  margin:0;
  padding:0;
  transform:translate(-50%,-50%);
  border:0;
  background:none;
  box-shadow:none;
  pointer-events:none;
}
.hero .navigation-strip.helmet-nav .nav-side{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:0;
  width:100%;
  height:100%;
  min-width:0;
  pointer-events:none;
}
.hero .navigation-strip.helmet-nav .nav-side-left{grid-column:1}
.hero .navigation-strip.helmet-nav .nav-side-right{grid-column:3}
.hero .navigation-strip.helmet-nav .nav-side>:is(a,button),
.hero .navigation-strip.helmet-nav .nav-side-right .navigation-account{
  flex:none;
  width:var(--dock-orb-size);
  height:var(--dock-orb-size);
  min-height:0;
  padding:18px 9px;
  pointer-events:auto;
}
.hero .navigation-strip.helmet-nav .nav-feature{
  flex:none;
  width:var(--dock-feature-size);
  height:var(--dock-feature-size);
  min-width:0;
  align-self:center;
  pointer-events:auto;
}
.hero .navigation-strip.helmet-nav .nav-feature>summary{
  width:var(--dock-feature-size);
  height:var(--dock-feature-size);
  min-height:0;
  padding:24px 18px;
}
.hero .navigation-strip.helmet-nav .nav-feature-menu{z-index:10}
.hero .navigation-strip.helmet-nav .nav-feature-menu>a{
  width:var(--dock-feature-size);
  height:var(--dock-feature-size);
  padding:24px 18px;
  font-size:14px;
}
/* The opening date has passed; do not leave four zero counters behind the dock. */
.hero-countdown:has(.ice-countdown-finished){display:none}
@media(min-width:721px){
  .wrap>.hero:has(.nav-feature[open])+.main,
  body[data-route="home"] .wrap>.hero:has(.nav-feature[open])+.main{padding-top:165px}
}
@media(max-width:720px){
  .hero .hero-orb-hub{--large-orb-size:min(142px,37vw)}
  .hero .hero-orb-hub .orb-action-register{left:calc(50% - 35vw)}
  .hero .hero-orb-hub .orb-action-download{right:calc(50% - 35vw)}
  .hero-orb-hub .shortcut-orb-frame{width:100%;height:106%}
  .hero .navigation-strip.helmet-nav{
    --dock-feature-size:min(142px,37vw);
    top:calc(50% + 85px);
    left:50%;
    grid-template-columns:minmax(0,1fr);
    gap:0;
    width:calc(111.111vw - 16px);
    height:calc(var(--dock-feature-size) + var(--dock-orb-size));
    transform:translateX(-50%);
  }
  .hero .navigation-strip.helmet-nav .nav-side-left,
  .hero .navigation-strip.helmet-nav .nav-side-right{grid-column:1}
  .hero .navigation-strip.helmet-nav .nav-side-left{height:var(--dock-feature-size)}
  .hero .navigation-strip.helmet-nav .nav-side-right{height:var(--dock-orb-size)}
  .hero .navigation-strip.helmet-nav .nav-feature-menu{
    position:absolute;
    top:calc(100% + 4px);
    left:auto;
    right:0;
    width:max-content;
    margin:0;
    transform:none;
  }
  .hero .navigation-strip.helmet-nav:has(.nav-feature[open]) .nav-side-right{margin-top:calc(var(--dock-orb-size) + 12px)}
  .wrap>.hero+.main,
  body[data-route="home"] .wrap>.hero+.main{
    padding-top:calc(195px + min(142px,37vw) * 2);
  }
  .wrap>.hero:has(.nav-feature[open])+.main,
  body[data-route="home"] .wrap>.hero:has(.nav-feature[open])+.main{
    padding-top:calc(210px + min(142px,37vw) * 3);
  }
}