/* Public MKundali Read coming-soon landing. Scoped palette; header/footer stay on --pub-*. */

.read-soon {
  --read-ivory: #FAF7EF;
  --read-gold: #B08A45;
  --read-gold-muted: #C9B58D;
  --read-brown: #493A2B;
  --read-brown-muted: #756958;
  --read-beige: #EEE5D5;
  --read-charcoal: #34333A;
  min-height: calc(100dvh - var(--pub-header-h));
  background: var(--read-ivory);
  color: var(--read-charcoal);
  padding: 2.75rem 0 max(4rem, calc(3rem + env(safe-area-inset-bottom, 0px)));
}

.read-soon-inner {
  width: min(100% - 32px, 42rem);
  margin-inline: auto;
  text-align: center;
}

.read-soon-brand {
  margin: 0 0 1rem;
  font-family: var(--font-display);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--read-gold);
}

.read-soon-rule {
  width: 4.5rem;
  height: 1px;
  margin: 0 auto 1.5rem;
  background: var(--read-gold-muted);
}

.read-soon-art {
  display: flex;
  justify-content: center;
  margin: 0 auto 1.75rem;
  color: var(--read-gold);
}

.read-soon-art svg {
  width: min(100%, 17.5rem);
  height: auto;
}

.read-soon h1 {
  margin: 0 0 0.85rem;
  font-family: var(--font-display);
  font-size: clamp(1.7rem, 5vw, 2.55rem);
  font-weight: 600;
  line-height: 1.22;
  color: var(--read-brown);
  text-wrap: balance;
}

.read-soon-sub {
  margin: 0 0 1.25rem;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.2rem, 3vw, 1.55rem);
  font-style: italic;
  line-height: 1.4;
  color: var(--read-brown);
}

.read-soon-desc {
  margin: 0 0 1.35rem;
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--read-brown-muted);
}

.read-soon-support {
  margin: 0 0 1.75rem;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.15rem;
  line-height: 1.55;
  color: var(--read-brown);
}

.read-soon-close {
  margin: 0 0 0.35rem;
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--read-gold);
}

.read-soon-stay {
  margin: 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.35rem;
  font-style: italic;
  color: var(--read-brown);
}

@media (max-width: 640px) {
  .read-soon {
    padding-top: 2rem;
  }

  .read-soon-desc {
    font-size: 1rem;
  }
}