.coming-soon {
  text-align: center;
  padding: 56px 0 62px;
  min-height: 75vh;
}
.moon-garden {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto 36px;
}
.moon-garden img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 28%;
  border-radius: 50%;
  box-shadow:
    0 0 0 8px var(--paper),
    0 0 0 9px var(--line);
}
.moon-garden span {
  position: absolute;
  right: -19px;
  top: 15px;
  font-size: 50px;
  color: var(--rose);
}
.coming-soon .eyebrow {
  justify-content: center;
}
.coming-soon h1 {
  font-size: clamp(59px, 7vw, 86px);
  margin: 22px 0;
}
.pending-label {
  display: inline-block;
  color: var(--rose);
  border: 1px solid var(--line);
  border-radius: 30px;
  padding: 5px 15px;
  font-size: 11px;
  margin: 0 0 23px;
}
.pending-copy {
  font-size: 14px;
  line-height: 1.9;
  color: var(--muted);
  max-width: 510px;
  margin: auto;
}
.coming-soon .button {
  margin: 28px 0 19px;
}
.pending-signature {
  font: italic 24px var(--serif);
  color: var(--rose);
}
.coming-soon-page footer {
  padding-bottom: 80px;
}
html[data-theme="celestial"] .moon-garden img {
  filter: brightness(0.85) saturate(0.8);
}
html[data-theme="sketchbook"] .moon-garden {
  transform: rotate(-4deg);
}
@media (max-width: 640px) {
  .coming-soon {
    padding-top: 42px;
  }
  .moon-garden {
    width: 120px;
    height: 120px;
  }
  .pending-copy {
    font-size: 13px;
  }
  .coming-soon .eyebrow {
    font-size: 8px;
    letter-spacing: 1.7px;
  }
}