.hero {
  --window-base: 0.7rem;
  --tower-max: clamp(10rem, 36svh, 24rem);
}

.consent {
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}

@media (max-width: 520px) {
  .dock__item--extra {
    display: none;
  }
}

.page-hero {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-lg);
}

.page-hero__art img {
  width: 8rem;
}

.hero__actions {
  flex-direction: column;
  width: 100%;
}

@media (max-width: 560px) {
  :root {
    --top-space: 13rem;
  }

  .site-header__inner {
    padding-block: var(--space-sm);
  }

  .site-header__actions {
    display: contents;
  }

  .site-header__settings {
    order: 2;
  }

  .night-sky__moon {
    top: 5.8rem;
    right: 38%;
    width: 2.8rem;
  }

  .site-header__auth {
    order: 3;
    flex-basis: 100%;
    justify-content: center;
  }
}