/* ============================================================
   Coming soon — standalone placeholder page
   Reuses tokens and hero treatment from styles.css.
   ============================================================ */
html, body { height: 100%; }
body { display: flex; flex-direction: column; min-height: 100vh; }

.coming-soon-hero {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: clamp(4rem, 10vw, 6rem);
  padding-bottom: clamp(4rem, 10vw, 6rem);
}

.coming-soon-inner {
  position: relative;
  z-index: 1;
  max-width: 34rem;
  margin: 0 auto;
  padding: 0 var(--pad);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.coming-soon-mark {
  width: 56px;
  height: 56px;
  object-fit: contain;
  margin-bottom: 1.8rem;
}

.coming-soon-inner .eyebrow { margin-bottom: 1.3em; }

.coming-soon-inner h1 {
  font-size: clamp(2.2rem, 5.5vw, 3.4rem);
  color: var(--white);
  margin-bottom: 0.5em;
}

.coming-soon-inner .hero-lede {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.8em;
}

.coming-soon-inner .contact-email {
  font-size: clamp(1.2rem, 2.6vw, 1.5rem);
}

.coming-soon-footer .footer-inner {
  justify-content: center;
  text-align: center;
}